/******************************************************************
  Template Name: Ashion
  Description: Ashion ecommerce template
  Author: Colorib
  Author URI: https://colorlib.com/
  Version: 1.0
  Created: Colorib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Categories Section
5.  Product Section
6.  Banner Section
7.  Countdown Section
8.  Instagram
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Montserrat", sans-serif;
	-webkit-font-smoothing: antialiased;
	scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 14px;
	font-family: "Montserrat", sans-serif;
	color: #3b3a3a;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/
.section-title {
	margin-bottom: 45px;
	text-align: center; /* ensures heading itself is centered */
}

.section-title h4 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}

.section-title h4::after {
	position: absolute;
	content: "";
	left: 50%;
	bottom: -6px;
	height: 2px;
	width: 70px;
	background: #ca1515;
	transform: translateX(-50%);
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 12px 30px 10px;
	color: #ffffff;
	background: #ca1515;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	background: #ca1515;
	font-weight: 600;
	border: none;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 30px;
	border-radius: 50px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #ffffff;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

.spacial-controls {
	position: fixed;
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	z-index: 999;
}

.spacial-controls .search-switch {
	display: block;
	height: 100%;
	padding-top: 30px;
	background: #323232;
	text-align: center;
	cursor: pointer;
}

.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #ffffff;
	z-index: 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width: 500px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #dddddd;
	background: 0 0;
	color: #999;
}

.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	line-height: 28px;
	top: 30px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*---------------------
  Header
-----------------------*/

/* ================= HEADER BASE ================= */

.header {
	background: #ffffff;
	box-shadow: 0px 5px 10px rgba(91, 91, 91, 0.1);
}

/* Align all columns vertically */
.header .row {
	align-items: center;
}

/* ================= LOGO ================= */

.header__logo {
	padding: 0;
}

.header__logo a {
	display: inline-block;
}

.header__logo img {
	height: 100px;        /* 🔼 increased logo size */
	width: auto;
	max-width: 200px;
	object-fit: contain;
	display: block;
}

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

.header__menu {
	padding: 0;
}

.header__menu ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 40px;
	position: relative;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li a {
	font-size: 15px;
	text-transform: uppercase;
	color: #111111;
	font-weight: 500;
	display: block;
	padding: 5px 0;
	position: relative;
}

/* Active & Hover underline */
.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #ca1515;
	content: "";
	transition: all 0.3s;
	transform: scale(0);
}

.header__menu ul li.active a:after,
.header__menu ul li:hover a:after {
	transform: scale(1);
}

/* Dropdown */
.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 35px;
	width: 150px;
	background: #111111;
	padding: 5px 0;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 9;
}

.header__menu ul li:hover .dropdown {
	opacity: 1;
	visibility: visible;
	top: 28px;
}

.header__menu ul li .dropdown li {
	display: block;
	margin: 0;
}

