/* =====================================
Template Name: Eshop
Author Name: Naimur Rahman
Author URI: http://www.wpthemesgrid.com/
Description: Eshop - eCommerce HTML5 Template.
Version:1.0
========================================*/
/*======================================
[ CSS Table of contents ]
01. Preloader CSS
02. Header CSS
	+ Logo
	+ Category Menu
	+ Main Menu
03. Hero Area CSS
04. Small Banner CSS
05. Medium Banner CSS
06. Single Product CSS
07. Shop Sidebar CSS
08. Shop Single CSS
09. Shop Home List CSS
10. Cart CSS
11. Checkout CSS
12. Login & Register CSS
13. Cowndown CSS
14. Shop Services CSS
15. Newslatter CSS
16. About Us CSS
17. Team CSS
18. Blog CSS
	+ Blog Archive
	+ Blog Sidebar
	+ Blog Single
19. Contact CSS
20. 404 Error CSS
21. Footer CSS
========================================*/
.color-plate {
	position: fixed;
	display: block;
	z-index: 99998;
	padding: 20px;
	width: 245px;
	background: #fff;
	right: -245px;
	text-align: left;
	top: 30%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
}
.color-plate.active{
	right:0;
}
.color-plate .color-plate-icon {
	position: absolute;
	left: -48px;
	width: 48px;
	height: 45px;
	line-height: 45px;
	font-size: 21px;
	border-radius: 5px 0 0 5px;
	background: #fff;
	text-align: center;
	color: #333;
	top: 0;
	cursor: pointer;
	box-shadow: -4px 0px 5px #00000036;
}
.color-plate h4 {
	display: block;
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: 500;
}
.color-plate p {
	font-size: 13px;
	margin-bottom: 15px;
	line-height: 20px;
}
.color-plate span {
	width: 42px;
	height: 35px;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	margin-right: 3px;
}
.color-plate span:hover{
	cursor:pointer;
}
.color-plate span.color1{
	background:#0047BD;
}
.color-plate span.color2{
	background:#0088CC;
}
.color-plate span.color3{
	background:#32B87D;
}
.color-plate span.color4{
	background:#FE754A;
}
.color-plate span.color5{
	background:#F82F56;
}
.color-plate span.color6{
	background:#00cec9;
}
.color-plate span.color7{
	background:#6c5ce7;
}
.color-plate span.color8{
	background:#85BA46;
}
.color-plate span.color9{
	background:#fd79a8;
}
.color-plate span.color10{
	background:#a29bfe;
}
.color-plate span.color11{
	background:#badc58;
}
.color-plate span.color12{
	background:#FF1D38;
}
/* Preloader */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
}
.preloader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.preloader-icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  padding: 0px;
}
.preloader-icon span {
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background:#0047BD;
  -webkit-animation: preloader-fx 1.6s linear infinite;
  animation: preloader-fx 1.6s linear infinite;
}
.preloader-icon span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}
@keyframes preloader-fx {
  0% {transform: scale(0, 0); opacity:0.5;}
  100% {transform: scale(1, 1); opacity:0;}
}
@-webkit-keyframes preloader-fx {
  0% {-webkit-transform: scale(0, 0); opacity:0.5;}
  100% {-webkit-transform: scale(1, 1); opacity:0;}
}
/* End Preloader */

.btn {
	position: relative;
	font-weight: 500;
	font-size:14px;
	color: #fff;
	background: #0047BD;
	display: inline-block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 5;
	display: inline-block;
	padding: 13px 32px;
	border-radius: 0px;
	text-transform:uppercase;
}
.btn:hover{
	color:#fff;
	background:#0047BD;
}

