@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400&display=swap');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root{
	--default-fonts: 'Cairo', sans-serif;
}

body {
	width: 100%;
	height: 100%;
	/* background-image: url('../images/banner/whte-bg.jpg'); */
	background-size: cover;
	background-position: center;
	font-family: 'Cairo', sans-serif;
}
.Cairo_font_family{
	font-family: var(--default-fonts) !important;
}
.navbar-nav .nav-link{
	font-family: var(--default-fonts);
}
.btn-primary{
	background-color: #c5206a !important;
}

.leadsshopping {
	width: 100%;
}
.btn-close{
	background-color: white !important; 
}
.dropdown-menu .dropdown-item > li > a:hover {
	background-color:none;
  }
  button.btn.btn-lg.btn-pink {
    border-radius: 0px;
    padding:0px;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: #de2572 !important;
    /*border: 1px solid;*/
    /*padding: 0px;*/
}
.dropdown-item:hover{
    background-color: #de2572 !important;
    color: #ffffff !important;
    /*border: 1px solid;*/
    /*padding: 0px;*/
}
a.dropdown-item{
    
}
.btn-view-all-product{
    background-color: #de2572 !important;
    color: white !important;
}
.btn-primary{
    border-color: #de2572 !important;
}
.list-group-item.active{
     background-color: #de2572 !important;
    color: white !important;
    border-color: #de2572 !important;
}

/*Carousel-indicators */
.carousel-indicators [data-bs-target]{
    margin-right: 68px !important;
}
.exer {
	width: 100%;
	height: 20vh;
	border: 1px solid rgb(155, 148, 148);
	border-radius: 7px;
}

.offer-post {
	width: 100%;
}

.mega-menu-img {
	width: 100%;
}

.main-container {
	margin-top: 15px;
	margin-bottom: 15px;
}

.btn-pink {
	color: white !important;
	background-color: #de2572 !important
}
.qty-btn{
	font-size: 9px !important;
}

.bar-pink {
	color: white !important;
	background-color: #de2572 !important
}

.sm-mobile {
	width: 10% !important;
}
.cart-product-desc{
    width: 100%;
    overflow: scroll;
}
.col-sm-4{
    width:33%;
}

/* .dropdown-item.active, .dropdown-item:active{
color: black;
text-decoration: none;
background-color: #ffffff;
}
.dropdown-item{
color: white !important;
}
.dropdown-item:focus, .dropdown-item:hover{
color: #f5f8ff !important;
background-color: #212529 !important;
} */
/* .dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #c5206a !important;
} */

.top_banner_hgi {
	background-color: #c5206a !important;
}

/* Hover Mega menu openning place */
.has-megamenu:hover .dropdown-menu.megamenu {
	display: block;
}

/*.dropdown:hover .dropdown-menu {*/
/*	display: block;*/
/*}*/
   

button.navbar-toggler {
	display: none;
}

.product_desc {
	width: 100%;
	height: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	font-family: var(--default-fonts);
}

.text-end{
	text-align: end;
}

/*End Hover Mega menu openning place */

.owl-carousel {
	position: relative;
}

.owl-next,
.owl-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.owl-next {
	right: 0;
	height: 80px;
	width: 40px;
	cursor: pointer;
	box-shadow: 1px 2px 10px -1px rgb(0 0 0 / 30%);
	padding: 30px 10px !important;
	background-color: white !important;
	color: #00000063 !important;
}

.owl-prev {
	padding: 30px 14px !important;
	background-color: white !important;
	border: 1px solid white;
	box-shadow: 1px 2px 10px -1px rgb(0 0 0 / 30%);
	color: #D6D6D6 !important;
}

.owl-prev {
	left: 0;
	display: flex;
}

.top_banner_hgi:first-child {
	border-radius: 0px 0px 0px 0px;
}

.top_banner_hgi:last-child {
	border-radius: 0px 0px 0px 0px !important;
}

.ftw-12 {
	font-size: 15px;
}

.ftw-8 {
	font-size: 10px;
}

.mr-3 {
	margin-right: 10px;
}

.sm-ma {
	display: flex;
	padding-top: 20px;
}

.col-md-3.top_banner_hgi.border-white::before {
	border: 1px solid white;
}

.scrollmenu {
	overflow: auto;
	white-space: nowrap;
}

.dropdown_flage_images {
	margin-right: 5px;
	width: 18px;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 0.8rem;
	position: relative;
}

.ftw-8 {
	text-transform: capitalize;
	font-weight: 600;
	font-size: 0.8rem;
	position: relative;
}

.list-items {
	font-size: 13px;
}

.round-bg {
	width: 34px;
	text-align: center;
	background-color: #6c757d54;
	border-radius: 50%;
	height: 35px;
	align-items: center;
	display: flex !important;
	align-content: stretch;
	justify-content: space-evenly;
}

/* Login Page Css Design */
.section {
	padding: 3rem 1.5rem;
}

.has-text-weight-bold {
	font-weight: 700 !important;
}

h4.is-heading {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #242424;
}

.columns.is-mobile {
	display: flex;
}

.input,
.textarea {
	background-color: white;
	border-color: #dbdbdb;
	color: #363636;
	box-shadow: none;
	max-width: 100%;
	width: 100%;
	height: 40px;
	border: none;
	border-bottom: 1px solid #dbdbdb;
	border-radius: 2.5px;
	padding-left: 3px;
}