.header__menu ul li .dropdown li a {
	font-size: 14px;
	color: #ffffff;
	padding: 8px 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

/* ================= RIGHT SECTION ================= */

.header__right {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.header__right__auth {
	display: flex;
	align-items: center;
	margin-right: 25px;
}

.header__right__auth a {
	font-size: 12px;
	color: #666666;
	margin-right: 8px;
	position: relative;
}

.header__right__auth a:last-child {
	margin-right: 0;
}

.header__right__auth a:after {
	content: "/";
	position: absolute;
	right: -8px;
	top: -2px;
	font-size: 13px;
}

.header__right__auth a:last-child:after {
	display: none;
}

.header__right__widget {
	display: flex;
	align-items: center;
}

.header__right__widget li {
	list-style: none;
	font-size: 18px;
	color: #111111;
	margin-right: 20px;
	cursor: pointer;
}

.header__right__widget li:last-child {
	margin-right: 0;
}

.header__right__widget li a {
	font-size: 18px;
	color: #111111;
	position: relative;
}

.header__right__widget li a .tip {
	position: absolute;
	right: -12px;
	top: -10px;
	height: 18px;
	width: 18px;
	background: #111111;
	font-size: 10px;
	color: #ffffff;
	line-height: 18px;
	text-align: center;
	border-radius: 50%;
}

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

/* Tablet */
@media (max-width: 991px) {
	.header__logo img {
		height: 65px;
	}

	.header__menu ul {
		justify-content: flex-start;
	}
}

/* Mobile */
@media (max-width: 575px) {
	.header__logo {
		text-align: center;
	}

	.header__logo img {
		height: 55px;
	}

	.header__right {
		justify-content: center;
		margin-top: 10px;
	}
}

/* ================= OFFCANVAS ================= */

.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}

/*---------------------
  Banner
-----------------------*/

.banner {
	height: 500px;
}

.banner__text span {
	font-size: 18px;
	color: #ca1515;
	text-transform: uppercase;
}

.banner__text h1 {
	font-size: 80px;
	color: #111111;
	font-family: "Cookie", cursive;
	margin-bottom: 15px;
}

.banner__text a {
	font-size: 14px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	padding: 0 0 3px;
	display: inline-block;
}

.banner__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #ca1515;
	content: "";
}

.banner__slider {
	text-align: center;
	padding: 150px 0 0;
}

.banner__slider.owl-carousel .owl-dots {
	position: absolute;
	left: 0;
	top: 430px;
	width: 100%;
	text-align: center;
}

.banner__slider.owl-carousel .owl-dots button {
	height: 12px;
	width: 12px;
	background: #a1a1a1;
	border-radius: 50%;
	margin-right: 10px;
}

.banner__slider.owl-carousel .owl-dots button.active {
	background: #ca1515;
}

.banner__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

/*---------------------
  Trend
-----------------------*/

.trend {
	padding-top: 80px;
	padding-bottom: 50px;
}

.trend__content .section-title h4 {
	font-size: 20px;
}

.trend__content .section-title h4:after {
	bottom: -6px;
}

.trend__item {
	overflow: hidden;
	margin-bottom: 35px;
}

.trend__item__pic {
	float: left;
	margin-right: 25px;
}

.trend__item__text {
	overflow: hidden;
}

.trend__item__text h6 {
	font-size: 14px;
	color: #111111;
	margin-bottom: 5px;
}

.trend__item__text .rating {
	line-height: 18px;
	margin-bottom: 6px;
}

.trend__item__text .rating i {
	font-size: 10px;
	color: #e3c01c;
	margin-right: -4px;
}

.trend__item__text .rating i:last-child {
	margin-right: 0;
}

.trend__item__text .product__price {
	color: #111111;
	font-weight: 600;
}

.trend__item__text .product__price span {
	font-size: 14px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 4px;
}

/*---------------------
  Discount
-----------------------*/
/* -----------------------------
   Bulk Manufacturing Section
--------------------------------*/

.discount__pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Right content box */
.discount__text {
	background: #f7f7f7;
	height: 390px;
	padding: 70px 80px 45px;
	text-align: center;
}

/* CTA */
.discount__text a {
	font-size: 14px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	padding-bottom: 4px;
	display: inline-block;
	letter-spacing: 1px;
}

.discount__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #ca1515; /* corporate blue */
	content: "";
}

/* Title block */
.discount__text__title {
	text-align: center;
	position: relative;
	z-index: 1;
	margin-bottom: 45px;
}

.discount__text__title:after {
	position: absolute;
	left: 50%;
	top: -30px;
	height: 165px;
	width: 165px;
	background: #ffffff;
	content: "";
	border-radius: 50%;
	z-index: -1;
	margin-left: -82.5px;
}