.banner-btn{
    position: relative;
	font-weight: 500;
	font-size:14px;
	color: #fff !important;
	background: #0047BD;
	display: inline-block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 5;
	display: inline-block;
	padding: 13px 32px;
	border-radius: 0px;
    margin-top: 32px;
	/* text-transform:uppercase; */
}
#scrollUp {
	right: 10px;
	z-index: 33;
	bottom: 10px;
	text-align: center;
}
#scrollUp i{
	height: 40px;
    width: 20px;
    line-height: 40px;
	background:transparent;
    background:#222;
    border-radius: 0;
	font-size: 18px;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	display:block;
	color: #fff;
	box-shadow: 0px 4px 19px #00000038;
}
#scrollUp i:hover{
	background:#0047BD;
	color:#fff;
}
/*======================================
	01. Header CSS
========================================*/
/* Topbar */
.topbar {
	background-color: #0047BD;
	border-bottom: 1px solid #e2e2e2;
	padding: 15px 0;
}
/* Logo */
.header .logo {
	float: left;
	margin-top: 35px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .navbar {
	padding: 0;
}
/* Main Menu */
.menuiconbox{
	float:right;
}
.navbar-expand-lg .navbar-collapse{

	display:block !important;
}
.header.v3 .navbar-expand-lg .navbar-collapse{
	display:block !important;
	background:#333;
}
.header .nav li a i {
	margin-left: 6px;
	font-size: 10px;
}
/* Dropdown Menu */
.header .nav li .dropdown {
	background: #fff;
	width: 220px;
	position: absolute;
	top: 100%;
	z-index: 999;
	-webkit-box-shadow: 0px 3px 5px #3333334d;
	-moz-box-shadow: 0px 3px 5px #3333334d;
	box-shadow: 0px 3px 5px #3333334d;
	transform-origin: 0 0 0;
	transform: scaleY(0.2);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0;
	visibility: hidden;
	padding: 10px;
	left: 0;
	margin: 0;
	max-height: 300px; 
    overflow-y: auto; 
    overflow-x: hidden; 
}
.header .nav li .dropdown::-webkit-scrollbar {
    width: 8px; 
}

.header .nav li .dropdown::-webkit-scrollbar-thumb {
    background-color: #888; 
    border-radius: 4px; 
}

.header .nav li .dropdown::-webkit-scrollbar-thumb:hover {
    background-color: #555; 
}
.header .nav li:hover .dropdown{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
.header .nav li .dropdown li{
	float:none;
	margin:0;
}
.header .nav li .dropdown li a {
	padding: 8px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
}
.header .nav li .dropdown li a:before{
	display:none;
}
.header .nav li .dropdown li:last-child a{
	border-bottom:0px;
}
.header .nav li .dropdown li:hover a{
	color:#0047BD;
	background:#0047BD;
}
.header .nav li .dropdown li a:hover{
	border-color:transparent;
}
.header .nav li .dropdown li i {
	float: right;
	margin-top: 8px;
	font-size:10px;
	z-index:5;
}
.header .nav li .dropdown.sub-dropdown {
	background: #fff;
    width: 220px;
    position: absolute;
    left: 200px;
    top: 0;
    z-index: 999;
   -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
}
.header .nav li .dropdown li:hover .dropdown.sub-dropdown{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
.header .nav li .dropdown.sub-dropdown li a{
	padding: 8px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
}
.header .nav li .dropdown li:hover .dropdown.sub-dropdown li a{
	background:transparent;
}
.header .nav li .dropdown li .dropdown.sub-dropdown li a:hover{
	color:#fff;
	background:#0047BD;
}
.header .nav li .dropdown.sub-dropdown li:last-child a{
	border-bottom:0px solid;
}
.mobile-search{
	display:none;
}
.header.shop .topbar {
	height: 48px;
	border: none;
	padding: 12px 0px;
}
.header.shop .nav-inner {
    width: 100%;
	/* margin-right: 188px; */
}
.header.shop .logo {
	float: left;
	margin-top: 35px;
}
.header.shop .top-contact {
	margin-top:0px;
}
.header.shop .topbar p {
	color: #ccc;
}
.header.shop .topbar .login a {
	color: #0047BD;
}
/* Topbar Left Nav */
.header.shop .left-nav{

}
.header.shop .top-left .list-main li:first-child{
	padding-left:0;
}
.header.shop .top-left .list-main li i{
	display: contents;
	margin-right: 4px;
	font-size: 15px;
	color: #ffffff;
	position: relative;
	top: 3px;
}
.header.shop .right-content{
	float:right;
}
.header.shop .list-main li {
	display: inline-block;
	color: #ffffff;
	font-size: 13px;
	font-weight: 500;
	/* border-right: 1px solid #f0f0f0; */
	padding: 0px 13px;
}
.header.shop .list-main li i {
	display: inline-block;
	margin-right: 4px;
	font-size: 15px;
	color: #ffffff;
	position: relative;
	top: 1px;
}
.header.shop .list-main li:last-child{
	padding-right:0;
	border:none;
}
.header.shop .list-main li a{
	color:#ffffff;
}
.header.shop .list-main li a:hover{
	color:#f3f2f0;
}
.header.shop .nav li {
	margin-right: 40px;
	float: left;
	position: relative;
}
.header.shop .nav li {
	margin-right: 38px;
	position: relative;
}
.header.shop .nav li:last-child {
	margin: 0 !important;
}
.header.shop .nav li .new {
	background: #0047BD;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding: 0px 9px;
	position: absolute;
	left: 0;
	top: 6px;
	font-weight: 500;
}
.header.shop .nav li .new::before {
	position: absolute;
	content: "";
	left: 4px;
	bottom: -8px;
	border: 4px solid #0047BD;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}
/* Shopping Cart */
.header .shopping {
	display: inline-block;
	z-index: 9999;
}
.header .shopping .icon {
	position: relative;
	cursor:pointer;
	color:#222;
}
.header .shopping .shopping-item {
	position: absolute;
	top: 68px;
	right: 0;
	width: 300px;
	background: #fff;
	padding: 20px 25px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	opacity:0;
	visibility:hidden;
	z-index:99;
	
}
.header .shopping:hover .shopping-item{
	transform: translateY(0px);
	opacity:1;
	visibility:visible;
}
.header .shopping .dropdown-cart-header{
	padding-bottom: 10px;
    margin-bottom: 15px;
	border-bottom:1px solid #e6e6e6;
	
}

.header .shopping .shopping-item{
	max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
.slicknav_nav li .dropdown{
	max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.header .shopping .shopping-item::-webkit-scrollbar {
    width: 8px; 
}

.header .shopping .shopping-item::-webkit-scrollbar-thumb {
    background-color: #888; 
    border-radius: 4px; 
}

.header .shopping .shopping-item::-webkit-scrollbar-thumb:hover {
    background-color: #555; 
}

.header .shopping .dropdown-cart-header span {
	text-transform: uppercase;
	color: #222;
	font-size: 13px;
	font-weight: 600;
}
.header .shopping .dropdown-cart-header a {
	float: right;
	text-transform: uppercase;
	color: #222;
	padding: 0 !important;
	font-size: 13px;
	font-weight: 600;
}
.header .shopping .dropdown-cart-header a:hover{
	color:#0047BD;
}

.header .wishlist-items li,
.header .shopping-list li {

	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position:relative;
}

.header .wishlist-items li .remove,
.header .shopping-list li .cartremove {
	position: absolute !important;
	left: 240px;
	margin-top: -32px;
	height: 20px;
	width: 20px;
	line-height: 18px;
	text-align: center;
	background: none !important;
	color: #222;
	border-radius: 0;
	font-size: 11px;
	
}
.header .wishlist-items li .remove:hover,
.header .shopping-list li .remove:hover{
	background:#222;
	color:#fff !important;
	border-color:transparent;
}
.header .wishlist-items .cart-img,
.header .shopping-list .cart-img {
	float: right;
	border: 1px solid #ededed;
	overflow:hidden;
}
.header .wishlist-items .cart-img img,
.header .shopping-list .cart-img img {
	width: 70px;
	height: 70px;
	border-radius:0;

}
.header .wishlist-items .cart-img:hover img,
.header .shopping-list .cart-img:hover img{
	transform:scale(1.09);
}
.header .wishlist-items .quantity,
.header .shopping-list .quantity{
	line-height: 22px;
    font-size: 13px;
	padding-bottom: 30px;
}
.header .wishlist-items h4,
.header .shopping-list h4 {
	font-size: 14px;
}
.header .wishlist-items h4 a,
.header .shopping-list h4 a {
	font-weight: 600;
	font-size: 13px;
	color: #333;
}
.header .wishlist-items h4 a:hover,
.header .shopping-list h4 a:hover{
	color:#0047BD;
}
.header .wishlist-items .bottom,
.header .shopping-item .bottom {
	text-align: center;
}
.header .wishlist-items .toatl,
.header .shopping-item .total {
	overflow:hidden;
	display: block;
    padding-bottom: 10px;
}
.header .wishlist-items .total span,
.header .shopping-item .total span {
	text-transform:uppercase;
	color:#222;
	font-size:13px;
	font-weight:600;
	float:left;
}
.header .wishlist-items .total .total-amount,
.header .shopping-item .total .total-amount {
	float:right;
	font-size:14px;
}
.header .wishlist-items .bottom .btn,
.header .shopping-item .bottom .btn {
	background: #0047BD;
	padding: 10px 20px;
	display: block;
	color: #fff;
	margin-top: 10px;
	border-radius: 0px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}
.header .wishlist-items .bottom .btn:hover,
.header .shopping-item .bottom .btn:hover{
	background:#0047BD;
	color:#fff;
}
.header.shop{
	background:#fff;
}
.header.shop .nav-inner {
	margin: 0;
	float: left;
}
.header.shop .topbar {
	background-color: #0047BD;
	border: none;
}
.header.shop.v3 .topbar{
	padding:0;
}
.header.shop.v3 .topbar .inner-content{
	border-bottom:1px solid #eee;
	padding: 12px 0px;
}
.header.shop .right-nav li a {
	color: #ffffff;
}
.header.shop .logo {
	float: left;
	margin: 19px 0 0;
}
.header.shop .top-contact {
	margin-top:0px;
}
/* Header Middle */
.header.shop .search-bar-top {
	text-align: center;
	margin-top: 10px;
}
.header.shop .search-bar {
	margin-top: 33px;
	width: 460px;
	height: 40px;
	display: inline-block;
	background: #fff;
	position: relative;
}
.header.shop .search-bar {
	width: 535px;
	height: 50px;
	display: inline-block;
	background: #fff;
	position: relative;
	margin: 0;
	line-height: 45px;
	border-radius: 5px;
	border: 1px solid #ececec;
}
.header.shop .nice-select {
	clear: initial;
	margin: 0;
	height: 48px;
	width: 150px;
	border: none;
	text-align: center;
	background: transparent;
	text-transform: capitalize;
	padding: 0 0 0 20px;
	border-right: 1px solid #eee;
	line-height: 50px;
	font-size: 14px;
	font-weight: 400;
}
.header.shop .nice-select::after {
	border-color: #666;
	right: 20px;
}
.header.shop .nice-select .list {
	border-radius:0px;
}
.header.shop .nice-select .list li.focus{
	font-weight:400;
}
.header.shop .nice-select .list li {
	color: #666;
	border-radius: 0px;
	font-size: 14px;
	font-weight: 400;
}
.header.shop .nice-select .list li:hover{
	background:#0047BD;
	color:#fff;
}
.header.shop .search-bar form {
	display: inline-block;
	float: left;
	width: 260px;
}
.header.shop .search-bar input {
	height: 48px;
	background: transparent;
	color: #666;
	border-radius: 0;
	border: none;
	font-size: 14px;
	font-weight: 400;
	padding: 0 25px 0 20px;
	width: 328px;
}
.header.shop .search-bar .btnn {
	height: 50px;
	line-height: 53px;
	width: 62px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #333333;
	position: absolute;
	right: -2px;
	top: -1px;
	border: none;
	border-radius: 0 5px 5px 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header.shop .search-bar .btnn:hover{
	color:#fff;
	background:#0047BD;
}
/* Search Form */
.header.shop .search-top {
	opacity: 1;
	visibility: visible;
	top: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	padding: 0;
	top: 0;
}
.header.shop .middle-inner {
	padding: 20px 0;
	background: #fff;
	border-top: 1px solid #eee;
}
.header.shop.v3 .middle-inner {
	border:none;
}
.header.shop .header-inner {
	height:100px;
	background: #fff;
	align-content: center;
	border-bottom: 1px solid #E1E1E1;
	border-top: 2px solid #E1E1E1;
}
.header.shop.v3 .header-inner {
	background: transparent;
}
.header.shop.v2 .header-inner {
	background: #fff;
	border-top:1px solid #eee;
}
.header.shop .topbar p {
	color: #333;
}
.header.shop .all-category {
	color: #fff;
	background: transparent;
	position: relative;
	background: #0047BD;
}
.header.shop .all-category h3{
	padding: 20px 25px;
}
.header.shop .cat-heading {
	font-size: 20px;
	color: #fff;
}
.header.shop .cat-heading i {
	color: #fff;
	display: inline-block;
	margin-right: 15px;
	font-size: 22px;
}
.header.shop .main-category {
	position: absolute;
	left: 0;
	top: 64px;
	background: #fff;
	z-index: 1;
	width: 100%;
	-webkit-box-shadow: 0px 5px 15px #0000000a;
	-moz-box-shadow: 0px 5px 15px #0000000a;
	box-shadow: 0px 5px 15px #0000000a;
}
.header.shop .main-category li{
	display:block;
	border-bottom:1px solid #f6f6f6;
	position:relative;
}
.header.shop .main-category li:last-child{
	border:none;
}
.header.shop .main-category li a {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	padding: 13px 25px 13px 25px;
	display: block;
	text-transform: uppercase;
}
.header.shop .main-category li a i{
	display:inline-block;
	float:right;
}
.header.shop .sub-category {
	background: #fff;
	width: 220px;
	position: absolute;
	left: 238px;
	top: 0;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-left: 3px solid #0047BD;
	-webkit-box-shadow: 0px 5px 15px #0000000a;
	-moz-box-shadow: 0px 5px 15px #0000000a;
	box-shadow: 0px 5px 15px #0000000a;
}
.header.shop .main-category li:hover .sub-category{
	opacity:1;
	visibility:visible;
}
.header.shop .main-category li a{
	text-transform:capitalize;
	font-weight:400;
}
.header.shop .main-category li a:hover{
	color:#0047BD;
}
.header.shop .main-category .main-mega{
	position:relative;
}
.header.shop .main-category li .mega-menu {
	width: 850px;
	display: inline-block;
	height: auto;
	position: absolute;
	left: 238px;
	top: 0;
	z-index: 99999;
	background: #fff;
	border: none;
	padding: 30px;
	border-left: 3px solid #0047BD;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.header.shop .main-category li:hover .mega-menu{
	opacity:1;
	visibility:visible;
}
.header.shop .main-category li .mega-menu .single-menu {
	width: 33%;
	display: inline-block;
	border: none;
	padding: 0;
	padding-right: 20px;
}
.header.shop .main-category li .mega-menu .single-menu a{
	padding:0;
}
.header.shop .main-category li .mega-menu .single-menu .image{
	overflow:hidden;
}
.header.shop .main-category li .mega-menu .single-menu img{
	display:block;
	height:100%;
	width:100%;
	cursor:pointer;
}
.header.shop .main-category li .mega-menu .single-menu .image:hover img{
	transform:scale(1.1);
}
.header.shop .main-category li .mega-menu .single-menu .title-link {
	margin-bottom: 20px;
	background: #0047BD;
	color: #fff;
	padding: 2px 13px;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
}
.header.shop .main-category li .mega-menu .single-menu .title-link:hover{
	background:#333;
	color:#fff;
}
.header.shop .main-category li .mega-menu .single-menu .inner-link{
	margin-top:25px;
}
.header.shop .main-category li .mega-menu .single-menu .inner-link a{
	margin-bottom:10px;
}
.header.shop .main-category li .mega-menu .single-menu .inner-link a:hover{
	color:#0047BD;
	background:transparent;
}
.header.shop .main-category li .mega-menu .single-menu .inner-link a:last-child{
	margin-bottom:0px;
}
.header.shop .menu-origin {
	float:none;
	display: inline-block;
	float: right;
}
.header.shop .nav li {
	margin-right: 40px;
	float: left;
	position: relative;
}
.header.shop .nav li {
	margin-right:5px;
	position: relative;
	float: none;
}
.header.shop .nav li:last-child{
	margin-right:0;
}
.header.shop .nav li .new {
	background: #0047BD;
	color: #fff;
	text-transform: uppercase;
	font-size: 9px;
	position: absolute;
	left: 21px;
	top: 2px;
	font-weight: 500;
	height: 18px;
	line-height: 18px;
	text-align: center;
	display: block;
}
.header.shop.v2 .nav li a{
	color:#333;
}
.header.shop .nav li a {
	color: #111111;
	text-transform: capitalize;
	font-size: 16px;
	padding: 20px 0.5rem;
	font-weight: 500;
	display: block;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.header.shop .nav li i {
	color: #111111;
	font-size: 13px;
	padding: 0;
	font-weight: 500;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header.shop .nav li:hover a{
	color:#000;
	background:none;
}
.header.shop .nav li i:hover,
.header.shop .nav li a:hover{
	color:#0047BD;
}
.header.shop .nav li i:hover
.header.shop.v2 .nav li:hover a{
	color:#0047BD;
	background:transparent;
}
.header.shop .nav li.active a{
	color:#0047BD;
	
}
.header.shop.v2 .nav li.active a{
	color:#333 !important;
	background:transparent !important;
}
.header.shop.v2 .nav li.active a{
	color:#0047BD !important;
}
.header.shop .nav .dropdown li{
	margin:0;
}
.header.shop .nav li .dropdown li:hover a{
	background:#0047BD;
}
.header.shop.v2 .nav li.active .dropdown li a{
	color:#333 !important;
}
.header.shop.v2 .nav li.active .dropdown li a:hover{
	color:#fff !important;
	background:#0047BD !important;
}
.header.shop.v2 .nav li.active .dropdown li a:hover{
	color:#fff !important;
}
.header.shop.v2 .nav li .dropdown li:hover a{
	color:#0047BD;
}
.header.shop .nav li .dropdown li a {
	color: #333;
	padding: 8px 15px;
	font-weight: 400;
	background:#fff;
}
.header.shop.v2 .nav li .dropdown li a {
	color: #333;
	background:#fff;
}
.header.shop .nav li .dropdown li a {
	font-weight: 400;
	font-size: 14px;
}
.header.shop .nav li .dropdown li a:hover{
	color:#fff;
}
.header.shop.v2 .nav li .dropdown li a:hover{
	color:#fff !important;
	background:#0047BD;
}
.header.shop .nav li .dropdown li .dropdown.sub-dropdown li a:hover{
	background:#0047BD;
}
.header.shop .right-bar {
	display: inline-block;
	padding: 0;
	margin: 0;
	top: 20px;
	float: right;
	position: relative;
}
.header.shop .right-bar .sinlge-bar.top-search a {
	transform: translateY(3px);
}
.header.shop .right-bar .sinlge-bar.top-search a:hover {
	color:#0047BD;
}
.header.shop .right-bar .sinlge-bar .single-icon{
	color:#333;
	font-size:20px;
	position:relative;
}
.header.shop .right-bar .sinlge-bar .single-icon:hover{
	color:#0047BD;
}
.header.shop .right-bar .sinlge-bar .single-icon .total-count {
	position: absolute;
	background:#0047BD;
	;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	font-size: 11px;
}
.single-icon .total-count-cart,
.single-icon .total-count {
	position: absolute;
	top: 14px;
	right: -5px;
	background: #0047BD;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	font-size: 11px;
}

.header.shop .right-bar .sinlge-bar{
	display:inline-block;
	margin-right:25px;
}
.header.shop .right-bar .sinlge-bar:last-child{
	margin-right:0px;
}
.header.shop .right-bar .sinlge-bar li a:hover{
	color:#0047BD;
}
.mobile-search{
	display:none;
}
/* Header Search */
/* Search */
.header .search-top{
	display:block;
}
.header .search-top a{
	font-size:17px;
}
.header .search-top a:hover{
	color:#0047BD;
}
.header .search-form {
	position: absolute;
	left: -128px;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top: 46px;
	background: #ffffff75;
	padding: 7px;
	border-radius: 5px;
	transform: scaleY(0);
	box-shadow: 0px 4px 7px #0000003b;
	padding: 0;
	border-radius: 0;
}
.header .search-top.active .search-form {
	opacity:1;
	visibility:visible;
	transform: scaleY(1);
}
.header .search-form input {
	width: 220px;
	height: 45px;
	line-height: 45px;
	padding: 0 60px 0 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 3px;
	border: none;
	background: #fff;
	color: #333;
	border-radius: 0;
}
.header .search-form button {
	position: absolute;
	right: 0;
	height: 45px;
	top: 0;
	width: 45px;
	background: transparent;
	border: none;
	color: #3353ea;
	border-radius: 0 3px 3px 0;
	border-radius: 0;
	border-left: 1px solid #eee;
	font-size: 15px;
	color: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .search-form button:hover{
	color:#fff;
	background:#0047BD;
	border-color:transparent;
}
/* Header Sticky */
.header .header-inner{
	width:100%;
	z-index:999;
}
.header.sticky .all-category{}
.header.sticky .all-category h3{
	cursor:pointer;

}
.header.sticky .all-category .main-category{
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.header.sticky .all-category:hover .main-category{
	opacity:1;
	visibility:visible;
}
.header.sticky .header-inner .nav li a {
	color: #333;
}
.header.sticky.v3 .header-inner .nav li a {
	color: #fff;
}
.header.sticky .header-inner .nav li:hover a{
	color:#0047BD;
}
.header.sticky.v2 .header-inner .nav li:hover a{
	color:#0047BD;
}
.header.sticky .header-inner .nav li .dropdown li a{
	color:#333;
}
.header.sticky.v2 .header-inner .nav li .dropdown li a{
	color:#333;
}
.header.sticky .header-inner .nav li .dropdown li a:hover{
	color:#fff;
}
.header.sticky .header-inner .nav li.active a {
	color: #0047BD;
}
.header.sticky .header-inner{
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	z-index:999;
	height: fit-content;
}
.header.sticky.v3 .header-inner{
	box-shadow:none;
}
.header.sticky.v3 .navbar-expand-lg .navbar-collapse{
	animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
}
/*======================================
	End Header CSS
========================================*/

/*======================================
   Hero Area CSS
========================================*/
.hero-slider {
	background: #fff;
	overflow: hidden;
}
.hero-slider .single-slider {
	height: auto;
	background-image: url('https://via.placeholder.com/1900x700');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    height: 510px;
}
.hero-slider .text-inner {

}
.hero-slider .hero-text {
	padding: 0 30px;
	margin-top:100px;
}
.hero-slider .hero-text h1 {
	line-height: 50px;
	font-size: 47px;
	font-weight: 700;
	color: #0047BD;
	margin-bottom: 20px;
}
.hero-slider .hero-text h1 span {
	font-size: 20px;
	display: block;
	margin-bottom: 12px;
	color: #333;
	font-weight: 700;
	line-height: initial;
}
.hero-slider .hero-text p {
	color: #333;
	margin-bottom: 35px;
}
.hero-slider .hero-text .button{
	margin:0;
}
.hero-slider .hero-text .btn {
	color: #fff;
	background: #0047BD;
	padding: 13px 30px;
	line-height: initial;
	border: none;
	height: auto;
	z-index: 0;
}
.hero-slider .hero-text .btn:hover{
	background:#0047BD;
	color:#fff;
}
/* Start Hero Area 2 CSS */
.hero-area2{
	position:relative;
}
.hero-area2 .single-slider.overlay:before{
	background:#0047BD;
	opacity:0;
	visibility:hidden;
	transform:scale(0.9);
}
.hero-area2 .single-slider.overlay:hover:before{
	opacity:0.9;
	visibility:visible;
	transform:scale(1);
}
.hero-area2 .single-slider{
	height:500px;
	position:relative;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.hero-area2 .single-slider .content{
	position:relative;
}
.hero-area2 .single-slider .content {
	width: 100%;
	padding: 15px;
	z-index: 2;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	text-align: center;
	padding-top: 120px;
	opacity:0;
	visibility:hidden;
	transform:scale(1.1);
}
.hero-area2 .single-slider:hover .content{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.hero-area2 .single-slider .content .sub-title{
	color:#fff;
	text-transform: uppercase;
	font-size:15px;
	font-weight:500;
}
.hero-area2 .single-slider .content .title {
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.hero-area2 .single-slider .content .des{
	color:#fff;
}
.hero-area2 .single-slider .content .button{}
.hero-area2 .single-slider .content .button .btn {
	padding: 9px 25px;
	border: 2px solid #fff;
	background: transparent;
	color: #fff;
	margin-top: 25px;
}
.hero-area2 .single-slider .content .button .btn:hover{
	background:#fff;
	color:#333;
	border-color:transparent;
}
/* Owl Nav CSS */
.hero-area2 .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-30px;
}
.hero-area2 .owl-carousel .owl-nav div {
	height: 60px;
	width: 40px;
	line-height: 60px;
	text-align: center;
	background: #333;
	color: #fff;
	font-size: 14px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border-radius: 0;
}
.hero-area2 .owl-carousel .owl-nav div:hover{
	background:#0047BD;
	color:#fff;
}
.hero-area2 .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:0;
}
.hero-area2 .owl-carousel .owl-controls .owl-nav .owl-next{
	right:0;
}
/* Hero Area 3 */
.hero-area3{}
.hero-area3 .big-content{
	background-image: url('https://via.placeholder.com/850x530');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    height: 511px;
	margin-top:30px;
	position:relative;
}
.hero-area3 .big-content .inner {
	position: absolute;
	right: 0;
	top: 50%;
	padding: 0 50px 0 360px;
	transform: translateY(-50%);
}
.hero-area3 .big-content .title {
	font-size: 28px;
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 37px;
}
.hero-area3 .big-content .title span{
	color:#0047BD;
}
.hero-area3 .big-content .des{}
.hero-area3 .big-content .button{
	margin-top:40px;
	display:block;
}
.hero-area3 .big-content .button .btn{
	color:#fff;
}

.hero-area3 .small-content{
	height:240px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top:30px;
	position:relative;
}
.hero-area3 .small-content.first{
	background-image: url('https://via.placeholder.com/450x300');
}
.hero-area3 .small-content.secound{
	background-image: url('https://via.placeholder.com/450x300');
}
.hero-area3 .small-content .inner {
	padding: 30px;
	text-align:right;
	position:absolute;
	right:0;
	bottom:0;
}
.hero-area3 .small-content .title {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 600;
	text-transform: capitalize;
}
.hero-area3 .small-content .title span{
	color:#0047BD;
}
.hero-area3 .small-content .des{}
.hero-area3 .small-content .button{
	margin-top:10px;
	display:block;
}
.hero-area3 .small-content .button .btn {
	background: transparent;
	padding: 0;
	color: #333;
	border-bottom: 2px solid #333;
	font-size: 13px;
}
.hero-area3 .small-content .button .btn:hover{
	color:#0047BD;
	border-color:#0047BD;
}
/* Hero Area 4 */
.hero-area4 .big-content{

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    height: 510px;
	margin-top:30px;
	position:relative;
}
.hero-area4 .big-content .inner {
	position: absolute;
	right: 0;
	top: 50%;
	padding: 0 80px 0 50px;
	transform: translateY(-50%);
}
.hero-area4 .big-content .title {
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 35px;
}
.hero-area4 .big-content .title span{
	color:#0047BD;
}
.hero-area4 .big-content .des{}
.hero-area4 .big-content .button{
	margin-top:40px;
	display:block;
}
.hero-area4 .big-content .button .btn{
	color:#fff;
}
.hero-area4 .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-20px;
}
.hero-area4 .owl-carousel .owl-nav div {
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	background: #333;
	color: #fff;
	font-size: 14px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border-radius: 0;
}
.hero-area4 .owl-carousel .owl-nav div:hover{
	background:#0047BD;
	color:#fff;
}
.hero-area4 .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:0;
}
.hero-area4 .owl-carousel .owl-controls .owl-nav .owl-next{
	right:0;
}

/*======================================
   End Hero Area CSS
========================================*/

/*======================================
   Start Small Banner CSS
========================================*/
.small-banner{
	padding:30px 0;
	padding-bottom:0;
}
.small-banner .single-banner {
	overflow:hidden;
	position:relative;
}
.small-banner .single-banner img{
	height:100%;
	width:100%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.small-banner .single-banner .content {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 35px;
}
.small-banner .single-banner h3 {
	font-size: 22px;
	font-weight: 700;
	text-transform: capitalize;
	color: #333;
}
.small-banner .single-banner h3 span{
	color:#0047BD;
}
.small-banner .single-banner p {
	font-size: 14px;
	color: #0047BD;
	font-weight: 500;
	margin-bottom: 5px;
	text-transform: capitalize;
}
.small-banner .single-banner a {
	color: #333;
	margin-top: 22px;
	display: block;
	font-size: 12px;
	font-weight:500;
	display: inline-block;
	text-transform:uppercase;
	border-bottom:2px solid #333;
}
.small-banner .single-banner a:hover{
	color:#0047BD;
	border-color:#0047BD;
}
/*======================================
   End Small Banner CSS
========================================*/

/*======================================
   Start Mid Banner CSS
========================================*/
.midium-banner{
	padding:0;
}
.midium-banner .single-banner{
	position:relative;
}
.midium-banner .single-banner img{
	height:100%;
	width:100%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.midium-banner .single-banner .content {
	padding-left:50px;
	position: absolute;
	left: 0;
	top: 50%;
	transform:translateY(-50%);
}
.midium-banner .single-banner h3 {
	font-size: 27px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333;
	line-height: 30px;
}
.midium-banner .single-banner h3 span{
	color:#0047BD;
}
.midium-banner .single-banner p {
	font-size: 13px;
	color: #0047BD;
	font-weight: 500;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.midium-banner .single-banner a {
	display: inline-block;
	font-weight: 600;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .375rem .75rem;
	font-size: 13px;
	border-radius: .25rem;
	background: #333;
	color: #fff !important;
	padding: 10px 27px;
	border-radius: 30px;
	margin-top: 25px;
	text-transform: uppercase;
}
.midium-banner .single-banner a:hover{
	background:#0047BD;
	color:#fff;
}
/*======================================
   End Mid Banner CSS
========================================*/

/*======================================
   Start Most Popular CSS
========================================*/
.pro-tab-viewmore-wrap {
	position: relative;
	text-align: center;
}
.most-popular .section-title{
	margin-bottom:40px;
}
.pro-tab-viewmore-wrap .pro-viewmore {
  position: absolute;
  right: 40px;
  top: 0;
}
.most-popular .single-product{
	margin:50px 15px 0 15px;
}
/* Slider Nav */
.most-popular .owl-nav{
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-25px;
}
.most-popular .owl-carousel .owl-nav div {
	height: 60px;
	width: 30px;
	line-height: 58px;
	background: #fff;
	color: #333;
	position: absolute;
	margin: 0;
	border-radius: 0;
	font-size: 15px;
	text-align: center;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	box-shadow: 0px 0px 10px #3333331c;
}
.most-popular .owl-carousel .owl-nav div:hover{
	color:#fff;
	background:#0047BD;
}
.most-popular .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:0;
}
.most-popular .owl-carousel .owl-controls .owl-nav .owl-next{
	right:0;
}
/*======================================
   End Most Popular CSS
========================================*/

/*======================================
   Start Single Product CSS
========================================*/
.product-area .nav-tabs {
	text-align: center;
	display: inline-block;
	width: 100%;
	border:none;
}
.product-area .nav-tabs .nav-item {
	margin-bottom: -1px;
	display: inline-block;
}
.product-area .nav-tabs li a {
	color: #333;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	margin-right: 5px;
	font-weight: 500;
	background: #fff;
	color: #333;
	padding: 3px 14px;
	border-radius: 3px;
	font-size: 13px;
}
.product-area .nav-tabs li:last-child a{
	border-color:transparent;
}
.product-area .nav-tabs li a i{
	margin-right:10px;
}
.product-area .nav-tabs li a.active,
.product-area .nav-tabs li:hover a{
	background:#0047BD;
	color:#fff;
	border-color:transparent;
}
/* product view */
.product-view{
	display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
}
/* Sinlge Product */
.single-product{
	margin-top:50px;
	width:294px;
}
.single-product .product-img {
  width: 294px;
  height: 338px;
  position: relative;
  overflow: hidden;
  cursor:pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.single-product .product-img .icon-wish{
	position: absolute;
    top: 20px;
    right: 30px;
    width: 40px; 
    height: 40px; 
    z-index: 3; 
    background-color: white; 
    border-radius: 50%; 
    display: flex;
    justify-content: center;
    align-items: center;;
}
.single-product .product-img .wishlist .fa-heart{
	color:#0047BD;
}
.single-product .product-img a {
  display: block;
  position: relative;
}
.single-product .product-img a img {
  width: 184px;
  

}
.single-product .product-img a img.hover-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}

.single-product .product-img a span.price-dec {
	background-color: #0047BD;
	display: inline-block;
	font-size: 11px;
	color: #fff;
	right: 20px;
	top: 20px;
	padding: 1px 16px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	border-radius: 30px;
	height: 26px;
	line-height: 25px;
}
.single-product .product-img a span.new {
	background-color: #8493ca;
	display: inline-block;
	font-size: 11px;
	color: #fff;
	right: 20px;
	top: 20px;
	padding: 1px 16px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	border-radius: 30px;
	height: 26px;
	line-height: 24px;
}
.single-product .product-img a span.hot {
	background-color: #2cc95b;
	display: inline-block;
	font-size: 11px;
	color: #fff;
	right: 20px;
	top: 20px;
	padding: 1px 16px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	border-radius: 30px;
	height: 26px;
	line-height: 24px;
}
.single-product .product-img a span.out-of-stock {
	background-color: #ed1b24;
	display: inline-block;
	font-size: 11px;
	color: #fff;
	right: 20px;
	top: 20px;
	padding: 1px 16px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	border-radius: 30px;
	height: 26px;
	line-height: 24px;
}
.single-product .product-img .product-action {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 99;
	border-radius: 3px;
}
.single-product .product-img .product-action a {
	background-color: transparent;
	color: #333;
	display: block;
	font-size: 16px;
	display: inline-block;
	margin-right: 15px;
	text-align: right;
	height: 52px;
	position: relative;
	top: 2px;
}
.single-product .product-img .product-action a:last-child{
	margin-right:0;
	border:none;
}
.single-product .product-img .product-action a i {
  line-height: 40px;
}

.product-img a span,
.single-product .product-img .product-action a span {
	visibility: hidden;
	position: absolute;
	background: #0047BD !important;
	color: #fff !important;
	text-align: center;
	padding: 5px 12px;
	z-index: 3;
	opacity: 0;
	-webkit-transition: opacity .6s, margin .3s;
	-o-transition: opacity .6s, margin .3s;
	transition: opacity .6s, margin .3s;
	font-size: 11px;
	right: 0;
	line-height: 14px;
	top: -12px;
	margin-top: -5px;
	margin-right: 0;
	display: inline-block;
	width: 120px;
	border-radius:15px 0 0 15px;
}
.single-product .product-img .button-head .product-action a span::after {
	position: absolute;
	content: "";
	right: 0;
	bottom: -12px;
	border: 6px solid #0047BD;
	border-left:0px solid transparent;
	border-right:6px solid transparent;
	border-bottom:6px solid transparent;
}
.list-content .btn{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    gap: 4px;
	width: fit-content;
    height: 52px;
    border: 1px solid #0047BD;
    background-color: transparent;
    transition: background-color 0.3s ease, transform 0.2s ease;
}
.list-content .btn:hover
{
	background-color: #0047BD;
    color: white;
}
.single-product .product-img .product-action a:hover {
	color:#0047BD;
}
.single-product .product-img  a:hover span {
  visibility: visible;
  opacity: 1;
  color:#333;
  background:#fff;
  margin-top: -12px;
}
.single-product .product-img .product-action.pro-action-width-dec a {
  width: 30px;
  height: 30px;
  font-size: 14px;
}
.single-product .product-img .product-action.pro-action-width-dec a i {
  line-height: 30px;
}
.single-product .product-img .product-action.pro-action-width-dec-2 {
  bottom: 45px;
}
.single-product .product-img .product-action-2 {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: left;
	z-index: 99;
	-webkit-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}
.single-product .product-img .product-action-2 a {
	display: block;
	background-color: transparent;
	color: #333;
	text-align: left;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
	display: inline-block;
}
.single-product .product-img .product-action-2 a:hover {
  color:#0047BD;
}
.single-product .button-head {
	background: transparent;
	display: inline-block;
	height: 40px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -50px;
	z-index: 9;
	height: 50px;
	line-height: 50px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.single-product:hover .button-head{
	bottom:0;
}
.single-product .product-img .shop-list-quickview {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 99;
  margin-top: 20px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .35s ease 0s;
  -o-transition: all .35s ease 0s;
  transition: all .35s ease 0s;
}
.single-product .product-img .shop-list-quickview a {
  color: #000;
  background-color: #fff;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  font-size: 18px;
}
.single-product .product-img .shop-list-quickview a:hover {
  background-color: #222;
  color: #fff;
}
.single-product .product-img .shop-list-quickview a i {
  line-height: 50px;
}

.single-product .product-img:hover.default-overlay::before {
  background-color: rgba(38, 38, 38, 0.2);
  z-index: 9;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  pointer-events: none;
  opacity: 1;
}
.single-product .product-img:hover.default-overlay.metro-overlay::before {
  background-color: rgba(38, 38, 38, 0.4);
  z-index: 9;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  pointer-events: none;
  opacity: 1;
}
.single-product .product-img:hover img.hover-img {
  opacity: 1;
}
.single-product .product-content h3 {
    line-height: 22px;
}
.single-product .product-content h3 a {
	font-size: 14px;
	font-weight: 500;
	margin: 0;
}
.single-product .product-content h3 a:hover{
	color:#0047BD;
}
.single-product .product-content .product-price {
  margin: 6px 0 0 0;
}
.single-product .product-content .product-price span {
	font-size: 15px;
	font-weight: 500;
}
.single-product .product-content .product-price span.old {
  text-decoration: line-through;
  opacity: .6;
  margin-right: 2px;
}
.single-product .text{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 24px;
	width: 100%;
	height: 160px;
	background: none;
	}
	.single-product .product-content{
		
		padding: 0px;
		gap: 4px;
		width: 100%;
		height: 84px;
		}
		.single-product .product-content .aut,
		.single-product .product-content  .price,
		.single-product .product-content  p {
			font-family: 'Plus Jakarta Sans';
			color: #333333;
			font-weight: 500;
			font-style: normal;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		
		.single-product .product-content .price {
			font-size: 18px;
			color: #0047BD;
			line-height: 28px;
		}
	
		
		.single-product .product-content p{
		color: #111111;
		font-size: 18px;
		line-height: 28px;
		}
		.single-product .text .product-action-2{
			display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		padding: 0px;
		gap: 4px;

		width: 100%;
		height: 84px;
		}
		.single-product .text .product-action-2 a {
			 display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 16px 32px;
		gap: 4px;
		width: 100%;
		height: 52px;
		border: 1px solid #0047BD;
		background-color: transparent;
		transition: background-color 0.3s ease, transform 0.2s ease;
		}
/*======================================
   End Single Product CSS
========================================*/

/*======================================
   Start Shop Sidebar CSS
========================================*/
.shop-sidebar .single-widget {
	margin-top: 30px;
	background: #F6F7FB;
	padding: 30px;
}
.shop-sidebar .single-widget:first-child {
	margin-top: 0;
}
.shop-sidebar .single-widget .title {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 25px;
	display: block;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
/* Shop Price */
.shop .range .price-filter {
	display: block;
	margin-top: 20px;
}
.shop .range #slider-range {
	box-shadow: none;
	border: none;
	height: 4px;
	background: #0047BD;
	color: #0047BD;
	border-radius: 0px;
}
.shop .range #slider-range .ui-slider-range {
	box-shadow: none;
	background: #222;
	border-radius: 0px;
	border: none;
}
.shop .range .ui-slider-handle.ui-state-default.ui-corner-all {
	width: 14px;
	height: 14px;
	line-height: 10px;
	background: #222;
	border: none;
	border-radius: 100%;
	top: -5px;
}
.shop .range .label-input {
	margin-top: 15px;
}
.shop .range .label-input span{
	margin-right:5px;
	color:#282828;
}
.shop .range .ui-slider-handle.ui-state-default.ui-corner-all {
	background: #0047BD;
	color: #0047BD;
	cursor:pointer;
}
.shop .range .label-input input {
	border: none;
	margin: 0;
	font-weight: 600;
	font-size: 14px;
	color: #222;
	background: transparent;
}
.shop .range .check-box-list {
	margin-top: 15px;
}
.shop .range .check-box-list li {
	margin-bottom: 5px;
}
.shop .range .check-box-list li:last-child{
	margin:0;
}
.shop .range .check-box-list li label input {
	display: inline-block;
	margin-right: 6px;
	position: relative;
	top: 1px;
}
.shop .range .check-box-list li label {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color:#333;
	cursor:pointer;
}
.shop .range .check-box-list .count{
	margin-left:5px;
	color:#666;
}
/* Category List */
.shop-sidebar .categor-list {
	margin-top: 10px;
}
.shop-sidebar .categor-list li{

}
.shop-sidebar .categor-list li {
	margin-bottom: 10px;
}
.shop-sidebar .categor-list li:last-child{
	margin-bottom:0px;
}
.shop-sidebar .categor-list li a {
	display: inline-block;
	color: #666;
	font-weight: 400;
	font-size: 14px;
	text-transform: capitalize;
}
.shop-sidebar .categor-list li a:hover{
	color:#0047BD;
}
/* Recent Post */
.shop-sidebar .single-post {
	position: relative;
	margin-top: 30px;
    padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.shop-sidebar .single-post.first{
	padding-top:0px;
}
.shop-sidebar .single-post:last-child{
	padding-bottom:0px;
	border:none;
}
.shop-sidebar .single-post .image img{
	height: 80px;
	width: 80px;
	position:absolute;
	left:0;
	top:0;
	border-radius:100%;
}
.shop-sidebar .single-post .content{
	padding-left:100px;
}
.shop-sidebar .single-post .content h5 {
	line-height: 18px;
}
.shop-sidebar .single-post .content h5 a {
	color: #222;
	font-weight: 500;
	font-size: 14px;
	font-weight: 500;
	display: block;
}
.shop-sidebar .single-post .content h5 a:hover{
	color:#0047BD;
}
.shop-sidebar .single-post .content .price {
	display: block;
	color: #333;
	font-weight: 500;
	margin: 5px 0 0px 0;
	text-transform: uppercase;
	font-size: 14px;
}
.shop-sidebar .single-post .reviews li{
	display:inline-block;
}
.shop-sidebar .single-post .reviews li i{
	color:#999;
}
.shop-sidebar .single-post .reviews li.yellow i{
	color:#0047BD;
}
/* Shop Topbar */
.shop .shop-top {
	clear: both;
	background: #f6f7fb;
	padding: 18px 20px 50px 20px;
}
.shop .shop-shorter {
	float: left;
}
.shop .single-shorter {
	display: inline-block;
	margin-right: 10px;
}
.shop .single-shorter:last-child{
	margin:0;
}
.shop .single-shorter label {
	display: inline-block;
	float: left;
	margin: 4px 5px 0 0;
	font-weight:500;
}
.shop .single-shorter option{}
.shop .nice-select {
	clear: initial;
	display: inline-block;
	margin: 0;
	border: 1px solid #e6e6e6;
	border-radius: 0px;
	height: auto;
	width: auto;
	border-radius: 0px;
}
.shop .nice-select::after{
	border-color:#888;
}
.shop .nice-select .list {
	border-radius:0px;
}
.shop .nice-select .option.selected {
	font-weight: 500;
}
.shop .nice-select .list li{
	color:#666;
	border-radius:0px;
}
.shop .nice-select .list li:hover{
	background:#0047BD;
	color:#fff;
}
.shop .view-mode {
	float: right;
}
.shop .view-mode li {
	display: inline-block;
	margin-right: 5px;
}
.shop .view-mode li:last-child{
	margin:0;
}
.shop .view-mode li a {
	width: 43px;
	height: 32px;
	background: transparent;
	border: 1px solid #77777775;
	text-align: center;
	display: block;
	line-height: 32px;
	color: #888;
	border-radius: 0px;
}
.shop .view-mode li.active a,
.shop .view-mode li:hover a {
	background: #0047BD;
	color:#fff;
	border-color:transparent;
}
/*======================================
   End Shop Sidebar CSS
========================================*/

/*======================================
   Start Shop Single CSS
========================================*/
.shop.single{
	padding:70px 0 100px;
}
.shop.single .product-gallery {
	margin-top: 30px;
}
.shop.single .flexslider-thumbnails {
	position: relative;
}
.shop.single .product-gallery .slides li{
	position:relative;
}
.shop.single .product-gallery .slides li img{
	width:100%;
}
.shop.single .flex-control-nav{
	margin-top:15px;
}
.shop.single .flex-control-thumbs li {
	width: 20%;
	position: relative;
	margin: 0 8px 10px -3px;
}
.shop.single .flex-control-thumbs li img {
	border: none;
	padding: 0;
	border:1px solid transparent;
}
.shop.single .flex-control-thumbs li img.flex-active{
	border-color:#0047BD;
}
.shop.single .flex-direction-nav{
	display:none;
}
.shop.single .product-des{
	margin-top:30px;
}
.shop.single .product-des .short h4 {
	font-size: 22px;
	font-weight: 600;
	margin-top: -5px;
	line-height: 28px;
}
.shop.single .product-des .short .description {
	font-size: 14px;
	color: #555555;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.shop.single .product-des {}
.shop.single .product-des .total-review{
	font-size:14px;
	font-weight:500;
	margin-left:10px;
	display:inline-block;
}
.shop.single .product-des .total-review:hover{
	color:#0047BD;
}
.shop.single .product-des  .rating{
	margin-top:20px;
	display:inline-block;
}
.shop.single .product-des .rating li{
	display:inline-block;
}
.shop.single .product-des .rating li i{
	color:#0047BD;
}
.shop.single .product-des .rating li.dark i{
	color:#555;
}
.shop.single .product-des .price {
	font-size: 20px;
	color: #333;
	font-weight: 600;
	margin-top: 15px;
}
.shop.single .product-des .price s{
	color:#333;
}
.shop.single .product-des .price span{
	display:inline-block;
	margin-right:15px;
	color:#0047BD;
}
.shop.single .product-des .product-buy {
	margin-top: 40px;
}
.shop.single .product-des .product-buy{}
.shop.single .product-des .color {
	display: inline-block;
	margin-right: 50px;
}
.shop.single .product-des .color h4 {
	font-size: 18px;
	font-weight: 600;
}
.shop.single .product-des .color h4 span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-top: 4px;
}
.shop.single .product-des .color ul{
	margin-top: 10px;
}
.shop.single .product-des .color ul li{
	display:inline-block;
	margin-right:5px;
}
.shop.single .product-des .color ul li:last-child{
	margin-right:0;
}
.shop.single .product-des .color ul li a{
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	display:block;
	background:#333;
}
.shop.single .product-des .color ul li a i{
	font-size:11px;
	color:#fff;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.shop.single .product-des .color ul li a:hover i{
	opacity:1;
	visibility:visible;
}
.shop.single .product-des .color ul li .one{
	background:#3498db;
}
.shop.single .product-des .color ul li .two{
	background:#0047BD;
}
.shop.single .product-des .color ul li .three{
	background:#8e44ad;
}
.shop.single .product-des .color ul li .four{
	background:#2ecc71;
}
/* Size */
.shop.single .product-des .size{
	display:inline-block;
}
.shop.single .product-des .size h4{
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-top: 0px;
}
.shop.single .product-des .size ul{
	display:inline-block;
	margin-top: 10px;
}
.shop.single .product-des .size ul li {
	display: inline-block;
	margin-right: 5px;
}
.shop.single .product-des .size ul li:last-child{
	margin-right:0;
}
.shop.single .product-des .size ul li a {
	display: block;
	height: 30px;
	width: 36px;
	border: 1px solid #eee;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
}
.shop.single .product-des .size ul li a:hover{
	color:#0047BD;
}
.shop.single .quantity {
	display: inline-block;
	margin-right: 10px;
}
.shop.single .quantity h6 {
	display: inline-block;
	margin-right: 10px;
	font-size: 15px;
	font-weight: 500;
}
.shop.single .quantity .input-group {
	width: 151px;
	display: inline-block;
}
.shop.single .quantity .button {
	display: inline-block;
	position: absolute;
	top: 0;
	display:inline-block;
}
.shop.single .quantity .button.minus{
	left:0;
	border-radius:0;
	overflow:hidden;
}
.shop.single .quantity .button.plus {
	right: 0;
	border-radius:0;
	overflow:hidden;
}
.shop.single .quantity .button .btn {
	padding: 0;
	width: 35px;
	height: 45px;
	line-height: 45px;
	border-radius: 0px;
	background: transparent;
	color: #282828;
	font-size: 12px;
	border: none;
}
.shop.single .quantity .button .btn:hover{
	color:#0047BD;
}
.shop.single .quantity .input-number {
	border: 1px solid #eceded;
	width: 100%;
	text-align: center;
	height: 45px;
	border-radius: 0px;
	overflow: hidden;
	padding: 0px 38px;
}
.shop.single .add-to-cart {
	display:inline-block;
}
.shop.single .add-to-cart .btn {
	height: 45px;
	width: auto;
	padding: 0 42px;
	line-height: 45px;
	text-align: center;
	text-transform: capitalize;
	margin-right: 5px;
	border-radius: 0px;
	background: #333;
	color: #fff;
	display: inline-block;
	font-weight: 500;
}
.shop.single .add-to-cart .btn:hover{
	color:#fff;
	background:#0047BD;
}
.shop.single .add-to-cart .btn.min {
	padding: 0 20px;
	font-size: 17px;
	position: relative;
	top: 1px;
	line-height: 45px;
}
.shop.single .cat{
	font-size: 14px;
	font-weight: 500;
	color:#333;
	margin-top:30px;
}
.shop.single .cat a{
	display:inline-block;
	margin-left:10px;
}
.shop.single .cat a:hover{
	color:#0047BD;
}
.shop.single .availability{
	color:#333;
	font-size:14px;
	margin-top:6px;
}
/* Product Tab */
.shop.single .product-info {
	margin-top: 50px;
}
.shop.single .nav-tabs {
	border:none;
}
.shop.single .nav-tabs li {
	margin-right: 10px;
}
.shop.single .nav-tabs li:last-child{
	margin-right:0;
}
.shop.single .nav-tabs li a {
	border: 0px solid;
	border-radius: 0px;
	background: #fff;
	color: #333;
	padding: 10px 30px;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid #eee;
}
.shop.single .nav-tabs li a i{
	margin-right:10px;
}
.shop.single .nav-tabs li a.active,
.shop.single .nav-tabs li:hover a{
	background:#0047BD;
	color:#fff;
	border-color:transparent;
}
.shop.single .tab-single {

}
.shop.single .single-des {
	margin-top:35px;
}
.shop.single .single-des h4{
	margin-bottom:15px;
	font-weight:500;
	font-size:22px;

}
.shop.single .single-des ul{}
.shop.single .single-des ul li {
	color: #555;
	display: block;
	margin-bottom: 10px;
	position:relative;
	padding-left:20px;
}
.shop.single .single-des ul li::before {
	position: absolute;
	content: "";
	left: 0;
	top: 9px;
	height: 7px;
	width: 7px;
	background: #0047BD;
	border-radius: 50%;
}
.shop.single .single-des p{}

.shop.single .item-info {
	width: 100%;
}
.shop.single .item-info tbody{}
.shop.single .item-info tbody tr{}
.shop.single .item-info tbody td {
	border: 1px solid #e6e6e6;
	padding: 10px;
}
.shop.single .item-info tbody strong{}
.shop.single .ratting-main{}
.shop.single .avg-ratting {
	margin-bottom: 20px;
}
.shop.single .avg-ratting h4 {
	font-size: 18px;
	margin: 0;
}
.shop.single .avg-ratting h4 span{
	font-size:14px;
}
.shop.single .single-rating {
	margin-bottom: 20px;
}
.shop.single .single-rating:last-child{
	margin:0;
	border:none;
	padding:0;
}
.shop.single .rating-author {
	float: left;
	margin-right: 10px;
	padding: 20px;
	padding-right: 10px;
}
.shop.single .rating-author img {
	width: 60px;
	border-radius: 100%;
	height: 60px;
}
.shop.single .rating-des {
	padding-left: 72px;
	background: #f9f8f8;
	padding: 17px 20px 17px 107px;
}
.shop.single .rating-des .ratings {
	margin: 0;
}
.shop.single .rating-des h6 {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}
.shop.single .ratting-main .single-rating ul{}
.shop.single .ratting-main .single-rating ul li{
	display:inline-block;
}
.shop.single .ratting-main .single-rating ul li i{
	color:#0047BD;
	font-size:14px;
}
.shop.single .review-inner label {
	display: inline-block;
	margin: 0 5px 0 0;
}
.shop.single .review-inner .ratings {
	overflow: visible;
	display: inline-block;
	margin: 0;
}
.shop.single .review-inner .ratings ul{
	display:inline-block;
}
.shop.single .ratting-main .single-rating ul {
	display: inline-block;
	margin-right: 5px;
}
.shop.single .ratings .rate-count {
	display: inline-block;
	color: #666;
	font-size: 13px;
}
.shop.single .comment-review {
	margin-bottom: 30px;
}
.shop.single .comment-review .add-review{
	margin-top:30px;
}
.shop.single .comment-review .add-review h5{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 7px;
}
.shop.single .comment-review .add-review p{
	color:#333;
}
.shop.single .comment-review h4 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 7px;
	margin-top:20px;
}
.shop.single .comment-review .review-inner{
	margin-bottom:15px;
	display:block;
}
.shop.single .comment-review .rating li {
	display:inline-block;
}
.shop.single .comment-review .rating li i{
	color:#0047BD;
	font-size: 14px;
}
.shop.single .rating-des p{
	margin-top:5px;
}
.shop.single .avg-ratting h4 {
	font-size: 20px;
	color: #333;
}
.shop.single .avg-ratting{}
.shop.single .form .form-group input {
	width: 100%;
	height: 45px;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #ddd;
	resize: none;
	border-radius: 0;
	color: #333;
}
.shop.single .form .form-group button {
	border: none;
	padding: 17px 50px;
}
.shop.single .form .form-group textarea {
	width: 100%;
	height:200px;
	padding: 20px;
	background:#fff;
	border:1px solid #ddd;
	resize:none;
	border-radius:0;
	color:#333;
}
.shop.single .form .form-group label {
	color: #333;
	position: relative;
}
.shop.single .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.shop.single .review-panel{
	margin-top:35px;
}
/*======================================
   End Shop Single CSS
========================================*/

/*======================================
   Start Shop Home List CSS
========================================*/
.shop-home-list{
	padding:0;
	padding-bottom:100px;
}
.shop-home-list .shop-section-title{
	margin-bottom:20px;
}
.shop-home-list .shop-section-title h1 {
	font-size: 22px;
	margin-bottom: 0;
	text-transform: capitalize;
	position: relative;
	color: #2c2d3f;
	font-weight: 700;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.shop-home-list .shop-section-title h1::before {
	position: absolute;
	content: "";
	height: 2px;
	width: 50px;
	background: #0047BD;
	left: 0;
	bottom: -1px;
}
.shop-home-list .single-list {
	overflow: hidden;
	position: relative;
	margin-top: 30px;
	border: 1px solid #eee;
	padding: 10px;
}
.shop-home-list .single-list .list-image{
	position:relative;
}
.shop-home-list .single-list .list-image.overlay:before{
	background:#000;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.shop-home-list .single-list .list-image.overlay:hover:before{
	opacity:0.3;
	visibility:visible;
}
.shop-home-list .single-list .list-image .buy{
	height:40px;
	width:40px;
	line-height:40px;
	font-size:14px;
	color:#fff;
	background:#0047BD;
	border-radius:100%;
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-20px;
	margin-top:-20px;
	text-align:center;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	transform:scale(0);
	opacity:0;
	visibility:hidden;
}
.shop-home-list .single-list .list-image .buy:hover{
	background:#fff;
	color:#333;
}
.shop-home-list .single-list .list-image:hover .buy{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.shop-home-list .single-list .no-padding{
	padding-right:0px;
}
.shop-home-list .single-list img{
	width:100%;
	height:100%;
}
.shop-home-list .single-list .content {
	padding-top: 45px;
	padding-right: 12px;
}
.shop-home-list .single-list .content .title {
	line-height: 18px;
}
.shop-home-list .single-list .content .title a{
	font-size: 14px;
	font-weight: 600;
}
.shop-home-list .single-list .content .titlea {
	color: #333;
}
.shop-home-list .single-list .content a:hover{
	color: #0047BD;
}
.shop-home-list .single-list .content .price {
	margin-top: 15px;
	font-weight: 500;
	background: #0047BD;
	display: inline-block;
	color: #fff;
	padding: 2px 18px;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 500;
}
/*======================================
   End Shop Home List CSS
========================================*/

/*======================================
   Start Shopping Cart CSS
========================================*/
.table.shopping-summery {
	background: #fff;
}
.shopping-cart {
	background: #f6f6f6;
	padding: 50px 0;
}
.shopping-summery thead .main-hading{
	padding:0px 50px;
}
.shopping-summery thead {
	background: #0047BD;
	color: #fff;
}
.shopping-summery thead tr th {
	border: none;
	font-weight: 600;
	color: #fff;
	text-align: center;
}
.shopping-summery tbody tr {
	border-bottom: 1px solid #0047BD;
	margin-top: 20px;
}
.shopping-summery tbody tr img {
	border-radius: 0;
	width: 80px;
	height: 80px;
}
.shopping-summery tbody tr:last-child{
	border:none;
}
.shopping-summery tbody .product-name a {
	font-weight: 600;
	color: #282828;
	font-weight: 600;
	font-size: 17px;
}
.shopping-cart .table p {
	font-size: 14px;
	color: #666;
}
.shopping-summery tbody .product-name a:hover{
	color:#0047BD;
}
.shopping-summery tbody .product img {
	max-width: 70px;
	border-radius: 100%;
	max-height: 65px;
	border: 1px solid #e6e6e6;
	padding: 4px;
}
.shopping-summery tbody .product:hover img{
	border-color:#0047BD;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);
}
.shopping-cart .border{

}
.shopping-cart .table .remove-icon{
	font-size:16px;
}
.shopping-cart .table td {
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #eee;
	padding: 30px;
}
.shopping-summery tbody .price {
	text-align: center;
}
.shopping-summery tbody .price span{}
.shopping-cart tbody .qty .input-group {
	width: 175px;
	display: inline-block;
}
.shopping-cart .qty .button {
	display: inline-block;
	position: absolute;
	top: 0;
}
.shopping-cart .qty .button.minus{
	left:0;
	border-radius:0;
	overflow:hidden;
}
.shopping-cart .qty .button.plus {
	right: 0;
	border-radius:0;
	overflow:hidden;
}
.shopping-cart .qty .button .btn {
	padding: 0;
	width: 44px;
	height: 47px;
	line-height: 50px;
	border-radius: 0px;
	background: transparent;
	color: #282828;
	border: none;
	font-size: 12px;
}
.shopping-cart .qty .button .btn:hover{
	color:#0047BD;
}
.shopping-cart .qty .input-number {
	border: 1px solid #eceded;
	width: 100%;
	text-align: center;
	height: 47px;
	border-radius:0;
	overflow: hidden;
	padding: 0px 45px;
}
.shopping-summery tbody .total-amount {
	text-align: center;
}
.shopping-summery tbody .total-amount span{}
.shopping-summery tbody .action {
	text-align: center;
}
.shopping-summery tbody .action a:hover{
	color:#0047BD;
}
.shopping-cart .total-amount{
	margin-top:50px;
}
.shopping-cart .total-amount .left{}
.shopping-cart .total-amount .left .coupon{}
.shopping-cart .total-amount .left .coupon form{}
.shopping-cart .total-amount .left .coupon form input {
	width: 220px;
	display: inline-block;
	height: 48px;
	color: #333;
	padding: 0px 20px;
	border: none;
	box-shadow: 0px 0px 5px #0000000a;
}
.shopping-cart .total-amount .left .coupon form .btn {
	display: inline-block;
	height: 48px;
	border: navajowhite;
	margin-left: 4px;
	background: transparent;
	color: #333;
	background: #fff;
	box-shadow: 0px 0px 5px #00000012;
}
.shopping-cart .total-amount .left .coupon form .btn:hover{
	background:#fff;
	color:#0047BD;
}
.shopping-cart .total-amount .left label{
	font-size:22px;
	font-weight:500;
	color:#333;
}
.shopping-cart .total-amount .left .checkbox {
	text-align: left;
	margin: 0;
	margin-top: 20px;
}
.shopping-cart .total-amount .left .checkbox label {
	font-size: 15px;
	font-weight: 400;
	color: #333;
	position: relative;
	padding-left: 30px;
}
.shopping-cart .total-amount .left .checkbox label:hover{
	cursor:pointer;
}
.shopping-cart .total-amount .left .checkbox label input{
	display:none;
}
.shopping-cart .total-amount .left .checkbox label::before {
	position: absolute;
	content: "";
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	border: 1px solid #555555;
	border-radius: 0px;
}
.shopping-cart .total-amount .left .checkbox label::after {
	position: absolute;
	content: "\f00c";
	font-family: "Fontawesome";
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	line-height: 24px;
	left: 3px;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: block;
	font-size: 11px;
}
.shopping-cart .total-amount .left .checkbox label.checked::after{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.shopping-cart .total-amount .right {
	padding-left: 100px;
}
.shopping-cart .total-amount .right ul{

}
.shopping-cart .total-amount .right ul li {
	font-size: 15px;
	font-weight: 400;
	color: #333;
	margin-bottom: 12px;
}
.shopping-cart .total-amount .right ul li.last {
	padding-top: 12px;
	border-top: 1px solid #c8c8c8;
	color: #333;
	font-size: 15px;
	font-weight: 400;
}
.shopping-cart .total-amount .right ul li span{
	display:inline-block;
	float:right;
}
.shopping-cart .total-amount .right .button5 .btn {
	text-align: center;
	border-radius: 0;
	width: 100%;
	margin-top: 10px;
	height: 46px;
	line-height: 18px;
	font-size: 13px;
	color: #fff;
}
.shopping-cart .total-amount .right .button5 .btn,
.shopping-cart .float-right button{
	background-color: #0047BD;
	transition: background-color 0.3s ease, transform 0.2s ease;
}
.shopping-cart .total-amount .right .button5 .btn:hover,
.shopping-cart .float-right button:hover {
    background-color: #d8dde4;
    color: rgb(70, 63, 63);
	transform: scale(0.95); 
}

.shopping-cart .total-amount .right .button5 .btn:active,
.shopping-cart .float-right button:active {
    transform: scale(0.95); /* Apply a slight scale down effect when pressed */
}
/*======================================
   End Shopping Cart CSS
========================================*/

/*======================================
   Start Checkout Form CSS
========================================*/
.shop.checkout {
	padding: 0;
	background: #fff;
	padding-top: 20px;
	padding-bottom: 50px;
}
.shop.checkout .checkout-form {
	margin-top: 30px;
}
.shop.checkout .checkout-form h2 {
	font-size: 25px;
	color: #333;
	font-weight: 700;
	line-height: 27px;
}
.shop.checkout .checkout-form p {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	margin-top: 12px;
	margin-bottom: 30px;
}
.shop.checkout .form{}
.shop.checkout .form .form-group {
	margin-bottom: 25px;
}
.shop.checkout .form .form-group label{
	color:#333;
	position:relative;
}
.shop.checkout .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.shop.checkout .form .form-group input {
	width: 100%;
	height: 45px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 3px;
	border-radius: 0px;
	color: #333 !important;
	border: none;
	background: #F6F7FB;
}
.shop.checkout .form .form-group input:hover{

}
.shop.checkout .nice-select {
	width: 100%;
	height: 45px;
	line-height: 50px;
	margin-bottom: 25px;
	background: #F6F7FB;
	border-radius: 0px;
	border:none;
}
.shop.checkout .nice-select .list {
	width: 100%;
	height: 300px;
	overflow: scroll;
}
.shop.checkout .nice-select .list li{}
.shop.checkout .nice-select .list li.option{
	color:#333;
}
.shop.checkout .nice-select .list li.option:hover{
	background:#F6F7FB;
	color:#333;
}
.shop.checkout .form .address input {
	margin-bottom: 15px;
}
.shop.checkout .form .address input:last-child{
	margin:0;
}
.shop.checkout .form .create-account {
	margin: 0;
}
.shop.checkout .form .create-account input {
	width: auto;
	display: inline-block;
	height: auto;
	border-radius: 100%;
	margin-right: 3px;
}
.shop.checkout .form .create-account label {
	display: inline-block;
	margin: 0;
}
.shop.checkout .order-details {
	margin-top: 30px;
	background: #fff;
	padding: 15px 0 30px 0;
	border: 1px solid #eee;
}
.shop.checkout .single-widget {
	margin-bottom: 30px;
}
.shop.checkout .single-widget:last-child{
	margin:0;
}
.shop.checkout .single-widget h2 {
	position:relative;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 30px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333;
	padding-bottom: 5px;
}
.shop.checkout .single-widget h2:before{
	position:absolute;
	content:"";
	left:30px;
	bottom:0;
	height:2px;
	width:50px;
	background:#0047BD;
}
.shop.checkout .single-widget .content ul{
	margin-top:30px;
}
.shop.checkout .single-widget .content ul li {
	display: block;
	padding: 0px 30px;
	font-size: 15px;
	font-weight: 400;
	color: #333;
	margin-bottom: 12px;
}
.shop.checkout .single-widget .content ul li span{
	display:inline-block;
	float:right;
}
.shop.checkout .single-widget .content ul li.last {
	padding-top: 12px;
	border-top: 1px solid #ebebeb;
	display: block;
	font-size: 15px;
	font-weight: 400;
	color: #333;
}
.shop.checkout .single-widget .checkbox {
	text-align: left;
	margin: 0;
	padding: 0px 30px;
	margin-top:30px;
}

.shop.checkout .single-widget.payement {
	padding: 0px 38px;
	text-align: center;
	margin-top: 30px;
}
.shop.checkout .single-widget.get-button {
	text-align: center;
	padding:0px 35px;
}
.shop.checkout .single-widget.get-button .btn {
	height: 46px;
	width: 100%;
	line-height: 19px;
	text-align: center;
	border-radius: 0;
	text-transform: uppercase;
	color: #fff;
}
/*======================================
   End Checkout Form CSS
========================================*/

/*======================================
   Login & Register CSS
========================================*/
.shop.login {
	padding: 100px 0;
}
.shop.login .login-form h2 {
	position:relative;
	font-size: 35px;
	color: #333;
	font-weight: 400;
	line-height: 27px;
	text-transform: uppercase;
	margin-bottom: 12px;
	padding-bottom: 20px;
	text-align: center;
}
.shop.login .login-form h2:before{
	position:absolute;
	content:"";
	left:50%;
	bottom:0;
	height:2px;
	width:50px;
	background:#0047BD;
	margin-left:-25px;
}
.shop.login .login-form p {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	text-align: center;
	margin-bottom:50px;
}
.shop.login .form {
	margin-top: 30px;
}
.shop.login .form .form-group {
	margin-bottom: 22px;
}
.shop.login .form .form-group input {
	width: 100%;
	height: 45px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 3px;
	border-radius: 0px;
	color:#333 !important;
	border: none;
	background:#F6F7FB;
}
.shop.login .form .form-group label {
	color: #333;
	position: relative;
}
.shop.login .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.shop.login .form .form-group input:hover{
	border-color:#1308a3;
	color:#1308a3;
}
.shop.login .form .form-group.login-btn {
	margin: 0;
}
.shop.login .form button {
	border: none;
}
.shop.login .form .btn {
	display: inline-block;
	margin-right: 10px;
	height: 46px;
	color: #fff;
	line-height: 20px;
}
.shop.login .form .btn:hover{
	background:#0047BD;
	color:#fff;
}
.shop.login .login-form .checkbox {
	text-align: left;
	margin: 0;
	margin-top: 20px;
	display:inline-block;
}
.shop.login .login-form .checkbox label {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	position: relative;
	padding-left: 20px;
}
.shop.login .login-form .checkbox label:hover{
	cursor:pointer;
}
.shop.login .login-form .checkbox label input{
	display:none;
}
.shop.login .login-form .checkbox label::before {
	position: absolute;
	content: "";
	left: 0;
	top: 6px;
	width: 12px;
	height: 12px;
	border: 1px solid #555555;
	border-radius: 0px;
}
.shop.login .login-form .checkbox label::after {
	position: absolute;
	content: "\f00c";
	font-family: "Fontawesome";
	width: 12px;
	height: 12px;
	line-height: 23px;
	left: 2px;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: block;
	font-size: 9px;
}
.shop.login .login-form .checkbox label.checked::after{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.shop.login .login-form .lost-pass{
	display:inline-block;
	margin-left:25px;
	color:#333;
	font-size:14px;
	font-weight:400;
}
.shop.login .login-form .lost-pass:hover{
	color:#0047BD;
}
/*======================================
	End Login CSS
========================================*/

/*======================================
   Start Shop List CSS
========================================*/
.shop-list .list-content{
	margin-top:100px;
}
.shop-list .list-content .product-price{}
.shop-list .list-content .product-price span {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
	display: block;
}
.shop-list .list-content .title {
	line-height: 20px;
}
.shop-list .list-content .title a:hover{
	color:#0047BD;
}
.shop-list .list-content .title a {
	font-size: 18px;
	font-weight: 600;
}
.shop-list .list-content .rating {
	margin: 5px 0 8px 0;
}
.shop-list .list-content .rating li{
	display:inline-block;
}
.shop-list .list-content .rating li i{
	color: #0047BD;
}
.shop-list .list-content .rating li.total {
	color: #333;
	font-size: 12px;
	margin-left: 3px;
}
.shop-list .list-content .des{}
.shop-list .list-content .btn {
	margin-top: 22px;
	height: 42px;
	line-height: 15px;
	color: #333;
	background: transparent;
	border: 1px solid #cecece;
	font-size: 13px;
	border-radius: 30px;
	height: auto;
	line-height: a;
	padding: 13px 32px;
}
.shop-list .list-content .btn:hover{
	background:#0047BD;
	color:#fff;
	border-color:transparent;
}
/* Pagination CSS */
.pagination {
	text-align: left;
	margin: 50px 0 0 0;
	display:block;
}
.pagination.center {
	text-align: center;
}
.pagination .pagination-list li {
	margin-right: 5px;
	display: inline-block;
}
.pagination .pagination-list li:last-child{
	margin-right:0px;
}
.pagination .pagination-list li a {
	background: #F6F7FB;
	color: #666;
	padding: 6px 18px;
	font-weight: 400;
	border: 1px solid #e1e1e1;
	font-size: 16px;
	border-radius: 0px;
}
.pagination .pagination-list li.active a,
.pagination .pagination-list li:hover a{
	background: #0047BD;
	color: #fff;
	border-color: transparent;
}
.pagination .pagination-list li a i{
	font-size:13px;
}
.pagination .pagination-list li a i{}
.blog-grids.pagination{
	margin-top:50px;
	text-align:center;
}
/*======================================
   End Shop List CSS
========================================*/

/*=============================
	Start Cowndown CSS
===============================*/
.cown-down {
	position: relative;
	height: 515px;
	overflow:hidden;
}
.cown-down .padding-right{
	padding-right:0;
}
.cown-down .padding-left{
	padding-left:0;
}
.cown-down .image img {
	width:100%;
	height:100%;
}
.cown-down .content {
	text-align: center;
	background: #FDFBEF;
	height: 100%;
	position:relative;
}
.cown-down .content .heading-block{
	position:absolute;
	left:0;
	top:26%;
	transform:translateY(-50%);
	padding: 75px;
}
.cown-down .content .small-title {
	font-size: 13px;
	color: #777;
	display: block;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: 600;
}
.cown-down .content .title {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.cown-down .content .price {
	margin-top: 35px;
	font-size: 35px;
	font-weight: 700;
	color: #0047BD;
}
.cown-down .content .price s{
	margin-top: 35px;
	font-size: 24px;
	font-weight: 500;
	color:#666;
}
.cown-down .content .cdown {
	float: none;
	text-align:center;
	margin-top:40px;
	width: 80px;
	display:inline-block;

}
.cown-down .content .cdown {
	text-align: center;
}
.cown-down .content .cdown{
	display:inline-block;
}
.cown-down .content .cdown span {
	color: #333;
	font-size: 22px;
	font-weight:400;
	text-transform:uppercase;
}
.cown-down .content .cdown p{
	font-size:13px;
	color:#666;
	text-transform:uppercase;
}
/*=============================
	End Cowndown CSS
===============================*/

/*======================================
   Start Shop Services CSS
========================================*/
.shop-services.section {
	padding: 80px 0 0px 0;
	background: #fff;
}
.shop-services.home{
	padding:60px 0;
	/* background:#F6F7FB; */
	background:#fff;
}
.shop-services .single-service {
	position: relative;
	/* padding-left: 65px; */
}
.shop-services .single-service i {
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	color: #333;
	background: transparent;
	border-radius: 100%;
	display: block;
	font-size: 32px;
	position: absolute;
	left: 0;
	top: 0;
}
.shop-services .single-service h4 {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 22px;
	color: #333;
}
.shop-services .single-service p {
	color: #333333;
	line-height: 28px;
	font-size:14px;
}
/*======================================
   End Shop Services CSS
========================================*/

/*======================================
   Start Browse Book by Category CSS
========================================*/
.books-by-category{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.books-by-category .container {
	display: flex;
    flex-direction: column;
    padding-top: 50px;
	padding-bottom: 30px;
    gap: 40px;
}
.books-by-category .container .row{
	gap: 26px;
}
.books-by-category .single-cate{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;
gap: 16px;

width: 115px;
height: 128px;

flex: none;
order: 0;
flex-grow: 0;
}
.books-by-category .single-cate .imageframe{
width: 88px;
height: 88px;
flex: none;
order: 0;
flex-grow: 0;

}
.books-by-category .single-cate .imageframe img{
	width: 100%;
	height: 100%;
}
.books-by-category .container .heading p{
    font-size: 2rem;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 32px;
    font-family: 'Plus Jakarta Sans';
    color: #333333;
}

.books-by-category .single-cate p{
	width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500px;
    font-family: 'Plus Jakarta Sans';
    color: #333333;
	text-align: center;
	font-style: normal;
	text-wrap: wrap;
 	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*======================================
   End Browse Book by Category CSS
========================================*/

/*======================================
   Start Browse Book by Best Sellers CSS
========================================*/
.best-sellers {
	width:100%;
    padding: 60px 0;

}
.slider-container{
	width: 1248px;
	gap: 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
	height: 668px;
}
.best-sellers .best-heading{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0px;
	gap: 48px;
	width: 100%;
	height: 48px;
}
.best-heading a{
color:#0047BD;
transition: transform 0.3s ease;
}
.best-sellers .best-heading a:hover{
	color:#0047BD;
	transform: scale(1.05);
}
.best-sellers .best-heading p {
    margin: 0;
	width: 171px;
	height: 48px;
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 48px;color: #333333;
	letter-spacing: -1px;

}

.slider-container .owl-carousel.owl-theme {
    display: flex;
	flex-direction: column;
    justify-content: center;
	gap: 24px;
}

.slider-container .owl-carousel .item {
    /* display: flex; */
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 294px;
height: 514px;
transition: transform 0.3s ease;
}
.slider-container .owl-carousel .item:hover .text p,
.slider-container .owl-carousel .item:hover .text .aut{
	color:#0047BD;
}
.slider-container .owl-carousel .item:hover img{
	transform: scale(1.05);
	
	
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
    display: none !important;
}
.owl-dot {
    width: 10px !important; 
    height: 10px !important; 
    border-radius: 100% !important; 
	margin-right: 15px !important; 
	border : none !important;
	background-color: #ccc !important;
}
.owl-dots button span {
    display:none !important;
}
.owl-dot.active {
    background-color: #0047BD !important; 
}
.slider-container .best-imgframe {
	position: relative;
    width: 100%;
	height: 338px;
	background: #FAFAFA;

    
}
.slider-container .best-imgframe .icon-wish{
    position: absolute;
    top: 20px;
	left:210px;
    right: 10px;
    width: 40px; 
    height: 40px; 
    z-index: 9999; 
    background-color: white; 
    border-radius: 50%; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-container  .imgframe .icon-wish .icon-heart {
    font-size: 16px; 
}
.product-detail .row .containtbox .input_field .addtowishlist a span,
.icon-wish a span{
	visibility: hidden;
	visibility: hidden;
    position: absolute;
    background: #0047BD !important;
    color: #fff !important;
    text-align: center;
    padding: 5px 12px;
    z-index: 3;
    opacity: 0;
    -webkit-transition: opacity .6s, margin .3s;
    -o-transition: opacity .6s, margin .3s;
    transition: opacity .6s, margin .3s;
    font-size: 11px;
    right: 0;
    line-height: 14px;
    top: -12px;
    margin-top: -5px;
    margin-right: 0;
    display: inline-block;
    width: 120px;
    border-radius: 15px 0 0 15px;
}
.product-detail .row .containtbox .input_field .addtowishlist a:hover span,
.icon-wish	a:hover span {
	visibility: visible;
	opacity: 1;
	color:#333;
	background:#fff;
	margin-top: -12px;

}
 .icon-wish .fa-heart{
	color:#0047BD;
}
.slider-container  .best-imgframe img {
    position: absolute;
width: 184px;
height: 258px;
left: calc(50% - 184px/2);
top: calc(50% - 258px/2);

}
.slider-container  .text{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 100%;
height: 160px;
background: none;
}
.slider-container .text a{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;
gap: 4px;
width: 100%;

}
.slider-container .aut{
	margin-top: 12px;
}
.slider-container  .aut,
.slider-container  .price,
.slider-container  p {
	/* display: flex;
	align-items: center;
	text-align: center; */
    font-family: 'Plus Jakarta Sans';
    color: #333333;
    font-weight: 500;
	font-style: normal;
	text-wrap: wrap;
 	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.slider-container  .price {
    font-size: 18px;
    color: #0047BD;
	line-height: 28px;
	width: 100%;
}
.slider-container  .aut{
	color: #767676;
	font-size: 14px;
line-height: 20px;
width: 100%;
}

.slider-container  p{
color: #111111;
font-size: 18px;
line-height: 28px;
width:100%;
}
.slider-container .text button {
	 display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 32px;
gap: 4px;
width: 100%;
height: 52px;
border: 1px solid #0047BD;
color:#0047BD;
background-color: transparent;
border-radius: 0;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.single-product .text .product-action-2 a:hover,
.slider-container  button:hover {
    background-color: #0047BD;
    color: white;
}

.slider-container  button:active {
    transform: scale(0.95); /* Apply a slight scale down effect when pressed */
}

span.price-dec {
	background-color: #0047BD;
	display: inline-block;
	font-size: 11px;
	color: #fff;
	right: 100px;
    top: 40px;
	padding: 1px 16px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	border-radius: 30px;
	height: 26px;
	line-height: 25px;
	visibility: hidden;
}
.book-collection .coll-item:hover span.price-dec,
.best-deals .containt .bestdeal-item:hover span.price-dec,
.slider-container  .item:hover span.price-dec{
	visibility: visible;
}
/*======================================
   End Browse Book by Best Sellers CSS
========================================*/

/*======================================
   Start Browse Book by New Arrival CSS
========================================*/
.new-arrival {
	width:100%;
    padding: 60px 0;
	background-color: #FAFAFA;
}
.new-arrival .heading{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0px;
	gap: 48px;
	width: 100%;
	height: 48px;
}
.new-arrival .heading p {
    margin: 0;
	width: 171px;
	height: 48px;
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 48px;
	letter-spacing: -1px;
	color: #333333;

}

.new-arrival .heading a{
	color:#0047BD;
	transition: transform 0.3s ease;
}
.new-arrival .heading a:hover{
	color:#0047BD;
	transform:scale(1.05);
}
 
.new-arrival .best-imgframe {
	background-color: #FFFFFF;
}

/*======================================
   End Browse Book by new arrival CSS
========================================*/

/*======================================
   Start of advertisement CSS
========================================*/
.advertisement {
    padding: 60px 0px;
	margin: 50px;
}

.advertisement .container {
    height: 100%;
    width: 100%;
    max-width: 1248px;
    display: flex;
    gap: 16px;
    margin: auto;
}
.advertisement .container .ti-angle-right {
	font-size:12px
}
.advertisement .container .left {
	height: auto;
    width: 100%;
    max-width: 597px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    background-color: #00AEAF1A;
}

.advertisement .container .left img {
    width: 350px;
    height: 282px;

}
.advertisement .container .left .ptext {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
    color: #00B2B3;
    text-align: center;
	font-style: normal;
	text-wrap: wrap;
 	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.advertisement .container .left p {
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    font-family: 'Plus Jakarta Sans';
    color: #00B2B3;
    text-align: center;
	font-style: normal;
	text-wrap: wrap;
 	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.advertisement .container .left button.shop {
    width: 165px;
    height: 56px;
    background-color: #00A2A5;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
}

.advertisement .container .right {
    height: 560px;
    width: 635px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.advertisement .container .right .upper-right{
    width: 100%;
    height: 272px;
    position: relative;
    /* background: url('/frontend/img/image.png'); */
	background-color: #E3D9D1;
	background-size: cover;
	background-clip: padding-box;
	background-origin: padding-box;
}
.advertisement .container .right .upper-right .imageframe{
	width: 50%;
	height:100%;
}
.advertisement .container .right .lower-right{
	width: 100%;
    height: 272px;
    position: relative;
    display: flex;
	flex-direction: column;
    background-color: #FAFAFA;
    justify-content: center;
    align-items: center;
}
.advertisement .container .right .lower-right{
	background-color: #FAFAFA;
}
.advertisement .container .right .upper-right .text {
	margin-left: 10%;
	margin-top: 10%;
	width: 90%;
}
.advertisement .container .right .upper-right .containt{
	height: 100%;
		display:flex;
		justify-content: space-between;
}
.advertisement .container .right .upper-right .tandv{
	width: 50%;
	height: 100%;
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}
.advertisement .container .right .upper-right .tandv .vector_contain {
width: 100%;
height: 125.5px;
align-self: flex-end;
	
}
.advertisement .container .right .lower-right .text{
	display: flex;
	flex-direction: column;
	align-items: center;

}
.advertisement .container .left button.shop:hover,
.advertisement .container .right button:hover{
	color:#0047BD;
}
.advertisement .container .right button{
	border: none;
	background-color: transparent;
}
.advertisement .container .right .lower-right p, 
.advertisement .container .right .upper-right p {
	font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
	font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; 
	}
	
.advertisement .container .right .upper-right img
{
    height: 100%;
    width: 100%;
  
}
.advertisement .container .right .lower-right img {
	height: 135px;
    width: 428px;
}



/*======================================
   End advertisement CSS
========================================*/
/*======================================
   Start book collection CSS
========================================*/

.book-collection {
    padding: 60px 0;
	gap: 48px;
}
.book-collection .heading a{
	color:#0047BD;
	transition: transform 0.3s ease;
}
.book-collection .heading a:hover{
	transform: scale(1.05);
color:#0047BD;
}
.book-collection .container{
	width: 1248px;
	gap: 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
}
.book-collection .top-container{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    gap: 48px;
    width: 100%;
    height: 156px;
}
.book-collection .heading{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0px;
	gap: 48px;
	width: 100%;
	height: 48px;
}
.book-collection .heading p  {
    font-size: 2rem;
    line-height: 32px;
    font-weight: 700;
   
    font-family: 'Plus Jakarta Sans';
    color: #333333;
}
.book-collection .col-slider{
padding: 0px;
gap: 32px;
width: 100%;
}

.book-collection .coll-grid{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		gap: 24px;
		justify-content: center;
		align-items: flex-start;
		padding: 0px;
		width: 1248px;
}
/* .book-collection .owl-carousel .owl-stage {
    display: flex;
    gap: 32px;
	justify-content: space-evenly;
} */
.book-collection .owl-theme .cat-item{	
gap: 8px;
width: 143px;
height: 60px;
}

/* .book-collection .coll-fillter-group .owl-theme{
 display: flex;
flex-direction: row;
justify-content: center;
align-items: center;  
padding: 0px;
gap: 32px;
width: 1241px;
height: 60px;

} */ 

.book-collection .coll-item{
position: unset !important;
/* display: flex; */
flex-direction: column;
align-items: flex-start;
padding: 0px;
width: 294px;
height: 514px;
transition: transform 0.3s ease;
}
.book-collection .coll-item:hover p,
.book-collection .coll-item:hover .aut{
	color: #0047BD;
}
.book-collection .coll-item:hover  img{
    transform: scale(1.05); 
	
}

#bookcollection .item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 60px;
    width: 188px;
	padding: 0%;
	
}

.book-collection .col-slider .cat-btn:hover {
color: #0047BD;
}
.book-collection .col-slider .cat-btn:active {
	transform: scale(0.95); 
	border: none !important;
}
.book-collection .col-slider .cat-btn:focus,
.book-collection .col-slider .cat-btn.active{
	border-bottom: 1px solid #0047BD;
	outline: none; 
     outline: none;

}
.book-collection .col-slider .cat-btn{
    height: 60px;
    width: 143px;
	border: none;
    background: none;
	font-style: normal;
	text-wrap: wrap;
 	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
    display: none !important;
}
.owl-dot {
    width: 10px !important; 
    height: 10px !important; 
    border-radius: 100% !important; 
	margin-right: 20px !important; 
	border : none !important;
	background-color: #ccc !important;
}
.owl-dots button span {
    display:none !important;
}
.owl-dot.active {
    background-color: #0047BD !important; 
}


.book-collection .imgframe {
	position: relative;
    height: 338px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fafafa;
    padding: 0px;
	justify-content: center;
    
}
.book-collection .imgframe .icon-wish{
    position: absolute;
    top: 20px;
	left:210px;
    right: 10px;
    width: 40px; 
    height: 40px; 
    z-index: 100; 
    background-color: white; 
    border-radius: 50%; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.book-collection .imgframe .icon-wish .icon-heart {
    font-size: 16px; 
}
.book-collection .imgframe img {
    height: 255px;
    width: 189px;
  
}

.book-collection  .text{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 24px;
	width: 100%;
	height: 160px;
	background: none;
	}
	.book-collection .text a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 0px;
	gap: 4px;
	width: 100%;
	}
	.book-collection  .aut,
	.book-collection  .price,
	.book-collection  .text p {
		font-family: 'Plus Jakarta Sans';
		color: #333333;
		font-weight: 500;
		font-style: normal;
		width: 100%;
		overflow: hidden;
		text-wrap: wrap;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.book-collection  .price {
		font-size: 18px;
		color: #0047BD;
		line-height: 28px;

	}
	.book-collection  .aut{
		color: #767676;
		font-size: 14px;
	line-height: 20px;
	margin-top: 12px;

	}
	.book-collection  p{
	color: #111111;
	font-size: 18px;
	line-height: 28px;

	}
	.book-collection .text button {
		 display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 32px;
	gap: 4px;
	width: 100%;
	height: 52px;
	border: 1px solid #0047BD;
	color:#0047BD;
	background-color: transparent;
	border-radius: 0;
	transition: background-color 0.3s ease, transform 0.2s ease;
	}
	
	.book-collection  button:hover {
		background-color: #0047BD;
		color: white;
	}
	
	.book-collection button:active {
		transform: scale(0.95); /* Apply a slight scale down effect when pressed */
	}
	

/*======================================
   End book collection CSS
========================================*/

/*======================================
   Start best deals CSS
========================================*/

.best-deals {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
background: url('/frontend/img/banner-background.jpeg');
height: 684px;
}

.best-deals .container{
display: flex;
flex-direction: column;
padding-top: 96px;
align-items: center;
gap: 40px;
width: 1728px;
height: 684px;

}
.best-deals .best-head{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px;
gap: 48px;
width: 100%;
height: 48px;
}
.best-deals .best-head p {
	flex:1;
    font-size: 2rem;
    line-height: 32px;
    font-weight: 700;
    font-family: 'Plus Jakarta Sans';
    color: #333333;
	
}
.best-deals .best-head a{
	color:#0047BD;
	transition: transform 0.3s ease;
}
.best-deals .best-head a:hover{
	transform: scale;
}
.best-deals .containt{

display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 1248px;
height: 338px;	
}
.best-deals .owl-carousel.owl-theme{
	display: flex;
	flex-direction: column;
    justify-content: center;
	gap: 24px;
}

.best-deals .owl-item{
	height: 338px;
    width: 620px;
	padding: 0%;
	display:flex;
	position: relative;
    align-items: center;

}

.best-deals .containt .bestdeal-item {
    height: 338px;
    width: 620px;
	padding: 0%;
	display:flex;
	position: relative;
    align-items: center;
	background: #FFFFFFA3;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    display: none !important;
}
.owl-dot {
    width: 10px !important; 
    height: 10px !important; 
    border-radius: 100% !important; 
	margin-right: 20px !important; 
	border : none !important;
	background-color:#D8D8D8 !important;

}
.owl-dots button span {
    display:none !important;
}
.owl-dot.active {
    background-color: #0047BD !important; 
}

.best-deals .containt .bestdeal-item .imgframe {
	position: relative;
    height: 338px;
    width: 289px; 
    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
    padding: 0px;
    
}
.best-deals .imgframe .icon-wish{
    position: absolute;
    top: 20px;
	left:210px;
    right: 10px;
    width: 40px; 
    height: 40px; 
    z-index: 9999; 
    background-color: white; 
    border-radius: 50%; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.best-deals .imgframe .icon-wish .icon-heart {
    font-size: 16px; 
}
.best-deals .imgframe img {
	width: 184px;
	height: 258px;
}

.best-deals .text{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 24px;
	width: 294px;
	height: 160px;
	background: none;
	}
	.best-deals .text a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 0px;
	gap: 4px;
	width: 289px;
	height: 84px;
	}
	.best-deals  .aut,
	.best-deals  .price,
	.best-deals  p {
		width: 100%;
		/* display: flex; */
		/* align-items: center;
		text-align: center; */
		font-family: 'Plus Jakarta Sans';
		color: #333333;
		font-weight: 500;
		font-style: normal;
		text-wrap: wrap;
 		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.best-deals .price {
		font-size: 18px;
		color: #0047BD;
		line-height: 28px;
	}
	.best-deals .aut{
		color: #767676;
		font-size: 14px;
	line-height: 20px;
	}
	.best-deals  p{
	color: #111111;
	font-size: 18px;
	line-height: 28px;
	}
	.best-deals .text button {
		 display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 32px;
	gap: 4px;
	width: 294px;
	height: 52px;
	border: 1px solid #0047BD;
	color:#0047BD;
	background-color: transparent;
	border-radius: 0;
	transition: background-color 0.3s ease, transform 0.2s ease;
	}
	
	.best-deals  button:hover {
		background-color: #0047BD;
		color: white;
	}
	
	.best-deals button:active {
		transform: scale(0.95); /* Apply a slight scale down effect when pressed */
	}
	

/*======================================
   End best deals CSS
========================================*/
/*======================================
   Start of authors CSS
========================================*/
.authors {
    width: 100%;
    height: auto;
    padding: 60px 0;
    background-color: white;
}
.authors .container{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 48px;
width: 1248.18px;
height: auto;

}
.authors .authors-containt {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-evenly; */
	padding: 0px;
	gap: 33.76px;
	width: 1248.18px;
	

}
.authors .heading{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 48px;
    width: 100%;
    height: 48px;
}
.authors .single-author {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;
gap: 20.77px;
width: 149.38px;
height: 162.97px;
transition: transform 0.3s ease;
}
.authors .single-author:hover,
.authors .single-author:hover p{
	transform: scale(1.05);
	color: #0047BD;
}
.authors .single-author .imgframe{
	width: 100%;
	height: 114.2px;
	display: flex;
    justify-content: center;
	background-color: #FAFAFA;
}
.authors .authors-containt img{
width: 114.31px;
height: 114.2px;
background: #FAFAFA;
filter: grayscale(100%);

}
.authors .heading p {
    font-size: 2rem;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 32px;
    font-family: 'Plus Jakarta Sans';
    color: #333333;
	
}
.authors .authors-containt p{
width: 100%;
height: 28px;
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 28px;
text-align: center;
color: #333333;
overflow: hidden;

}

/*======================================
   End of authors CSS
========================================*/
/*======================================
   Start of Product deatail CSS
========================================*/
.product-detail{
    width: 100%;
    height: auto;
    padding: 60px 0;
    background-color: white;
}
.product-detail .container{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.product-detail .heading{
	width: 100%;
	height: 20px;
	display: flex;
}

.product-detail .row{
	width:100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}
.product-detail .row .contain1{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 24px;
	width: 407px;
}
.product-detail .row .contain1 .text{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 17px;
width: 284px;
/* height: 145px; */
}
.product-detail .row .contain1 .text .title{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 284px;
/* height: 92px; */
flex: none;
order: 0;
flex-grow: 0;

}
.product-detail .row .contain1 .text .product-title{
width: 224px;
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 36px;
color: #333333;
}
.product-detail .row .contain1 .text .rating-cont{
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 284px;
height: 20px;

}
.product-detail .row .contain1 .text .rating-cont .rating-main{
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 198px;
height: 20px;
flex: none;
order: 0;
flex-grow: 0;

}
.product-detail .row .contain1 .text .title .fa{
color:#FCB347;
}
.product-detail .row .contain1 .text p{
	display: flex;
width: 96px;
height: 36px;
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 36px;
color: #333333;
flex: none;
order: 1;
flex-grow: 0;

}

.product-detail .containtbox{
	width: 554px;
	height: auto;
}
.product-detail .containtbox .aut{
font-family: Plus Jakarta Sans;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #767676;
}
.product-detail .containtbox h3{
font-family: Plus Jakarta Sans;
font-size: 24px;
font-weight: 700;
line-height: 36px;

}


.product-detail .row .rating-main .rating{
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
height: 20px;
}
.product-detail .row .containtbox .rating-main {
	width: 284px;
	display: flex;
	height: 20px;
	font-family: Plus Jakarta Sans;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;

}
.product-detail .row .imageframe{
	position: sticky;
	width:608px;
	height: 730px;
	background-color: #F5F5F5;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.product-detail .row .imageframe img{
	width:332px;
	height: 466px;
}
.product-detail .row .containtbox .input_field .buttoncon{
	width:auto;
	display:flex;

}
.product-detail .row .containtbox .input_field{
	width: 407px;
	height: 48px;
	display: flex;
	justify-content: space-between;
}
.product-detail .row .containtbox .quantity {
	height: 48px;
	display: flex;
	
}
.product-detail .row .containtbox .quantity button{
	width: 40px;
	height: 48px;
	color: white;
	background-color: #0047BD;
	transition: background-color 0.3s ease, transform 0.2s ease;
}

.product-detail .row .containtbox .quantity button:hover {
    background-color: #0047BD;
    color: white;
	transform: scale(1.1);
}
.product-detail .row .containtbox .quantity .input-number{
	width: 80px;
	height: 48px;
	background-color: #0047BD;
	font-family: Plus Jakarta Sans;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	text-align: center;
	color:white;
}
.product-detail .row .containtbox .add-to-cart{
	width: 172px;
	height: 48px;
}
.product-detail .row .containtbox .add-to-cart button{
	width: 172px;
	height: 48px;
	background-color: #0047BD;
	color: white;
}
.product-detail .row .containtbox .add-to-cart button:hover {
	transform: scale(1.1);
}
.product-detail .row .containtbox .input_field .addtowishlist{
	display: flex;
    width: 48px;
    height: 48px;
    margin-left: 10px;
    background-color: white;
    border: 1px solid #E1E1E1;
    align-items: center;
    justify-content: center;
}
.product-detail .row .containtbox .input_field .addtowishlist .fa{

	font-size: 20px;
}
.product-detail .row .containtbox .input_field .addtowishlist:hover{
	transform: scale(1.1);
}
.product-detail .row .containtbox table{
	margin-top: 32px;
	width: 554px;
	height: 180px;
}

.product-detail .row .containtbox table tr{
	border: 1px solid #E1E1E1;
}
.product-detail .row .containtbox table .delivery{
	margin-top: 24px;
	margin-left: 16px;
	margin-bottom: 16px;
	display: flex;
}
.product-detail .row .containtbox table .delivery .del_text {
margin-left: 16px;
}

.product-detail .row .containtbox table .delivery .del_text p{
	font-family: Plus Jakarta Sans;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
}
.product-detail .row .containtbox table .delivery .del_text .dil_title
{
font-family: Plus Jakarta Sans;
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: left;

}
.product-detail .row .containtbox table i{
	font-size: 40px;
	color: #0047BD; 
}
.product-detail .row .containtbox .summary{
	width: 552px;
	min-height: 100px;
	font-family: Plus Jakarta Sans;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
}
.product-detail .row .containtbox .reviews {
	width: 552px;
	height: 671px;
	border: 1px solid #D3D3D3;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;

}
.product-detail .row .containtbox .reviews .reviewhead{
	width: 468px;
	height: 36px;
	display: flex;
	align-items: flex-start;
}
.product-detail .row .containtbox .reviews .review-form{
	width: 468px;
	height: 515px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.product-detail .row .containtbox .reviews .review-form .inputcontainer{
	width: 468px;
	height: 192px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.product-detail .row .containtbox .reviews .review-form .reviewcontainer{
	width: 468px;
	height: 283px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.product-detail .row .containtbox .reviews .review-form .reviewcontainer button{
width:177px;
height: 48px;
padding: 15px 32px 15px 32px;
gap: 8px;
opacity: 0px;
background-color: #0047BD;
color: white;

}
.product-detail .row .containtbox .reviews .review-form .check-box {
	display: flex;
	justify-content: space-between;
	gap: 5px;
	align-items: baseline;
}
.product-detail .row .containtbox .reviews .review-form .rating{
	width: 107px;
	height: 54px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
textarea {
    width: 100%;
    max-width: 468px; 
    height: 135px;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  .product-detail .row .containtbox #product-reviews{
	width: 100%;
	margin-top: 10px;
	
  }
  .product-detail .row .containtbox #product-reviews .review-display{
	width: 100%;
	display: flex;
	border: 1px solid #D3D3D3;
	margin-top: 10px;
	align-items: center;
	justify-content: space-around;
	height: 170px;

  }
  .product-detail .row .containtbox #product-reviews .review-display .review-content{
	width: 90%;
	display: flex;
	justify-content: space-evenly;
	height: 80%;
  }

  .product-detail .row .containtbox #product-reviews .review-display .review-content .reviewer{
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #ccc;

  }
  .product-detail .row .containtbox #product-reviews .review-display .review-content .reviewer img {
    width: 31px;
    height: 32px;
  }
	
  
  .product-detail .row .containtbox #product-reviews .review-display .review-content .product_review{
	width: 80%;
	display: flex;
	flex-direction: column;
	margin-left: 10px;

  }
  .product-detail .row .containtbox #product-reviews .review-display .review-content .reviewer #user-name{
			
		font-family: Plus Jakarta Sans;
		font-size: 14px;
		font-weight: 500;
		line-height: 18px;
		text-align: left;
  }
  .product-detail .row .containtbox #product-reviews .review-display .review-content .reviewer p{
	font-family: Plus Jakarta Sans;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;

  }
  .product-detail .row .containtbox #product-reviews .review-display .review-content .product_review .rating {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex; 
}
.product-detail .row .containtbox #product-reviews .review-display .review-content .product_review .rating li {
	display: inline-block;
	color: #ffc107;
	font-size: 20px; 
	margin-right: 2px; 
}
.product-detail .row .containtbox #product-reviews button{
	width: 100%;
	margin-top: 10px;
	height: 48px;
	background-color: white;
	color: #1C1C1C;
	
  }
.star-rating {
 direction: rtl;
 padding-left:0 !important;
 align-items: flex-start;
}

.star-rating input {
    display: none;
}

.star-rating label {
    font-size: 16px;
    color: #ccc;
    cursor: pointer;
    transition: color 0.2s;
}

.star-rating input:checked ~ label,
.star-rating input:hover ~ label {
    color: #ffcc00;
}

.star-rating input:hover ~ label:hover,
.star-rating input:checked ~ label:hover,
.star-rating input:checked ~ label:hover ~ label,
.star-rating input:hover ~ label ~ label {
    color: #ffcc00;
}

/*======================================
   End of product detail CSS
========================================*/

/*======================================
   Start Shop Newsletter CSS
========================================*/
.shop-newsletter{
	background:#fff;
}
.shop-newsletter .inner{
	text-align:center;
}
.shop-newsletter .inner h4 {
	color: #333;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.shop-newsletter .inner p{
	color:#777;
	font-size:14px;
	font-weight:400;
	margin-bottom:30px;
}
.shop-newsletter .inner p span{
	color:#0047BD;
}
.shop-newsletter .newsletter-inner{
	position:relative;
	display: inline-block;
}
.shop-newsletter .newsletter-inner input {
	width: 480px;
	height: 55px;
	border-radius: 0px;
	padding: 0px 30px;
	font-weight: 400;
	display: inline-block;
	text-shadow: none;
	box-shadow: none;
	border-radius: 0;
	border: none;
	border: 1px solid #ececec;
	border-radius: 30px 0 0 30px;
}
.shop-newsletter .newsletter-inner button{
	border:none;
	text-shadow:none;
	box-shadow:none;
	border-radius:0;
}
.shop-newsletter .newsletter-inner .btn {
	display: inline-block;
	height: 55px;
	padding: 10px 30px;
	position: relative;
	top: 0;
	background: #0047BD;
	color: #fff;
	left: -4px;
	border-radius: 0 30px 30px 0;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}
.shop-newsletter .newsletter-inner .btn:hover{
	background:#333;
	color:#fff;
}
/*======================================
   End Shop Newsletter CSS
========================================*/

/*=============================
	About US CSS
===============================*/
.about-us{
	background:#fff;
}
.about-us .about-content {
	padding-right: 50px;
}
.about-us .about-content .story{
	display:block;
	color:#04AAF4;
	margin-bottom:20px;
	font-size:17px;
}
.about-us .about-content .story i{
	color:#04AAF4;
	margin-right:5px;
	font-size:22px;
}
.about-us .about-content h3 {
	font-size: 30px;
	font-weight: 600;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.about-us .about-content h3::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 2px;
	width: 60px;
	background: #0047BD;
}
.about-us .about-content h3 span{
	display:inline-block;
	font-weight:700;
	color:#0047BD;
}
.about-us .about-content p {
	line-height: 26px;
	margin-bottom: 10px;
}
.about-us .about-content p:last-child{
	margin:0;
}
.about-us .about-content .button{
	margin-top:40px;
}
.about-us .about-content .button .btn{
	background:#333;
	color:#fff;
	margin-right:15px;
}
.about-us .about-content .button .btn:hover{
	background:#0047BD;
	color:#fff;
}
.about-us .about-content .button .btn.primary{
	background:#0047BD;
	color:#fff;
}
.about-us .about-content .button .btn.primary:hover{
	background:#333;
	color:#fff;
}
.about-us .about-content .button .btn:last-child{
	margin:0;
}
.about-us .about-img {
	position: relative;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	border: 10px solid #fff;
}
.about-us .about-img:before{
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.about-us .about-img:hover:before{
	opacity:0.6;
	visibility:visible;
}
.about-us .about-img .video {
	height: 64px;
	width: 64px;
	line-height: 64px;
	background: #0047BD;
	color: #fff;
	font-size: 20px;
	border-radius: 100%;
	display: block;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	padding-left: 4px;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.about-us .about-img .video:hover{
	background:#fff;
	color:#0047BD;
}
.about-us .about-img:hover .video{
	transform:scale(1);
}
.about-us .about-img img{
	height:100%;
	width:100%;

}
/*=============================
	End About US CSS
===============================*/

/*======================================
  10. Start Team CSS
========================================*/
.team{
	background:#F6F7FB;
}
.team .title-line{
	margin-bottom:40px;
}
.team .single-team {
	margin-top: 30px;
	position:relative;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	display: inline-block;
	overflow:hidden;
	text-align:center;
	background:#fff;
}
.team .single-team .info-head {
	padding: 35px 30px;
}
.team .single-team .image img{
	height:100%;
	width:100%;
}
.team .single-team .info-box {
	text-align:center;
}
.team .single-team .info-box .name {
	display: block;
	font-size: 17px;
	color: #333;
	font-weight: 500;
	margin-bottom: 3px;
	text-transform:capitalize;
}
.team .single-team .info-box .designation{
	color:#aaa;
	font-size:13px;
}
.team .single-team .social-links {
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	margin-top:15px;
}
.team .single-team .social-links .social li{
	display:inline-block;
	margin-right:15px;
}
.team .single-team .social-links .social li:last-child{
	margin-right:0px;
}
.team .single-team .social-links .social li a {
	color: #666;
	display: block;
	font-size: 14px;
}
.team .single-team .social-links .social li a:hover{
	color:#0047BD;
}
/*======================================
  End Team CSS
========================================*/

/*======================================
   Start Shop Blog CSS
========================================*/
.shop-blog.grid .shop-single-blog{
	margin-top:30px;
}
.shop-blog .shop-single-blog{
	text-align:center;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.shop-blog .shop-single-blog:hover{
	box-shadow: 0px 10px 10px #0000000a;
}
.shop-blog .shop-single-blog img{
	height:100%;
	width:100%;
}
.shop-blog .shop-single-blog .content {
	padding: 40px;
}
.shop-blog .shop-single-blog .content .title {
	font-size: 17px;
	font-weight: 600;
	color: #333;
}
.shop-blog .shop-single-blog .content .title:hover{
	color:#0047BD;
}
.shop-blog .shop-single-blog .content .date {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
	color: #B7B7B7;
}
.shop-blog .shop-single-blog .content .more-btn {
	font-size: 14px;
	font-weight: 400;
	color: #3c3c3c;
	margin-top: 10px;
	display: block;
}
.shop-blog .shop-single-blog .content .more-btn:hover{
	color:#0047BD;
}
/* Related Product */
.related-product{
	padding-top:0;
}
.related-product .section-title {
	text-align: center;
	margin-bottom: 10px;
	padding: 0;
}
.related-product .section-title h2 {
	font-size: 25px;
	margin-bottom: 0;
	text-transform: capitalize;
	position: relative;
	color: #2c2d3f;
	font-weight: 700;
	padding-bottom: 15px;
}
/* Blog Sidebar */
.main-sidebar {
	background: #fff;
	margin-top: 30px;
	padding: 40px;
	background: transparent;
	border: 1px solid #eeeeeec2;
}
.main-sidebar .single-widget{
	margin-bottom:50px;
}
.main-sidebar .single-widget .title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.main-sidebar .single-widget .title::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background: #0047BD;
}
.main-sidebar .single-widget:last-child{
	margin:0;
}
.main-sidebar .search{
	position:relative;
}
.main-sidebar .search input {
	width: 100%;
	height: 45px;
	box-shadow: none;
	text-shadow: none;
	font-size: 14px;
	border: none;
	color: #222;
	background: transparent;
	padding: 0 70px 0 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0;
	border: 1px solid #eee;
}
.main-sidebar .search .button {
	position: absolute;
	right: 0;
	top: 0;
	height: 44px;
	width: 50px;
	line-height: 45px;
	box-shadow: none;
	text-shadow: none;
	text-align: center;
	border: none;
	font-size: 14px;
	color: #fff;
	background: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.main-sidebar .search .button:hover {
	background:#0047BD;
	color:#fff;
}
/* Category List */
.main-sidebar .categor-list {
	margin-top: 15px;
}
.main-sidebar .categor-list li{

}
.main-sidebar .categor-list li {
	margin-bottom: 10px;
}
.main-sidebar .categor-list li:last-child{
	margin-bottom:0px;
}
.main-sidebar .categor-list li a {
	display: inline-block;
	color: #333;
	font-size:14px;
}
.main-sidebar .categor-list li a:hover{
	color:#0047BD;
	padding-left:7px;
}
.main-sidebar .categor-list li a i {
	display: inline-block;
	margin-right:0px;
	font-size: 9px;
	transform: translateY(-1px);
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.main-sidebar .categor-list li a:hover i{
	margin-right: 6px;
	opacity:1;
	visibility:visible;
}
/* Recent Post */
.main-sidebar .recent-post{}
.main-sidebar .single-post {
	position: relative;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	padding: 17px 0;
}
.main-sidebar .single-post:last-child{
	padding-bottom:0px;
	border:none;
}
.main-sidebar .single-post .image {

}
.main-sidebar .single-post .image img{
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 20px;
}
.main-sidebar .single-post .content{
	padding-left:100px;
}
.main-sidebar .single-post .content h5 {
	line-height: 18px;
}
.main-sidebar .single-post .content h5 a {
	color: #2C2D3F;
	font-weight: 500;
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
	display: block;
	margin-bottom: 10px;
	margin-top: 0;
}
.main-sidebar .single-post .content h5 a:hover{
	color:#0047BD;
}
.main-sidebar .single-post .content .comment{}
.main-sidebar .single-post .content .comment li{
	color:#888;
	display:inline-block;
	margin-right:15px;
	font-weight:400;
	font-size:14px;
}
.main-sidebar .single-post .content .comment li:last-child{
	margin-right:0;
}
.main-sidebar .single-post .content .comment li i{
	display:inline-block;
	margin-right:5px;
}
/* Blog Tags */
.main-sidebar .side-tags{}
.main-sidebar .side-tags .tag{
	margin-top:40px;
}
.main-sidebar .side-tags .tag li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 20px;
}
.main-sidebar .side-tags .tag li a {
	background: #fff;
	color: #333;
	padding: 8px 14px;
	text-transform: capitalize;
	border-radius: 0;
	font-size: 13px;
	background: #F6F7FB;
}
.main-sidebar .side-tags .tag a:hover{
	color:#fff;
	background:#0047BD;
	border-color:transparent;
}
/* Blog Newslatter CSS */
.main-sidebar .newsletter{

}
.main-sidebar .newsletter .letter-inner {
	position:relative;
	padding: 35px 30px;
	box-shadow: 0px 0px 12px #00000014;
	z-index:2;
	overflow:hidden;
}
.main-sidebar .newsletter .letter-inner h4 {
	text-transform: capitalize;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}
.main-sidebar .newsletter .letter-inner p{
	margin-bottom: 20px;
}
.main-sidebar .newsletter .letter-inner .form-inner{
	position:relative;
}
.main-sidebar .newsletter .letter-inner input {
	width: 100%;
	height: 45px;
	background: #fff;
	border: none;
	border: 1px solid #ddd;
	padding: 0px 60px 0px 20px;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0;
}
.main-sidebar .newsletter .letter-inner .form-inner a {
	height: 42px;
	width: 100%;
	background: #0047BD;
	color: #fff;
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 42px;
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: 500;
}
.main-sidebar .newsletter .letter-inner .form-inner a:hover{
	background:#333;
	color:#fff;
}
/* Blog Single CSS */
.blog-single{
	background:#fff;
	padding:70px 0 100px;
}
.blog-single .blog-single-main {
	margin-top: 30px;
	background: #fff;
}
.blog-single .blog-detail {
	background: #fff;
}
.blog-single .image{
	position:relative;
}
.blog-single .image img{
	width:100%;
	height:100%;
}
.blog-single .blog-title {
	font-size: 24px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 40px 0 15px 0;
}
.blog-single .blog-meta {
	margin-bottom: 0;
	overflow: hidden;
	border-bottom: 1px solid #dddddd6e;
	padding-bottom: 20px;
	margin-bottom: 25px;
}
.blog-single .blog-meta .author i {
	color: #0047BD;
	margin-right: 10px;
	font-size: 13px;
}
.blog-single .blog-meta .author a {
	font-size: 13px;
	border-right:1px solid #ddd;
	padding:0px 15px;
}
.blog-single .blog-meta .author  a:first-child{
	padding-left:0;
}
.blog-single .blog-meta .author  a:last-child{
	padding-right:0;
	border:none;
}
.blog-single .blog-meta span {
	display: inline-block;
	font-size: 14px;
	color: #666;
}
.blog-single .blog-meta span a i {
	margin-right: 10px;
	color: #0047BD;
}
.blog-single .blog-meta span a:hover{
	color:#0047BD;
}
.blog-single .content p {
	margin-bottom: 25px;
	line-height: 26px;
}
.blog-single .content p:last-child{
	margin:0;
}
.blog-single blockquote {
	position: relative;
	font-size: 13px;
	font-weight: 400;
	padding-left: 20px;
	padding: 10px 20px;
	background: #F6F6F6;
	padding: 30px 40px 30px 70px;
	color: #555;
	border: none;
	margin-bottom: 25px;
	border-left: 3px solid #0047BD;
}
.blog-single blockquote i {
	font-size: 30px;
	color: #0047BD;
	position: absolute;
	left: 20px;
	top: 20px;
}
.blog-single .content .img-post{
	margin-bottom: 25px;
}
.blog-single .share-social .content-tags {
	position: relative;
	margin-top: 25px;
}
.blog-single .share-social .content-tags h4 {
	position: absolute;
	left: 0;
	top: 7px;
	font-size: 15px;
	font-weight: 500;
}
.blog-single .share-social .content-tags .tag-inner{
	padding-left:60px;
}
.blog-single .share-social .content-tags .tag-inner li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-top: 4px;
}
.blog-single .share-social .content-tags .tag-inner li:last-child{
	margin-right: 0px;
	margin-bottom: 0px;
}
.blog-single .share-social .content-tags .tag-inner li a {
	border-radius: 30px;
	padding: 5px 15px;
	background:#f4f7fc;
	font-size: 13px;
}
.blog-single .share-social .content-tags .tag-inner li a:hover{
	color:#fff;
	background:#0047BD;
}
/* Comments */
.blog-single .comments{
	margin-top:40px;
}
.blog-single .comments .comment-title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.blog-single .comments .comment-title:before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background:#0047BD;
}
.blog-single .comments{

}
.blog-single .comments .single-comment {
	position: relative;
	margin-bottom: 40px;
	border-radius: 5px;
	padding-left: 95px;
}
.blog-single .comments .single-comment.left{
	margin-left:110px;
}
.blog-single .comments .single-comment img {
	height: 70px;
	width: 70px;
	border-radius: 100%;
	position: absolute;
	left: 0;
}
.blog-single .single-comment .content {

}
.blog-single .single-comment .content h4 {
	color: #333;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	display: inline-block;
	margin-bottom: 18px;
	text-transform: capitalize;
}
.blog-single .single-comment .content h4 span {
	display: inline-block;
	font-size: 13px;
	color: #8D8D8D;
	margin: 0;
	font-weight: 400;
	text-transform: capitalize;
	display: block;
	margin-top: 5px;
}
.blog-single .single-comment .content p {
	color: #666;
	font-weight: 400;
	display: block;
	margin: 0;
	margin-bottom: 20px;
	line-height: 22px;
}
.blog-single .single-comment .content .button{}
.blog-single .single-comment .content .btn {
	display: inline-block;
	color: #666;
	font-weight: 400;
	color: #6a6a6a;
	border-radius: 4px;
	text-transform: capitalize;
	font-size: 14px;
	background: transparent;
	padding: 0;
}
.blog-single .single-comment .content a i{
	display:inline-block;
	margin-right:5px;
}
.blog-single .single-comment .content a:hover{
	color:#0047BD;
}
/* Comment Form */
.blog-single .reply form {
	padding: 40px;
	border: 1px solid #eee;
}
.blog-single .reply .reply-title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.blog-single .reply .reply-title:before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background:#0047BD;
}
.blog-single .reply .form-group {
	margin-bottom: 20px;
}
.blog-single .reply .form-group input {
	width: 100%;
	height: 45px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 0px;
	color: #333 !important;
	border: none;
	border: 1px solid #eee;
}
.blog-single .reply .form-group textarea {
	width: 100%;
	height: 200px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 0px;
	color: #333 !important;
	border: none;
	border: 1px solid #eee;
}
.blog-single .reply .form-group label {
	color: #333;
	position: relative;
}
.blog-single .reply .form-group label span {
	color:#ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.blog-single .reply .button {
	text-align: left;
	margin-bottom:0px;
}
.blog-single .reply .button .btn {
	height: 50px;
	border: none;
}
/*======================================
   End Shop Blog CSS
========================================*/


/*======================================
  21. Contact CSS
========================================*/
.contact-us {
	position: relative;
	z-index: 43;
}
.contact-us .title{
	margin-bottom: 30px;
}
.contact-us .title h4 {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 5px;
	color: #0047BD;
}
.contact-us .title h3 {
	font-size: 25px;
	text-transform: capitalize;
	font-weight: 600;
}
.contact-us .single-head {
	padding: 50px;
	box-shadow: 0px 0px 15px #0000001a;
	height: 100%;
}
.contact-us .single-info {
	text-align: left;
	margin-bottom:30px;
}
.contact-us .single-info i {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 15px;
	height: 40px;
	width: 40px;
	display: block;
	text-align: center;
	border-radius: 3px;
	line-height: 40px;
	background:#0047BD;
}
.contact-us .single-info ul
.contact-us .single-info ul li{
	margin-bottom:5px;
}
.contact-us .single-info ul li:last-child{
	margin-bottom:0;
}
.contact-us .single-info ul li a{
	font-weight:400;
}
.contact-us .single-info ul li a:hover{
	color:#0047BD;
}
.contact-us .single-info .title {
	margin-bottom: 10px;
	font-weight: 500;
	color: #333;
	font-size: 18px;
}
.contact-us .form-main {
	box-shadow: 0px 0px 15px #0000001a;
	padding: 50px;
}
.contact-us .form .form-group input {
	height: 48px;
	line-height: 48px;
	width: 100%;
	border: 1px solid #e6e2f5;
	padding: 0px 20px;
	color: #333;
	border-radius: 0px;
	font-weight: 400;
}

.contact-us .form .form-group textarea {
	max-width: 100%;
	height: 180px;
	width: 100%;
	border: 1px solid #e6e2f5;
	padding: 15px 20px;
	color: #333;
	border-radius: 0px;
	resize: none;
	font-weight:400;
}
.contact-us .form .form-group label {
	color: #333;
	position: relative;
}
.contact-us .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.contact-us .form .button {
	margin:0;
}
.contact-us .form .button .btn {
	height: 50px;
	border: none;
}
#myMap {
	height: 500px;
	width: 100%;
}
/*======================================
  End Contact CSS
========================================*/
/*=============================
	FAQ CSS
===============================*/
.faq_section {
    position: relative;
    height: auto; 
    background: #F0F1F1;
    display: flex;
    justify-content: center;
    padding: 64px;
    gap: 64px;
   
}

.faq_section .image_contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    max-width: 353px;
    height: auto;
}

.faq_section .image_contact .image_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 49px 25px 49px 32px;
    gap: 10px;
    width: 100%;
	font-family: 'Plus Jakarta Sans';
	background:  linear-gradient(0deg, rgba(28, 29, 31, 0.65), rgba(28, 29, 31, 0.65)),url(/images/textbg.png);
    background-size: cover;
    background-position: center;
    border-radius: 24px;
}

.faq_section .image_contact .image_text .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
	font-family: 'Plus Jakarta Sans';
    height: auto;
}
.faq_section .image_contact .image_text .text .title {
    width: 296px;
    height: 94px;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #F0F1F1;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.faq_section .image_contact .image_text .text .description {
    width: 296px;
    height: 90px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #F0F1F1;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.faq_section .image_contact .image_text .social .social-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 12px;
}


.faq_section .image_contact .image_text .social .social-item .text {
    width: 64px;
    height: 24px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px; 
    display: flex;
    align-items: center;
    color: #F0F1F1;
}

.faq_section .image_contact .image_text .social .social-item {
    width: 20px;
    height: 20px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
	animation: none;
	background: #F0F1F1;
}


.faq_section .image_contact .image_text .social .social-item i {
	color: #00529D;
	animation: none;
	font-size: 15px;
}

.faq_section .image_contact .image_text .social .icon::before {
    content: ''; 
    position: absolute;
    background: #00529D;
	animation: none;
}

.faq_section .image_contact .image_text .social{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: auto;
	font-family: 'Plus Jakarta Sans';
	color:#F0F1F1;
}

.faq_section .image_contact .contact{
	display: flex;
    flex-direction: column;
	align-items: center;
    padding: 24px 58px;
    gap: 10px;
    width: 353px;
    height: auto;
    background: #FFFFFF;
    border-radius: 24px;
}
.faq_section .image_contact .contact .icon-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 16px;
    width: 89px;
    height: 75px;
	animation: none;
}

.faq_section .image_contact .contact .icon-text .icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 9px;
    width: 44px;
    height: 44px;
	animation: none;
}
.faq_section .image_contact .contact .icon-text .icon span{
	font-size: 44px;
	color: #00529D;
}

.faq_section .image_contact .contact .icon-text .text {
	width: 89px;
    height: 23px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: capitalize;
    color: #1C1D1F;
}


.faq_section .image_contact .contact .details {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 16px;
    width: 236px;
    height: auto;
}

.faq_section .image_contact .contact .details .contact-title {
    width: 89px;
    height: 23px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: capitalize;
    color: #1C1D1F;
}

.faq_section .image_contact .contact .details .contact-info {
    width: 236px;
    height: auto;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #1C1D1F;
}


.faq_section .image_contact .contact .details .lets-talk {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 7px 16px;
    gap: 8px;
    width: 104px;
    height: 36px;
    background: #00529D;
    border-radius: 8px;
}

.faq_section .image_contact .contact .details .lets-talk p {
    width: 72px;
    height: 22px;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    color: #F0F1F1;
}


.faq_section .right_faq {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
    max-width: 783px;
}

.faq_section .right_faq .heading {
	display: flex;
	flex-direction: column;
    width: 100%;
    height: auto;
	color: #00529D;
	font-family: 'Plus Jakarta Sans';
	gap:12px;
}
.faq_section .right_faq .heading .title,
.faq_section .right_faq .heading p{
	color: #1C1D1F;
	font-family: 'Plus Jakarta Sans';
	font-size: 52px;
	height: 54px;
}
.faq_section .right_faq .faqs {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.faq_section .right_faq .faqs .items {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
	background-color: #ffffff;
	border-radius: 12px;
}

.faq_section .right_faq .faqs .items .question {
    display: flex;
    align-items: center;
	justify-content: space-between;
    padding: 16px 24px;
    background: #FFFFFF;
    border-radius: 12px;
    cursor: pointer;
	font-family: 'Plus Jakarta Sans';
	font-size: 20px;
	font-weight: bold;
}
.faq_section .right_faq .faqs .items .question .icon {
    font-size: 18px;
    font-weight: bold;
	background-color: #000;
    color: white;
	width: 32px;
	height: 32px;
	border-radius: 24px;
    transition: transform 0.3s ease;
	animation: none;
	align-items: center;
    display: flex;
    justify-content: center;
}

.faq_section .right_faq .faqs .items .answer {
    display: none;
    padding: 16px 24px;
    background: #FFFFFF;
    color: #000;
    border-radius: 12px;
    margin-top: 10px;
	font-family: 'Plus Jakarta Sans';
	font-size: 16px;
}

.faq_section .right_faq .faqs .items.active .answer {
    display: block;
}
.faq_section .right_faq .faqs .items.active .question {
    background: #00529D; 
	color: #F0F1F1;
}
.faq_section .right_faq .faqs .items.active .question .icon {
    transform: rotate(90deg); 
	color:#00529D;
	background-color: white;
}

/* Responsive styles */
/* @media (max-width: 768px) {
    .faq_section {
        flex-direction: column;
        gap: 40px;
    }

    .faq_section .image_contact,
    .faq_section .right_faq {
        width: 100%;
    }
} */

	/*=============================
		End of FAQ
	===============================*/


/* Mail Success */
.mail-success .mail-inner {
	text-align: center;
	background: #fff;
	padding: 0px 30px;
}
.mail-success .mail-inner h2 {
	margin-bottom: 10px;
	display: block;
	font-weight: 600;
	color: #0047BD;
	text-transform: uppercase;
	font-size: 30px;
}
.mail-success .mail-inner p {
	font-size: 14;
	color: #333;
	margin-bottom: 30px;
	line-height: 22px;
}
.mail-success .mail-inner .btn {
	color: #fff;
	padding: 10px 30px;
}
.mail-success .mail-inner .btn i{
	margin-right:5px;
}

/*=============================
	Start 404 Error CSS
===============================*/
.error-page {
	background:#fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position:relative;
}
.error-page .error-inner {
	text-align: center;
	flex-direction: initial;
	height: auto;
	text-align: center;
}
.error-page .error-inner h2 {
	color: #0047BD;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 100px;
	display: inline-block;
	font-size: 120px;
}
.error-page .error-inner h5 {
	display: block;
	color: #444;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 600;
	text-transform: capitalize;
}
.error-page .error-inner p {
	color: #666;
	font-weight: 400;
	line-height: 22px;
	font-size: 15px;
	padding: 0 30px;
}
.error-page .button {
	margin-top: 30px;
}
.error-page .button .btn {
	margin-right: 15px;
	border-radius: 30px;
	background: #333;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #d7d7d7;
	background: transparent;
	color: #333;
	padding: 10px 28px;
}
.error-page .button .btn:hover{
	color:#fff;
	background:#0047BD;
	border-color:transparent;
}
/*=============================
	/End 404 Error CSS
===============================*/

/*=============================
	20. Start Footer CSS
===============================*/
.footer{
	background:#FAFAFA;
}
.footer .about {
	padding-right: 50px;
}
.footer .single-footer h4 {
	font-size: 16px;
	font-weight: 400;
	font-family: Plus Jakarta Sans;
	line-height: 24px ;
	text-transform: capitalize;
	color: #274A7C;
	text-transform: capitalize;
	margin-bottom: 24px;
}
.footer .about .logo{
	margin-bottom:24px;
}
.footer .about .logo img{}
.footer .about .text{
	font-size: 16px;
	font-weight: 400;
	font-family: Plus Jakarta Sans;
	line-height: 24px ;
	color:#686868;
	font-weight: 400;
}
.footer .about .call {
	color: #686868;
	margin-top: 15px;
	font-weight: 400;
}
.footer .about .call span{
	display: block;
}
.footer .about .call a {
	color: #0047BD;
	font-size: 16px;
	font-weight: 400;
	font-family: Plus Jakarta Sans;
	line-height: 24px ;
}
.footer .links ul{}
.footer .links ul li {
	display: block;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 400;
	font-family: Plus Jakarta Sans;
	line-height: 24px ;
}
.footer .links ul li:last-child{
	margin-bottom:0;
}
.footer .links ul li a{
	color:#2B2B2B;
	font-size: 16px;
	font-weight: 400;
	font-family: Plus Jakarta Sans;
	line-height: 24px ;
}
.footer .links ul li a:hover{
	color: #0047BD;
	padding-left:10px;
	font-size: 16px;
	font-weight: 400;
	font-family: Plus Jakarta Sans;
	line-height: 24px ;
}
.footer .social{}
.footer .social .contact{}
.footer .social .contact ul{}
.footer .social .contact ul li {
	color: #2B2B2B;
	display: block;
	margin-bottom: 4px;
	font-weight: 400;
}
.footer .contact ul li:last-child{
	margin-bottom:0;
}
.footer .social ul {
	margin-top: 20px;
}
.footer .social ul li{
	display:inline-block;
	margin-right:25px;
}
.footer .social ul li:last-child{
	margin-right:0;
}
.footer .social ul li a{
	color:#2B2B2B;
	display:block;
	font-size:16px;
}
.footer .social ul li a:hover{
	color: #0047BD;
}
/* Copyright */
.footer .copyright{
	height: 64px;
	background: #FAFAFA;
border-top: 1px solid #E1E1E1;

}
.footer .copyright .inner{
	border-top:1px solid #eeeeee3d;
	padding:20px 0;
}
footer .copyright .inner .row{
	display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px;
position: absolute;
width: 1248px;
height: 36px;
}
.footer .copyright .left{
	height: 36px;
}
.footer .copyright .right{
	float:right;
	width: 195px;
	height: 36px;
	display: flex;
	justify-content: space-evenly;
}
.footer .copyright .right .fa{
	font-size: 1.2rem !important;
}
.footer .copyright p{
font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 24px;
color: #333333;
}
.footer .copyright p a{
	font-family: 'Plus Jakarta Sans';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 24px;
color: #333333;
}
/*=============================
	End Footer CSS
===============================*/

.st-sticky-share-buttons{
	display: none !important;
}

/* Pagination container */
nav[role="navigation"] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
	padding: 0;
    background-color: transparent; 
    border: 0;
    border-radius: 0.25rem;
    margin-top: 50px;
}

/* Hide extra flex container */
nav[role="navigation"] .flex.justify-between.flex-1 {
    display: none;
}

/* Style for navigation links */
nav[role="navigation"] a {
    justify-content: center;
    align-items: center;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    color: #4a5568;
    background-color: #ffffff;
    border: 1px solid #cbd5e0;
    border-radius: 0.25rem;
    transition: background-color 0.3s, color 0.3s;
}

/* Hover state for links */
nav[role="navigation"] a:hover {
    color: #2d3748;
    background-color: #edf2f7;
}

/* Active link */
nav[role="navigation"] a.active {
    color: #ffffff;
    background-color: #4a90e2;
    border-color: #4a90e2;
}

/* Disabled link */
nav[role="navigation"] a[aria-disabled="true"] {
    color: #cbd5e0;
    background-color: #ffffff;
    pointer-events: none;
}

/* Pagination text */
nav[role="navigation"] .text-sm {
	padding-left: 0;
	padding-bottom: 10px;
    color: #4a5568;
    font-size: 0.875rem;
}

/* Style for page number buttons */
nav[role="navigation"] .relative.inline-flex.items-center.px-4.py-2,
nav[role="navigation"] .relative.inline-flex.items-center.px-2.py-2 {
	display:inline-table;
	margin-top: 10px;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    color: #4a5568;
    background-color: #ffffff;
    border: 1px solid #cbd5e0;
    border-radius: 0.25rem;
    transition: background-color 0.3s, color 0.3s;
    width: 40px;
    height: 40px;
}

/* Style for current page */
nav[role="navigation"] .relative.z-0.inline-flex [aria-current="page"] span {

    color: white !important;
    background-color: #0047BD !important;
    border-color: black;
}

/* SVG Icons */
nav[role="navigation"] svg.w-5.h-5 {
    width: 20px;
    height: 20px;
}

/* Previous and Next Buttons */
nav[role="navigation"] .relative.inline-flex.items-center.px-2.py-2[aria-disabled="true"] {
    background-color: #edf2f7;
    color: #a0aec0;
    cursor: not-allowed;
}

nav[role="navigation"] .relative.z-0.inline-flex.shadow-sm.rounded-md{
	
}
/* Custom Styles */
nav[role="navigation"] .relative.z-0.inline-flex a {
	margin-top: 10px;
    width: 40px;
    height: 40px;
}

/* Adding Custom Styles for Pagination Links */
nav[role="navigation"] .relative.inline-flex.items-center.px-2.py-2:hover {
    background-color: #0047BD !important;
    color: #ffffff !important;
}

nav[role="navigation"] .relative.inline-flex.items-center.px-2.py-2.active {
    background-color: #0047BD;
    color: #fff;
}


/* message */
.alert-container {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    width: 80%;
    max-width: 500px;
    text-align: center;
    display: none; /* Initially hidden */
}
.header.sticky~.alert-container{
	margin-top: 70px;
}
.alert {
    padding: 15px;
    border-radius: 5px;
    color: #fff;
    background-color: #007bff; /* Default color, can be changed dynamically */
    /* opacity: 0; */
    transition: opacity 0.5s ease-in-out;
}

.alert-success {
    background-color: #28a745;
}

.alert-error {
    background-color: #dc3545;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.categor-list li.active a {
    font-weight: bold; 
    color: #0047BD;;
}