.has-text-centered {
	text-align: center !important;
}

button.button.is-primary.w100 {
	display: flex;
	width: 100%;
	background-color: #c5206a;
	height: 45px;
	border-color: transparent;
	color: #fff;
	text-align: center;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: space-around;
	align-items: flex-end;
	justify-content: space-around;
}

.columns.is-mobile {
	display: flex;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	align-items: center;
}

.columns.is-mobile>.column.is-12 {
	flex: none;
	width: 100%;
}

.button.is-secondary {
	border-color: #f2f2f2;
	border-radius: 0px;
	color: gray;
	border-radius: 4px;
	height: 45px;
	margin-top: 20px;
}

a.button.is-outlined {
	border: 0px solid #dfdfdf;
	padding: 6px;
	margin-top: 15px;
	margin-bottom: 15px;
}

a.button.is-outlined:hover {
	color: #c5206a;
}

.button.is-fullwidth {
	display: flex;
	width: 100%;
}

.field {
	margin: 4px;
}

.button.is-secondary:hover {
	color: #c5206a;
}

.field a:hover {
	color: #c5206a;
}

/* end of login page design */
/* add cart pages Design */
/* end add cart pages Design */
.cart_head_line {
	font-size: 135%;
	color: #242424;
	margin-bottom: 5px !important;
	font-weight: 600;
	line-height: 1.125;
}

.sub_cart_head_line {
	font-size: 1rem;
	text-transform: capitalize;
	margin-bottom: 5px;
	line-height: 1.125;
}
.delivery {
	background-color: black;
	color: white;
	padding: 5px;
    width: 60%;
	font-size: 15px;
	text-align: center;
}
.cart_head_line,
.sub_cart_head_line {
	word-break: break-word;
}

span.price-large {
	font-size: 1.6rem;
	font-weight: 700;
}

span.price-cross {
	text-decoration: line-through;
	margin: 0px 10px;
	font-size: 1rem;
}

/* own car slider property */
/* End own car slider property */
/* Filter Page Navigation bar */
.filter {
	position: absolute;
}

.open-filter {
	left: -50%;
	transition: 0.7s ease-in-out;
	transition-timing-function: linear;
}
div#myBtnContainer{

}
.filter-top{

}
#filer-top-name{
    margin-top: -42px;
}
#filer-top{
	
}
.filter-h4{
	font-size: 14px;
}
.close {
	cursor: pointer;
}

/* End Filter Page Navigation bar */
/* Offer-badge */
.offer-badge {
	background-color: red;
	font-family: var(--default-fonts);
	font-weight: 100 !important; 
}

/* Prodocut Page Filter  */
.filter_product_desc{
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    font-family: var(--default-fonts);
    padding: 5px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    direction: ltr;
    text-align: left;
    margin-left: 0px !important;
    text-transform: capitalize;
}
.filter-price{
  font-size: 12px;
  font-family: var(--default-fonts);
}
.filter-price-old{
  font-size: 12px;
  font-family: var(--default-fonts);
}
.is-price-box {
	text-align: center;
	color: rgb(0 0 0);
	font-family: var(--default-fonts);
}
.w-fitcontent{
	width: fit-content;
}
.index-content{
	font-family: var(--default-fonts);
}
.sep-head{
	font-family: var(--default-fonts);
}
.courier-name{
	font-style: italic;
}
.courier-name::before{
	background-image: url('images/brand/1667917445.png');
}
.info-product {
    background-color: #ff00881a;
    padding: 1px 0px 10px 0px;
}

@media screen and (min-width: 1088px) {
	.navbar-end {
		justify-content: flex-end;
		margin-left: auto;
	}

	.navbar,
	.navbar-menu,
	.navbar-start,
	.navbar-end {
		align-items: stretch;
		display: flex;
	}
}

/* ===========media 768===== */
@media only screen and (max-width: 768px) {
	.exer {
		height: 30vh;
	}

	.navbar>.container-fluid {
		display: flex;
		flex-wrap: inherit;
		align-items: center;
		justify-content: start !important;
	}
	.d-mds-none {
		display: none;
	}

	.flex-xs-content {
		display: contents !important;
	}
}

.top-header {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: baseline;
}

@media only screen and (max-width: 600px) {
	.d-xs-none {
		display: none !important;
	}

	.top-header {
		display: contents !important;
	}
}

.search {
	font-size: 25px !important;
	padding-left: 10px;
	position: relative;
	margin-left: -2px;
	background-color: ##de2572;
	padding-right: 10px;
	padding-top: 0px;
	border-radius: 1px 6px 6px 1px;
}

.tgle_class {
	font-size: 12px;
}

@media only screen and (max-width: 600px) {
	.d-xs-none {
		display: none;
	}

	.top-header {
		display: contents;
	}

	.navbar-toggler {
		display: none;
	}

	.mobile_hide {
		display: none !important;
	}

	.navbar>.container-fluid {
		flex-wrap: inherit;
		align-items: flex-start !important;
		justify-content: left !important;
	}

	header.section-header.pt-3.text-white {
		padding: 0px !important;
		padding-top: 0px !important;
		margin: 0px !important;
	}

	.col-sm-12 {
		width: 100% !important;
	}
}