/* Subtitle */
.discount__text__title span {
	font-size: 12px;
	color: #555;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Main heading */
.discount__text__title h2 {
	font-size: 42px;
	color: #ca1515;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 10px;
	font-family: inherit; /* removed fashion font */
}

/* MOQ / Highlight line */
.discount__text__title h5 {
	color: #111111;
	font-weight: 600;
	font-size: 16px;
}

.discount__text__title h5 span {
	font-size: 13px;
	color: #666;
	margin-right: 6px;
}

/* Info blocks */
.discount__countdown {
	text-align: center;
	margin-bottom: 20px;
	clear: both;
}

.countdown__item {
	margin-bottom: 10px;
	float: left;
	width: 25%;
}

.countdown__item span {
	font-size: 22px;
	font-weight: 700;
	color: #111111;
	display: block;
}

.countdown__item p {
	color: #666;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
/*---------------------
  Services
-----------------------*/

.services {
	padding-top: 80px;
	padding-bottom: 50px;
}

.services__item {
	padding-left: 65px;
	position: relative;
	margin-bottom: 20px;
}

.services__item i {
	font-size: 36px;
	color: #ca1515;
	position: absolute;
	left: 0;
	top: 4px;
}

.services__item h6 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 5px;
}

.services__item p {
	margin-bottom: 0;
}

/*---------------------
  Instagram
-----------------------*/

.instagram__item {
	height: 320px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.instagram__item:hover:after {
	opacity: 1;
}

.instagram__item:hover .instagram__text {
	opacity: 1;
	visibility: visible;
}

.instagram__item:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	content: "";
	opacity: 0;
	z-index: -1;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.instagram__text {
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.instagram__text i {
	font-size: 30px;
	color: #0d0d0d;
}

.instagram__text a {
	font-size: 16px;
	color: #0d0d0d;
	font-weight: 500;
	display: block;
	margin-top: 10px;
}

/*---------------------
  Footer
-----------------------*/

.footer {
	padding-top: 55px;
	background-color: #d2989d;
}

.footer__about {
	margin-bottom: 30px;
}

.footer__about p {
	margin-bottom: 20px;
}

.footer__logo {
	margin-bottom: 20px;
}

.footer__payment a {
	margin-right: 6px;
	margin-bottom: 10px;
	display: inline-block;
}

.footer__payment a:last-child {
	margin-right: 0;
}

.footer__widget {
	margin-bottom: 30px;
}

.footer__widget h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.footer__widget ul li {
	list-style: none;
}

.footer__widget ul li a {
	font-size: 14px;
	color: #3b3a3a;
	line-height: 30px;
}

.footer__newslatter {
	margin-bottom: 30px;
}

.footer__newslatter h6 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.footer__newslatter form {
	position: relative;
	margin-bottom: 30px;
}

.footer__newslatter form input {
	height: 52px;
	width: 100%;
	border: 1px solid #e1e1e1;
	border-radius: 50px;
	padding-left: 30px;
	font-size: 14px;
	color: #ffffff;
}

.footer__newslatter form input::-webkit-input-placeholder {
	color: #ffffff;
}

.footer__newslatter form input::-moz-placeholder {
	color: #ffffff;
}

.footer__newslatter form input:-ms-input-placeholder {
	color: #ffffff;
}

.footer__newslatter form input::-ms-input-placeholder {
	color: #ffffff;
}

.footer__newslatter form input::placeholder {
	color: #ffffff;
}

.footer__newslatter form button {
	position: absolute;
	right: 4px;
	top: 4px;
}

.footer__social a {
	display: inline-block;
	height: 40px;
	width: 40px;
	background: #e1e1e1;
	font-size: 15px;
	color: #111111;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	margin-right: 6px;
	margin-bottom: 5px;
}

.footer__social a:last-child {
	margin-right: 0;
}

.footer__copyright__text {
	border-top: 1px solid #e1e1e1;
	padding: 18px 0 25px;
	text-align: center;
	margin-top: 35px;
}

.footer__copyright__text p {
	margin-bottom: 0;
}

.footer__copyright__text a {
	color: #ffffff;
}

.footer__copyright__text i {
	color: #ca1515;
}

.footer__copyright__text a:hover {
	color: #ca1515;
}

.footer__about p a {
    color: #ca1515; /* matches your theme */
    text-decoration: none;
}

.footer__about p a:hover {
    text-decoration: underline;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	padding-top: 35px;
}

.breadcrumb__links a {
	font-size: 15px;
	font-weight: 500;
	color: #111111;
	margin-right: 18px;
	display: inline-block;
	position: relative;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -14px;
	top: 0;
	content: "";
	font-family: "FontAwesome";
}

.breadcrumb__links a i {
	margin-right: 5px;
}

.breadcrumb__links span {
	font-size: 15px;
	font-weight: 500;
	color: #888888;
	display: inline-block;
}

/*---------------------
  Categories
-----------------------*/

.categories {
	overflow: hidden;
	margin-top: 10px;
}

.categories .container-fluid {
	padding-right: 5px;
}

.categories__item {
	height: 314px;
	display: flex;
	align-items: center;
	padding-left: 30px;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
	background-size: cover;
	background-position: center;
}

/* Large Category */
.categories__item.categories__large__item {
	height: 638px;
	padding-left: 70px;
}

.categories__item.categories__large__item .categories__text {
	max-width: 450px;
	padding: 35px 40px;
}

/* ✅ Glassy Text Box */
.categories__text {
	background: rgba(255, 255, 255, 0.35);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: 22px 28px;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
	max-width: 90%;
}

/* Typography */
.categories__text h1 {
	font-family: "Cookie", cursive;
	color: #111111;
	margin-bottom: 8px;
	font-size: 50px;
	font-weight: 700;
}

.categories__text h4 {
	color: #111111;
	font-weight: 700;
}

.categories__text p {
	margin-bottom: 12px;
	color: #222;
	font-weight: 500;
}

/* Link Style */
.categories__text a {
	font-size: 14px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	padding-bottom: 3px;
	display: inline-block;
}

.categories__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #ca1515;
	content: "";
}

/*---------------------
  Product
-----------------------*/
.product {
	padding-top: 60px;
	padding-bottom: 50px;
  }
  
  /* Filter controls */
  .filter__controls {
	text-align: right;
	margin-bottom: 50px;
  }
  
  .filter__controls li {
	font-size: 14px;
	list-style: none;
	display: inline-block;
	color: #111111;
	margin-right: 35px;
	position: relative;
	cursor: pointer;
  }
  
  .filter__controls li:last-child {
	margin-right: 0;
  }
  
  .filter__controls li:after {
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 2px;
	width: 100%;
	background: #ca1515;
	content: "";
	opacity: 0;
  }
  
  .filter__controls li.active:after {
	opacity: 1;
  }
  
  /* Product card */
  .product__item {
	margin-bottom: 35px;
  }
  
  .product__item:hover .product__hover li {
	opacity: 1;
	top: 0;
  }
  
  /* Product image */
  .product__item__pic {
	height: 290px;
	position: relative;
	overflow: hidden;
  }
  
  /* Labels (PDF-based) */
  .product__item__pic .label {
	font-size: 11px;
	color: #ffffff;
	font-weight: 500;
	padding: 3px 10px;
	text-transform: uppercase;
	position: absolute;
	left: 10px;
	top: 10px;
	border-radius: 3px;
  }
  
  .product__item__pic .label.new {
	background: #36a300; /* Ready Stock */
  }
  
  .product__item__pic .label.stockout {
	background: #111111;
  }
  
  .product__item__pic .label.stockblue {
	background: #0066bd;
  }
  
  .product__item__pic .label.sale {
	background: #ca1515;
  }
  
  /* Hover icons */
  .product__hover {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 30px;
	text-align: center;
  }
  
  .product__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 100px;
	opacity: 0;
  }
  
  .product__hover li:last-child {
	margin-right: 0;
  }
  
  .product__hover li a {
	font-size: 18px;
	color: #111111;
	display: block;
	height: 45px;
	width: 45px;
	background: #ffffff;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	transition: all 0.5s;
  }
  
  .product__hover li:hover a {
	background: #ca1515;
  }
  
  .product__hover li:hover a span {
	color: #ffffff;
	transform: rotate(360deg);
	transition: all 0.3s;
  }
  
  /* Product text */
  .product__item__text {
	text-align: center;
	padding-top: 20px;
  }
  
  .product__item__text h6 {
	font-size: 14px;
	color: #111111;
	margin-bottom: 10px;
	font-weight: 600;
  }
  
  /* 🔴 REMOVE rating & price (kept empty intentionally) */
  .product__item__text .rating,
  .product__item__text .product__price {
	display: none;
  }
  
  /* ✅ PDF-based meta info */
  .product__meta {
	font-size: 13px;
	color: #555;
	line-height: 1.6;
	margin-bottom: 12px;
  }
  
  .product__meta span {
	display: block;
  }
  
  /* Enquiry CTA */
  .inquiry-btn {
	display: inline-block;
	font-size: 12px;
	padding: 7px 16px;
	background: #111111;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.3s;
  }
  
  .inquiry-btn:hover {
	background: #ca1515;
	color: #ffffff;
  }
  

/*  */
/* Men & Women Alternate Section */
.gender-alt {
	padding: 80px 0;
  }
  
  /* Content */
  .gender__content span {
	color: #ca1515;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
  }
  
  .gender__content h2 {
	font-size: 40px;
	margin: 15px 0;
  }
  
  .gender__content p {
	color: #666;
	margin-bottom: 25px;
  }
  
  /* Slider Wrapper */
  .gender__slider {
	position: relative;
	width: 100%;
	height: 420px;
	overflow: hidden;
	border-radius: 8px;
  }
  
  /* Images */
  .gender__slider img {
	width: 100%;
	height: 420px;
	object-fit: cover;     /* 🔥 Key for proper sizing */
	border-radius: 8px;
  }
  
  /* Tablet */
  @media (max-width: 991px) {
	.gender__slider,
	.gender__slider img {
	  height: 350px;
	}
  
	.gender__content h2 {
	  font-size: 30px;
	}
  }
  
  /* Mobile */
  @media (max-width: 575px) {
	.gender__slider,
	.gender__slider img {
	  height: 260px;
	}
  
	.gender__content {
	  margin-bottom: 25px;
	  text-align: center;
	}
  
	.gender__content h2 {
	  font-size: 26px;
	}
  }
	

  /*---------------------
  FAQ Section
-----------------------*/

.faq {
	background: #f9f9f9;
  }
  
  .faq .section-title h4 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #111111;
  }
  
  .faq .section-title p {
	font-size: 15px;
	color: #666666;
	margin-bottom: 40px;
  }
  
  /* FAQ Item */
  .faq__item {
	background: #ffffff;
	border-radius: 8px;
	padding: 22px 25px;
	margin-bottom: 15px;
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
  }
  
  .faq__item:hover {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
	transform: translateY(-2px);
  }
  
  /* Question */
  .faq__item h5 {
	font-size: 17px;
	font-weight: 600;
	color: #111111;
	margin-bottom: 10px;
  }
  
  /* Answer */
  .faq__item p {
	font-size: 15px;
	line-height: 1.7;
	color: #444444;
	margin-bottom: 0;
  }
  
  /* Mobile Optimization */
  @media (max-width: 767px) {
	.faq .section-title h4 {
	  font-size: 24px;
	}
  
	.faq__item {
	  padding: 18px 20px;
	}
  
	.faq__item h5 {
	  font-size: 16px;
	}
  
	.faq__item p {
	  font-size: 14px;
	}
  }