@import url('./colorVariables.css');
@import url('./button.css');
@import url('./form.css');
@import url('../font/josefinSans/stylesheet.css');


html{
	overflow-x: hidden;
}
body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  font-family: 'Josefin Sans';
  overflow-x: hidden !important;
}
/* ------------------
         Base css
  --------------------- */
.container {
  max-width: 1440px;
  padding: 0 40px;
}
.container-fluid{
	padding: 0 60px;
}
.bg_style {
  background-size: cover;
  background-repeat: no-repeat;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
p{
	font-size: 16px;
}
.py_80{
	padding: 80px 0;
}
.py_60{
	padding: 60px 0;
}
.btn{
	font-size: 16px;
	font-weight: 700;
	padding: 10px 20px;
	border-radius: 12px;
}
.btn.btn_flex{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}
.btn.btn-sm{
	font-size: 14px;
    font-weight: 500;
	padding: 6px 11px;
    border-radius: 9px;
}
.header_action .btn.buy_btn i{
	line-height: 0;
	color: #fff;
}
a{
	text-decoration: none;
}
.tittle_head{
	text-align: center;
	margin-bottom: 40px;
}
.tittle_head h2{
	font-size: 24px;
    font-weight: 700;
    color: var(--bs-primary-text-emphasis);
	text-transform: capitalize;
    margin-bottom: 8px;
}
.tittle_head p{
	font-size: 18px;
	margin-bottom: 0;	
}

.main_header .navbar-brand img{
	width: 60px;
}
.main_header .navbar{
	padding: 10px 0;
}
.main_header .navbar-nav .nav-link{
	font-size: 14px;
	font-weight: 500;
    padding: 10px 18px;
	color: var(--bs-heading-color);
}
.main_header .navbar-nav .nav-link:hover{
	color: var(--bs-primary-text-emphasis);
}
.header_action{
	display: flex;
	align-items: center;
	position: relative;
    top: 1px;
}
.header_action>li{
	padding: 0 14px;
	border-left: 1px solid rgb(54 54 54 / 10%);
}
.header_action>li:first-child{
	border-left: none;
	padding-left: 0;
}
.header_action a{
	display: flex;
}
.header_action i{
	color: var(--bs-body-color);
	line-height: 0;
}
.main_header .dropdown-menu .dropdown-item{
	font-size: 14px;
	font-weight: 500;
    padding: 10px 18px;
	color: var(--bs-heading-color);
}
.main_header .dropdown-menu .dropdown-item:hover{
	color: var(--bs-primary-text-emphasis);
}
.count_badge{
	position: absolute;
	display: inline-block;
	border-radius: 30px;
	background-color: var(--bs-primary);
	color: #fff;
	top: -10px;
    right: -10px;
	font-size: 12px;
	min-width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}


.hero_banner_img{
	aspect-ratio: 21 / 9;
}
.hero_banner_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.suggestion_cloths{
	padding: 40px 0 40px;
}

.suggestion_cloths_flex{
	display: flex;
	justify-content: center;
	gap: 24px;
}
.suggestion_cloths_outer{
	padding: 3px;
	border-radius: 50%;
	box-shadow: rgba(52, 52, 52, 0.314) 0px 2px 1px 0px, rgba(188, 42, 141, 0.314) 0px -2px 1px 0px, rgba(52, 52, 52, 0.314) 2px 0px 1px 0px, rgba(188, 42, 141, 0.5) -2px 0px 1px 0px, rgba(52, 52, 52, 0.5) 2px -2px 1px 0px, rgba(52, 52, 52, 0.855) -2px 2px 1px 0px, rgba(188, 42, 141, 0.855) 2px 2px 1px 0px, rgba(52, 52, 52, 0.855) -2px -2px 1px 0px;
	
}
.suggestion_cloths_img{
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	height: 80px;
}
.suggestion_cloths_img img,.suggestion_cloths_img video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.suggestion_cloths_img img{
	object-position: top;
}
.suggestion_cloths_txt{
	margin-top: 16px;
	text-align: center;
}
.suggestion_cloths_txt p{
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 0;
}
.suggestion_cloths_txt p span{
	display: block;
}

.best_seller{
	padding: 60px 0 30px;
}
.fancy_bg{
	padding: 15px 10px 14px;
	margin-bottom: 40px;
}
.fancy_tittle{
	text-align: center;
}
.fancy_tittle h2{
	font-size: 34px;
    font-weight: 900;
	color: #fff;
	margin-bottom: 0;
}
.fancy_tittle p{
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
}
.best_seller .happy_customer_img{
	aspect-ratio: 4 / 5;
}	
.best_seller .happy_customer_img img{
	object-position: top;
}
.size_list{
	position: absolute;
	bottom: 20px;
	display: flex;
	gap: 12px;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s ease-in-out;
}
.size_list li a{
	width: 36px;
	height: 36px;
	font-size: 12px;
	font-weight: 700;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	color: var(--bs-heading-color);
}
.best_seller .happy_customer_card:hover .size_list{
	opacity: 1;
	visibility: visible;
	transition: 0.5s ease-in-out;
}
.view_list{
	position: absolute;
	top: 20px;
	display: flex;
	gap: 12px;
	right: 20px;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s ease-in-out;
}
.view_list li a{
	width: 36px;
	height: 36px;
	font-size: 12px;
	font-weight: 700;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	color: var(--bs-heading-color);
}
.view_list li a i.bi{
	line-height: 0;
	font-size: 16px;
}
.view_list li a i.bi-link-45deg{
	font-size: 20px;
}
.view_list li a i.bi-eye{
	font-size: 18px;
}
.best_seller .happy_customer_card:hover .view_list{
	opacity: 1;
	visibility: visible;
	transition: 0.5s ease-in-out;
}

.founder_container{
	max-width: 1620px;
	margin: 0 auto;
}
.founder_img img{
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.founder_txt{
	max-width: 620px;
}
.founder_txt h2{
	font-size: 24px;
    font-weight: 700;
    color: var(--bs-primary-text-emphasis);
    text-transform: capitalize;
    margin-bottom: 8px;
}
.founder_txt p{
	font-size: 16px;
	color: var(--bs-heading-color);
	margin-bottom: 0;
}
.founder_txt h3{
	font-size: 18px;
	margin-top: 30px;
}
.founder_content{
	display: flex;
	align-items: center;
	padding: 20px 40px;
}
.happy_customer{
	background-color: #fff;
}
.happy_customer_img{
	position: relative;
	/* aspect-ratio: 9 / 16;    */
	aspect-ratio: 4 / 5;   
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid pink;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
	margin: 0 auto;
}
.happy_customer_img img,.happy_customer_img video{
	width: 100%;
	height: 100%;
	object-fit: cover;      
	display: block;
	border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
	padding: 6px;
}
.slider_pagination{
	position: unset;
	margin-top: 20px;
}
.swiper-pagination-bullet{
	width: 8px;
	height: 8px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: var(--bs-primary);
	transform: scale(1.4);
}
.happy_customer_card.happy_customer_chhavi img{
	position: absolute;
	padding: 10px;
}
.happy_customer_card{
	transition: opacity 0.5s ease-in-out;
}
.happy_customer_card img.with_hover{
	opacity: 0;
	visibility: visible;
	transition: opacity 0.5s ease-in-out;
}
.happy_customer_card:hover img.with_hover{
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s ease-in-out;
	/* transition: transform 500ms ease; */
	/* transform: scale(1.03); */
}
.happy_customer_card:hover img.without_hover{
	opacity: 0;
	visibility: visible;
	transition: opacity 0.5s ease-in-out;
}
.happy_customer_txt{
	padding: 20px 0 0;
}
.happy_customer_txt h3{
	font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}
.happy_customer_txt p{
	color: var(--bs-primary-text-emphasis);
	margin-bottom: 0;
}
.delivery_sec{
	padding: 16px 0;
}
.delivery_card_flex{
	display: flex;
    justify-content: space-between;
    max-width: 700px;
    margin: 0 auto;
}
.delivery_card{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 16px;
}
.delivery_icon{
	background-color: #ffb7d3;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.delivery_icon i{
	font-size: 28px;
	color: var(--bs-heading-color);
	line-height: 0;
}
.delivery_icon i.bi-truck{
	font-size: 32px;
}
.delivery_icon i.bi-calendar-check{
	font-size: 26px;
}
.delivery_card .delivery_txt h3{
	font-size: 13px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 0.3px;
	margin-bottom: 0;
}
.delivery_card .delivery_txt h3 span{
	display: block;
}
.videoSlider .happy_customer_img{
	border: none;
	border-radius: 0;
	box-shadow: unset;
	aspect-ratio: 4 / 7;
}
.videoSlider .happy_customer_img video{
	padding: 0;
	border-radius: 0;
}
/* .shop_look .container{
	max-width: 1200px;
	margin: 0 auto;
} */

/* footer */
.news_letter{
	padding: 40px 0 40px;
	border-bottom: 1px solid rgb(54 54 54 / 10%);
}
.news_letter_flx{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}
.news_letter_txt h3{
	font-size: 24px;
	font-weight: 600;
	color: var(--bs-primary-text-emphasis);
	margin-bottom: 10px;
}
.news_letter_txt p{
	margin-bottom: 0;
}
.news_letter_txt{
	max-width: 500px;
}
.news_letter_subscribe{
	flex: 1;
}
.news_letter_input{
	background-color: #fff;
	border-radius: 10px;
	padding: 4px 4px;
	display: flex;
	align-items: stretch;
	border-radius: 12px;
}
.news_letter_input input{
	border: none;
	background-color: transparent;
}
.news_letter_subscribe{
	max-width: 500px;
}
.footer_logo img{
	width: 100px;
}
.footer_bottom{
	padding: 40px 0 40px;
}
.footer_logo{
	margin-bottom: 20px;
}
.office_address{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.office_address li{
	display: flex;
	gap: 12px;
}
.office_address li i{
	color: var(--bs-primary-text-emphasis);
}
.office_address li p{
	margin-bottom: 0;
}
.footer_head h3 {
    font-size: 20px;
    font-weight: 600;
	margin-bottom: 10px;
}
.footer_link li a {
    display: block;
    padding: 8px 0;
	color: var(--bs-body-color);
	transition: all 0.3s;
}
.footer_link li a:hover{
	color: var(--bs-primary-text-emphasis);
	transition: all 0.3s;
}
.footer_grid{
	display: grid;
	grid-template-columns: repeat(5,1fr);
}
.copy_right{
	padding: 30px 0;
	border-top: 1px solid rgb(54 54 54 / 10%);
}
.copy_right_txt p{
	margin-bottom: 0;
}
.copy_right_flx{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.payment_card_list{
	display: flex;
	align-items: center;
	gap: 12px;
}
.payment_card_list li{
	padding: 0 10px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid var(--bs-border-color);
}

.inner_banner{
	padding: 140px 0 140px;
	text-align: center;
  }
  .inner_banner_txt h1{
	color: #fff;
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 0;
  }
  .all_hotel_filter{
	background-color: #fddede;
	border: 1px solid #ffc1db;
	padding: 17px 16px;
	border-radius: 16px;
  }
  .filter_head h2{
	padding: 20px 0;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0;
  }
  .all_hotel_filter_head h2{
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 0;
	padding: 0 0 16px;
	border-bottom: 1px solid rgb(255 255 255 / 65%);
  }
  .filter_head ul li{
	display: flex;
	justify-content: space-between;
	gap:12px;
	padding-bottom: 10px;
  }
  .filter_head ul li:last-child{
	padding-bottom: 0;
  }
  .filter_head ul li .form-check{
	margin-bottom: 0;
	font-size: 16px;
	  font-weight: 500;
	  color: #737373;
  }
  .number_filtter p{
	margin-bottom: 0;
  }
  .form-check-input:checked{
	background-color: #ff3086;
	border-color: #ff3086 ;
  }
  .all_hotel{
	padding: 80px 0 50px;
  }
  .all_hotel .hotel_card.hotel_card_vertical .hotel_card_img{
	height: 216px;
  }

.inner_banner_overlay{
	position: relative;
}
.inner_banner_overlay::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 32%);
}
.inner_banner_overlay .inner_banner_txt{
	position: relative;
	z-index: 1;
}
  /* ===== LEFT SIDE ===== */

.product_main{
    height:600px;
}

.product_main img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;
}

.thumb_slider{
    height:600px;
}

.thumb_slider .swiper-slide{
    height:120px !important;
    opacity:.5;
    cursor:pointer;
}

.thumb_slider .swiper-slide-thumb-active{
    opacity:1;
}

.thumb_slider img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:8px;
}

/* ===== RIGHT SIDE ===== */

.size_btn{
    border:1px solid #ddd;
	padding: 5px 16px;
    border-radius: 10px;
    background:#fff;
	color: var(--bs-heading-color);
    cursor:pointer;
}

.size_btn.active{
    background:var(--bs-primary-text-emphasis);;
    color:#fff;
}

.qty_box{
    display:flex;
    align-items:center;
    border:1px solid #ddd;
    width:120px;
    height:45px;
}

.qty_box button{
    border:none;
    background:none;
    width:40px;
}

.qty_box input{
    border:none;
    text-align:center;
    width:40px;
}


.express_box{
    background:#fde6ef;
    padding:15px;
    border-radius:8px;
    margin:20px 0;
}
.product_single_details h2{
	font-size: 26px;
    font-weight: 600;
	margin-bottom: 16px;
}
.product_single_price{
	color: var(--bs-primary-text-emphasis);
	font-size: 32px;
    font-weight: 600;
	margin-bottom: 20px;
}
.tax_included{
	margin-bottom: 16px;
}
.select_size {
	margin-bottom: 20px;
}
.select_size h6{
	font-size: 18px;
    font-weight: 600;
	margin-bottom: 4px;
}
.product_name{
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.checkout_sec{
	background-color: #f8f8f8;
}
.common_card{
	background-color: #fff;
	border-radius: 10px;
	padding: 24px 24px;
}
.your_cart_card{
	position: sticky;
	top: 0;
}


.shopping_cart {
	/* max-width: 1100px;
	margin: auto; */
  }
  
  /* Column Labels */
  .column_labels {
	display: flex;
	font-weight: 600;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
  }
  
  .column_labels label {
	flex: 1;
	color: #aaa;
  }
  
  .product_image { flex: 1; }
  .product_details { flex: 2; }
  .product_price { flex: 1; }
  .product_quantity { flex: 1; }
  .product_removal { flex: 1; }
  .product_line_price { flex: 1; text-align: right; }
  
  /* Product Row */
  .product {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
  }
  .product .product_image_view{
	max-width: 66px;
    width: 100%;
	  height: 100px;
  }
  .product .product_image_view img {
	  width: 100%;
	height: 100%;
	object-fit: cover;
  }
  
  .product_title {
	font-weight: 600;
  }
  
  .product_description {
	font-size: 14px;
	color: #666;
  }
  
  .product_price::before,
  .product_line_price::before,
  .totals_value::before {
	content: "$";
  }
  
  .product_quantity input {
	width: 60px;
	padding: 5px;
  }
  .flex-grow-2{
	  flex-grow: 2 !important;
  }
  
  .remove_product {
	border: none;
	padding: 6px 12px;
	background: #e31f13;
	color: white;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s;
  }
  
  .remove_product:hover {
	background: #a7170f;
	transition: all 0.3s;
  }
  
  /* Totals */
  .totals {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	max-width: 400px;
	margin-left: auto;
  }
  
  .totals_item {
	display: flex;
	justify-content: space-between;
	width: 100%;
  }
  
  .totals_item_total {
	font-weight: bold;
	font-size: 18px;
  }
  

  
  
  .shopping_sec{
	background-color: #f8f8f8;
  }

  .n_contact_sec{
	background-color: #f8f8f8;
}
.n_contact_sec .n_tittle_head_flex{
	/* padding-right: 90px; */ 
}
.n_contact_sec .n_tittle_head{
	max-width: 578px;
}
.n_contact_list{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.n_contact_list h3{
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 0;
}
.n_contact_list h3 i{
	color: var(--bs-primary-text-emphasis);
	font-size: 20px;
}
.n_contact_social{
	display: flex;
	align-items: center;
	gap: 10px;
}
.n_contact_social a{
	/* background-color: #053739; */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 6px;
}
.n_contact_social a i{
	color: var(--bs-body-color);
	font-size: 16px;
	line-height: 0;
}

.heroVideoSwiper{
	position: relative;
}
.heroVideoSwiper .swiper-pagination{
	position: absolute;
	bottom: 18px;
}
.privacy_policy_txt h4{
	font-size: 18px;
	margin-bottom: 6px;
}
.privacy_policy_txt p{
	margin-bottom: 0;
}

/* Responsive */
  
@media (max-width:1199px){
	.py_80 {
		padding: 60px 0;
	}
}

@media (max-width:1024px){
	.py_80 {
		padding: 50px 0;
	}
	.founder_content{
		padding: 20px 24px;
	}
	.fancy_tittle h2{
		font-size: 22px;
	}
	.fancy_tittle p{
		font-size: 18px;
	}
	.best_seller{
		padding: 50px 0 30px;
	}
}

@media (max-width:991px){
	.py_80 {
		padding: 40px 0;
	}
	.tittle_head h2{
		font-size: 22px;
		margin-bottom: 4px;
	}
	.tittle_head{
		margin-bottom: 30px;
	}
	.inner_banner {
		padding: 100px 0 100px;
	}
	.inner_banner_txt h1{
		font-size: 32px;
	}
    .thumb_slider{
        height:auto;
    }
    .product_main{
        height:auto;
    }
	.news_letter_flx{
		flex-direction: column;
		gap: 22px;
	}
	.news_letter_txt{
		text-align: center;
	}
	.container{
		padding: 0 15px;
	}
	.container-fluid {
		padding: 0 15px;
	}
	.fancy_bg{
		margin-bottom: 30px;
	}
	.news_letter{
		padding: 30px 0 30px;
	}
	.news_letter_txt h3{
		font-size: 22px;
	}
	.founder_txt h2{
		font-size: 22px;
	}
	.footer_head h3{
		font-size: 18px;
	}
	.footer_link li a{
		padding: 6px 0;
	}
	.news_letter_subscribe{
		max-width: 480px;
		width: 100%;
	}
	.best_seller{
		padding: 40px 0 30px;
	}
	.fancy_bg{
		background-image: unset !important;
		padding: 0 0;
	}
	.fancy_tittle h2{
		color: var(--bs-primary-text-emphasis);
		margin-bottom: 4px;
	}
	.fancy_tittle p{
		color: var(--bs-body-color);
	}
}

@media (max-width: 768px) {
	.inner_banner {
		padding: 80px 0 80px;
	}
	.inner_banner_txt h1{
		font-size: 26px;
	}
	.fancy_tittle p,.tittle_head p{
		font-size: 16px;
	}
	.column_labels {
	  display: none;
	}
  
	.product {
	  flex-wrap: wrap;
	}
  
	.product_details {
	  flex: 1 1 100%;
	}
  
	.product_price,
	.product_quantity,
	.product_removal,
	.product_line_price {
	  flex: 1 1 45%;
	  margin-top: 10px;
	}
  
	.totals {
	  align-items: stretch;
	}
  
	.totals_item {
	  width: 100%;
	}
  
	.checkout {
	  width: 100%;
	  float: none;
	}
	.delivery_card_flex{
		flex-wrap: wrap;
		gap: 20px;
	}
	.delivery_card_items{
		flex: 0 0 calc(50% - 20px);
	}
	.founder_content{
		padding: 20px 20px;
	}
	.copy_right{
		padding: 18px 0;
	}
	.copy_right_flx{
		gap: 12px;
		flex-direction: column;
	}
	.heroVideoSwiper .swiper-pagination{
		bottom: 0;
	}
	.heroVideoSwiper .swiper-pagination-bullet{
		width: 6px;
		height: 6px;
	}
}