* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	background:#f7f7f7;
	font-family: 'Roboto', Arial, sans-serif;
}


:root {
	--ztc-text-text-1: #fff;
	--ztc-text-text-2: #0F0D0D;
	--ztc-text-text-3: #5B5D61;
	--ztc-text-text-4: #E8040F;
	--ztc-bg-bg-1: #fff;
	--ztc-bg-bg-2: #0F0D0D;
	--ztc-bg-bg-3: #E8040F;
	--ztc-bg-bg-4: #F4F4F9;
	--ztc-border-border-1: #E5E7EB;
	--ztc-border-border-2: #dfdcdc;
	--ztc-font-size-font-s10: 10px;
	--ztc-font-size-font-s12: 12px;
	--ztc-font-size-font-s14: 14px;
	--ztc-font-size-font-s16: 16px;
	--ztc-font-size-font-s18: 18px;
	--ztc-font-size-font-s20: 20px;
	--ztc-font-size-font-s22: 22px;
	--ztc-font-size-font-s24: 24px;
	--ztc-font-size-font-s26: 26px;
	--ztc-font-size-font-s28: 28px;
	--ztc-font-size-font-s30: 30px;
	--ztc-font-size-font-s32: 32px;
	--ztc-font-size-font-s34: 34px;
	--ztc-font-size-font-s36: 36px;
	--ztc-font-size-font-s38: 38px;
	--ztc-font-size-font-s40: 40px;
	--ztc-font-size-font-s42: 42px;
	--ztc-font-size-font-s44: 44px;
	--ztc-font-size-font-s46: 46px;
	--ztc-font-size-font-s48: 48px;
	--ztc-font-size-font-s50: 50px;
	--ztc-font-size-font-s52: 52px;
	--ztc-font-size-font-s54: 54px;
	--ztc-font-size-font-s56: 56px;
	--ztc-font-size-font-s58: 58px;
	--ztc-font-size-font-s60: 60px;
	--ztc-font-size-font-s62: 62px;
	--ztc-font-size-font-s64: 64px;
	--ztc-font-size-font-s66: 66px;
	--ztc-font-size-font-s68: 68px;
	--ztc-font-size-font-s70: 70px;
	--ztc-font-size-font-s72: 72px;
	--ztc-font-size-font-s10: 10px;
	--ztc-font-size-font-s12: 12px;
	--ztc-font-size-font-s14: 14px;
	--ztc-font-size-font-s16: 16px;
	--ztc-font-size-font-s18: 18px;
	--ztc-font-size-font-s20: 20px;
	--ztc-font-size-font-s22: 22px;
	--ztc-font-size-font-s24: 24px;
	--ztc-font-size-font-s26: 26px;
	--ztc-font-size-font-s28: 28px;
	--ztc-font-size-font-s30: 30px;
	--ztc-font-size-font-s32: 32px;
	--ztc-font-size-font-s34: 34px;
	--ztc-font-size-font-s36: 36px;
	--ztc-font-size-font-s38: 38px;
	--ztc-font-size-font-s40: 40px;
	--ztc-font-size-font-s42: 42px;
	--ztc-font-size-font-s44: 44px;
	--ztc-font-size-font-s46: 46px;
	--ztc-font-size-font-s48: 48px;
	--ztc-font-size-font-s50: 50px;
	--ztc-font-size-font-s52: 52px;
	--ztc-font-size-font-s54: 54px;
	--ztc-font-size-font-s56: 56px;
	--ztc-font-size-font-s58: 58px;
	--ztc-font-size-font-s60: 60px;
	--ztc-font-size-font-s62: 62px;
	--ztc-font-size-font-s64: 64px;
	--ztc-font-size-font-s66: 66px;
	--ztc-font-size-font-s68: 68px;
	--ztc-font-size-font-s70: 70px;
	--ztc-font-size-font-s72: 72px;
	--ztc-specing-height6: 6px;
	--ztc-specing-height8: 8px;
	--ztc-specing-height10: 10px;
	--ztc-specing-height12: 12px;
	--ztc-specing-height14: 114px;
	--ztc-specing-height16: 16px;
	--ztc-specing-height18: 18px;
	--ztc-specing-height20: 20px;
	--ztc-specing-height22: 22px;
	--ztc-specing-height24: 24px;
	--ztc-specing-height26: 26px;
	--ztc-specing-height28: 28px;
	--ztc-specing-height30: 30px;
	--ztc-specing-height32: 32px;
	--ztc-specing-height34: 34px;
	--ztc-specing-height36: 36px;
	--ztc-specing-height38: 38px;
	--ztc-specing-height40: 40px;
	--ztc-specing-height42: 42px;
	--ztc-specing-height44: 44px;
	--ztc-specing-height46: 46px;
	--ztc-specing-height48: 48px;
	--ztc-specing-height50: 50px;
	--ztc-specing-height52: 52px;
	--ztc-specing-height54: 54px;
	--ztc-specing-height56: 56px;
	--ztc-specing-height58: 58px;
	--ztc-specing-height60: 60px;
	--ztc-specing-height70: 70px;
	--ztc-specing-height80: 80px;
	--ztc-specing-height90: 90px;
	--ztc-specing-height100: 100px;
	--ztc-specing-height110: 110px;
	--ztc-specing-height120: 120px;
	--ztc-specing-height130: 130px;
	--ztc-weight-regular: 400;
	--ztc-weight-medium: 500;
	--ztc-weight-semibold: 600;
	--ztc-weight-bold: 700;
	--ztc-weight-black: 800;
	--ztc-family-font1: 'Host Grotesk', sans-serif;
}

.info-strip {
	background: linear-gradient(135deg, #8b1c1c, #d93a2f);
	font-size: 14px;
	color: #333;
	padding: 5px 0px;
}

.info-strip a {
	color: #fff;
	text-decoration: none;
}

.info-strip a:hover {
	text-decoration: underline;
}

.info-left span {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #fff;
}

.info-left span i {
	color: #fff;
}

.info-right {
	padding-right: 20px;
}

.info-right a {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	transition: 0.3s;
}


/* NAV BACKGROUND */

.nav-hide {
	transform: translateY(-100%);
	opacity: 0;
}

/* LOGO */
.logo-alt {
	height: 40px;
	padding: 10px 0px;
}

.logo-alt img {
	height: 40px;
	width: auto;
}

/* SEARCH BAR */
.search-wrapper {
	display: flex;
	align-items: center;
	background: #ffffff;
	height: 42px;
	width: 100%;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
	overflow: hidden;
}

/* CITY */
.search-city {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 14px;
	background: #c9ced3;
	height: 100%;
}

.search-city i {
	color: #0f2027;
}

.search-city select {
	border: none;
	outline: none;
	background: transparent;
	font-size: 13px;
}

/* INPUT */
.search-input {
	flex: 1;
}

.search-input input {
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	padding: 0 15px;
	font-size: 14px;
}

/* BUTTON */
.search-action {
	background: #c4baba;
	border: none;
	height: 100%;
	width: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	cursor: pointer;
}


/* RIGHT ICONS */
.nav-icons-alt {
	display: flex;
	gap: 24px;
	align-items: center;
}

/* Normal nav links */
.nav-icons-alt a {
	font-size: 15px !important;
	font-weight: 600;
	text-transform: uppercase;
	color: #0b1c2d;
	padding: 6px 5px;
	border-radius: 8px;
	position: relative;
	/* required for ::after */
	text-decoration: none;
	transition: color 0.3s ease;
}

/* Lining Effect */
.nav-icons-alt a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0%;
	height: 2px;
	/* underline thickness */
	background: #4f8cff;
	/* premium accent color */
	border-radius: 2px;
	transition: width 0.3s ease;
}

.nav-icons-alt a:hover::after {
	width: 60%;
	/* underline extends on hover */
}

.nav-icons-alt a:hover {
	color: #4f8cff;
	/* text color changes too */
	background: none;
	/* no background */
	box-shadow: none;
	/* no shadow */
}

/* Sign In Button – Premium Gradient & Hover */
.sign-in-btn span {
	display: inline-block;
	padding: 8px 22px;
	font-weight: 600;
	font-size: 15px;
	color: #fff;
	background: linear-gradient(135deg, #4f8cff, #3b74e6);
	border-radius: 2px;
	text-transform: none;
	box-shadow: 0 6px 16px rgba(79, 140, 255, 0.35);
	transition: all 0.3s ease;
}

.sign-in-btn span:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(79, 140, 255, 0.5);
	background: linear-gradient(135deg, #3b74e6, #4f8cff);
}

/* Profile Dropdown – Right side subtle */
.main-sign {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	margin-left: 12px;
}

/* Dropdown container */
.dropdown-sign {
	position: absolute;
	right: 0;
	top: 100%;
	width: 320px;
	background: linear-gradient(180deg, #ffffff, #f9fbff);
	border-radius: 16px;
	box-shadow: 0 25px 60px rgba(0, 0, 0, .18);
	padding: 18px;
	display: none;
	z-index: 999;
	animation: dropdownPop .25s ease;
}

.main-sign:hover .dropdown-sign {
	display: block;
}

/* Smooth appear */
@keyframes dropdownPop {
	from {
		opacity: 0;
		transform: translateY(12px) scale(.96);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

/* Profile area */
.profile-top {
	text-align: center;
	padding-bottom: 14px;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.profile-top h5 {
	font-size: 18px;
	font-weight: 700;
	color: #0b1c2d;
}

.profile-top p {
	font-size: 14px;
	color: #6b7280;
	margin-top: 3px;
}

.verified-icon {
	color: #22c55e;
	margin-left: 4px;
}

/* Menu items */
.profile-menu {
	list-style: none;
	padding: 14px 0;
	margin: 0;
}

.profile-menu li {
	margin-bottom: 6px;
}

.profile-menu a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 10px;
	color: #0b1c2d;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: all .25s ease;
}

.profile-menu a i {
	font-size: 17px;
	color: #2563eb;
}

.profile-menu a:hover {
	background: #eef3ff;
	transform: translateX(4px);
}

/* Logout button */
.logout-btn {
	width: 100%;
	border: none;
	background: linear-gradient(135deg, #ff4d4d, #ff7a7a);
	color: white;
	padding: 11px;
	border-radius: 10px;
	font-weight: 600;
	cursor: pointer;
	transition: .3s;
}

.logout-btn:hover {
	opacity: .85;
}

/* Bottom text */
.small-text {
	text-align: center;
	font-size: 12px;
	color: #666;
}

.small-text span {
	color: #8ea511;
	cursor: pointer;
	font-weight: 600;
}

/* Animation */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.signup-modal {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 99;
}

.signup-box {
	background: #fff;
	width: 450px;
	animation: popUp 0.3s ease;

}

.signup-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	background: #c20b0b;
	color: #fff;
	padding: 20px;
}

.signup-header h3 {
	margin: 0;
}

.close-modal {
	font-size: 22px;
	cursor: pointer;
}

.signup-body {
	padding: 20px;
}

.phone-input {
	display: flex;
	border: 1px solid #ddd;
	border-radius: 6px;
	overflow: hidden;
}

.phone-input span {
	background: #f1f1f1;
	padding: 10px;
	font-weight: 600;
}

.phone-input input {
	border: none;
	padding: 10px;
	flex: 1;
	outline: none;
}

.continue-btn {
	margin-top: 15px;
	width: 100%;
	padding: 10px;
	border: none;
	border-radius: 6px;
	background: #94230c;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}

@keyframes popUp {
	from {
		transform: scale(0.8);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}


@media(max-width:1100px) {
	.middle-man p {
		font-size: 10px;
		font-weight: 700;
	}
}


.hero-sec-img {
	width: 100%;
	height: 450px;
	position: relative;
	/* important for absolute positioning of buttons */
}

.hero-sec-img::after {
	content: '';
	background: rgba(0, 0, 0, 0.25);
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 450px;
	z-index: 1;
}


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

/* Buttons overlay */
/* Buttons overlay */
.hero-buttons {
	position: absolute;
	top: 80%;
	/* vertical center */
	left: 20%;
	/* horizontal center */
	transform: translate(-50%, -50%);
	display: flex;
	gap: 12px;
	z-index: 2;
}

.hero-buttons a {
	padding: 13px 20px;
	border-radius: 6px;
	font-weight: 500;
	text-decoration: none;
	transition: .3s;

}

/* Primary Button */
.btn-primary {
	background: #a90707;
	color: #fff;
	transition: 0.3s;
}

.btn-primary:hover {
	background: #ff0000;
}

/* Secondary Button */
.btn-secondary {
	background: #fff;
	color: #111827;
	transition: 0.3s;
}

.btn-secondary:hover {
	background: rgb(175, 8, 8);
	color: #ffffff;
}


/* BOX */
.offer-box {
	height: 50px;
	background: #dfe2ed;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	transition: 0.3s ease;
	border-right: 1px solid #b0b3c7;
}

.offer-box h3 {
	font-size: 14px;
	font-weight: 700;
	margin: 0;
}

.offer-box p {
	font-size: 10px;
	margin: 0;
}

/* HOVER */
.offer-box:hover {
	background: #e6efff;
	border-bottom: 2px solid #0d6efd;
}

.offer-box:hover h3,
.offer-box:hover p {
	color: #0d6efd;
}

.main-section {
	padding: 50px 0px;
}


.home-side {
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 0px;
	background: #fff;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);

}

/* Top Profile */
.homing-side {
	padding: 25px;
}

.rowing-system {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Dashboard Label */
.homing-side1 {
	padding: 15px 20px;
	background: #eef4ff;
}

.homing-side1 h4 {
	font-size: 16px;
	margin: 0;
}

/* Menu Section */

.homing-side2-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;

}

/* Menu Items */
.menu-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 20px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	transition: 0.3s;
}

.menu-item1 {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 20px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	border-top: 1px solid #a79d9d;
	transition: 0.3s;
}

.menu-item i {
	font-size: 16px;
	color: #2b7cff;
}

.menu-item:hover {
	background: #f2f6ff;
	padding-left: 25px;
}

/* Avatar */
.first-row-b h2 {
	background-color: #04275d;
	height: 45px;
	width: 45px;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.first-row-b h4 {
	font-size: 18px;
	font-weight: 700;
}


.search-box {
	background: #fff;
	padding: 15px 20px;
	border-radius: 4px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
	margin-top: 10px;
}

/* Location */
.search-location {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	gap: px;
	background: #f2f5f9;
	padding: 10px 15px;
	border-radius: 5px;
	height: 50px;
}

.search-location select {
	border: none;
	background: transparent;
	outline: none;
	font-weight: 600;

}

/* Search center */
.search-center {
	display: flex;
	align-items: center;
	background: #f2f5f9;
	border-radius: 10px;
	height: 50px;
	padding: 5px 10px 5px 18px;
}

.search-center input {
	border: none;
	background: transparent;
	outline: none;
	width: 100%;

}

.search-btn {
	border: none;
	background: transparent;
	font-size: 18px;
	padding: 0px 20px;
}

/* RFQ */
.rfq-btn {
	background: linear-gradient(135deg, #15376e, #09255a);
	color: #fff;
	padding: 12px 22px;
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	white-space: nowrap;
	transition: 0.3s;
}

.rfq-btn:hover {
	transform: scale(1.05);
}

.catergory-sec {
	margin-top: 20px;
}

.owl-category {
	width: 100%;
	background: #ffff;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.45);
	padding: 20px;
	border-radius: 10px;
}

.owl-category h2 {
	font-size: 20px;
	font-weight: 700;
}

.first-slide {
	width: 100%;
	padding: 10px 10px 10px;
	border: 1px solid #ddd;
	border-radius: 10px;
	width: fit-content;
	height: fit-content;

}

.slide-wrapper-img {
	height: 150px;
	width: 100%;
}

.slide-wrapper-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.first-slide h2 {
	font-size: 18px;
	text-align: center;
	margin: 10px 0px 30px;
}

.quotes-btn {
	text-align: center;
	width: 100%;
}

.first-slide a {
	font-size: 15px;
	text-decoration: none;
	background: #1d8480;
	padding: 7px 20px;
	color: white;
	border-radius: 5px;

}

.product-section {
	margin-top: 40px;
}


.quotes-sec {
	background: linear-gradient(135deg, #04275d, #0b3c91);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
}

.quotes-container {
	width: 100%;
	max-width: 500px;
	text-align: start;
}

.quotes-container h3 {
	color: #fff;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
}

.quotes-container h3 span {
	font-size: 30px;
	font-weight: 600;
}

.quotation-sec {
	padding: 40px 0px;
}

.quotation-left {
	max-width: 400px;
	margin: auto;

}

.quotation-left h3 {

	font-size: 22px;
	font-weight: 700;
	text-align: start;
	color: #615b5b;
}

.quotation-left p {
	font-size: 14px;
	text-align: start;
}

.quotation-left-sec h2 {
	border-bottom: 1px solid #554e4e;
	padding: 10px 0px;
}

.quotation-right h4 {
	font-size: 18px;
	color: white;
	background: #444;
	padding: 13px 25px;
}

.quotation-right-form {
	padding: 25px 25px;
}

.quotation-right-form h3 {

	font-size: 18px;
	color: #222;
}

.quotation-right-form input {
	width: 100%;
	height: 55px;
	font-size: 20px;
}

.quotation-right-form label {
	padding: 8px 0px;
}

/*=============================================================
  css by rajeev singh
============================================================*/


.offer-strip {
	position: relative;
	background: #dfe2ed;
	width: 100%;
}

.heading-lining {
	background: #fff;
	.box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.45);
	.border-top: 4px solid #04275d;
	margin: 20px 0px;
}

.more-for-you-section {
	position: relative;
	width: 100%;
	padding: 50px 0px;
	background: #2e3192;
}

.more-for-you-section .list-top {
	position: relative;
	width: 100%;
	margin-bottom: 25px;
	color: #fff;
}

.card-more-for-you-divide {
	position: relative;
	width: 100%;
	border-radius: 8px;
	background: #fff;
	padding: 15px;
	border: 1px solid #eef1f5;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
	transition: 0.3s ease;
}

.card-more-for-you-divide .card-icon-more-for-you {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 auto;
}

.card-more-for-you-divide .card-icon-more-for-you img {
	position: relative;
	width: 100%;
}

.card-more-for-you-divide .card-text-more-for-you {
	position: relative;
	width: 100%;
	text-align: center;
}

.card-more-for-you-divide:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.card-more-for-you-divide .card-text-more-for-you .title-hyperlink {
	position: relative;
	color: #333;
	display: block;
	clear: both;
	margin: 5px 0 15px 0;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
}

.card-more-for-you-divide .card-text-more-for-you p {
	position: relative;
	color: #757575;
	display: block;
	clear: both;
	padding: 0 15px;
	margin: 10px 0 25px 0;
	font-size: 14px;
}

.card-more-for-you-divide .card-text-more-for-you .btn-hyperlink {
	position: relative;
	display: inline-block;
	border: 1px solid #2e3192;
	border-radius: 21px;
	padding: 10px 24px;
	font-size: 14px;
	color: #2e3192;
	background: #fff;
	text-decoration: none;
	margin-bottom: 15px;
}

.card-more-for-you-divide .card-text-more-for-you .btn-hyperlink:hover {
	color: #fff;
	background: #2e3192;
}

.clothing-garments-section {
	position: relative;
	width: 100%;
	padding: 60px 0px;
}

.clothing-garments-section .list-top {
	position: relative;
	width: 100%;
	margin-bottom: 25px;
	color: #000;
}

.region-section {
	padding: 40px 0;
	background: #fff;
}

/* Heading */
.region-heading {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	color: #d32f2f;
	margin-bottom: 25px;
}

/* OUTER SHADOW WRAPPER (THIS IS IMPORTANT) */
.region-outer {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	background: #fff;
}

/* GRID */
.region-grid {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
}
.region-card {
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.region-inner {
	width: 142px;
    height: 150px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: #fff;
	transition: 0.3s;
	border:1px solid #ccc;
}

.region-inner:hover {
    border:1px solid #2864be;
	
	background: #f7f8f9;
}

/* Icon */
.region-inner img {
	width: 58px;
	height: 58px;
	object-fit: cover;
	border-radius: 50%;
}

/* Text */
.region-inner span {
	font-size: 14px;
	color: #333;
}

/*=================================================
Footer section css start here
===================================================*/
.footer-company-top {
	text-align: left;
	margin-bottom: 20px;
}

.footer-company-top h2 {
	font-size: 28px;
	font-weight: 700;
	display: inline-block;
}

.footer-company-top .company-border {
	display: block;
	height: 3px;
	width: 100%;
	background: linear-gradient(90deg, #4f8cff, #2ebde2);
	margin-top: 8px;
	border-radius: 2px;
}

/* Main Footer Flex */
.footer-main {
	display: flex;
	justify-content: space-between;
	gap: 60px;
	/* left/right spacing */
	flex-wrap: wrap;
}

/* Left Section: Footer Links */
.footer-left {
	flex: 1;
	min-width: 250px;
	display: flex;
	gap: 60px;
	/* spacing between widgets */
	flex-wrap: wrap;
}

.footer-widget h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
}

.footer-widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-widget ul li {
	margin-bottom: 12px;
	/* space between links */
}

.footer-widget ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	position: relative;
	transition: all 0.3s ease;
}

.footer-widget ul li a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 2px;
	width: 0%;
	background: #4f8cff;
	transition: 0.3s ease;
}

.footer-widget ul li a:hover::after {
	width: 100%;
}

/* Right Section: Social Icons */
.footer-right {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 180px;
}

.footer-right h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 12px;
}

.social-media {
	display: flex;
	gap: 14px;
}

.social-media a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	font-size: 18px;
	transition: all 0.3s ease;
}

.social-media a:hover {
	background: linear-gradient(135deg, #4f8cff, #2ebde2);
	transform: translateY(-4px) rotate(3deg);
}

/* Footer Bottom */
.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: 25px;
	font-size: 14px;
	flex-wrap: wrap;
	gap: 10px;
}

.footer-bottom p {
	margin: 0;
}

.footer-bottom .footer-policies a {
	color: #fff;
	margin-left: 25px;
	text-decoration: none;
	transition: 0.3s;
}

.footer-bottom .footer-policies a:hover {
	color: #4f8cff;
	text-decoration: underline;
}

/* Responsive */
@media (max-width: 900px) {
	.footer-main {
		flex-direction: column;
		gap: 40px;
	}

	.footer-left {
		flex-direction: column;
		gap: 30px;
	}

	.footer-right {
		flex-direction: row;
		justify-content: flex-start;
	}

	.footer-bottom {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}

/*=================================================
Footer section css end here
===================================================*/

.premium-brands-section {
	position: relative;
	padding: 40px 0;
}

.premium-brands-section .container-fluid {
	position: relative;
}

/* Carousel wrapper */
.premium-brands-track {
	position: relative;
}

.premium-brands-track.owl-carousel .owl-nav {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	display: flex !important;
	justify-content: space-between !important;
	pointer-events: none;
}

.premium-brands-track .owl-nav button {
	float: none !important;
	pointer-events: all;
	background: transparent !important;
}

.brand-nav {
	width: 45px;
	height: 45px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	cursor: pointer;
	transition: 0.3s;
}

.brand-nav:hover {
	background: #0d6efd;
	color: #fff;
}

/*===========================================
  Vendors details page css start here
===========================================*/
.vendor-details-area {
	position: relative;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 15px #ccc;
	padding: 15px;
	margin-bottom: 25px;
}

.vendor-hero-slider {
	position: relative;
	width: 100%;
}

.vendor-hero-slider-item {
	position: relative;
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
}

.vendor-hero-slider-item img {
	position: relative;
	width: 100%;
}

.vendor-about-us-area {
	position: relative;
	width: 100%;
}

.vendor-about-us-area h2 {
	position: relative;
	font-size: 24px;
	color: #000;
	margin: 0px 0px 15px 0px;
}

.vendor-about-us-area p {
	position: relative;
	font-size: 14px;
	color: #333;
	line-height: 22px;
	margin: 0px 0px 10px 0px;
}

.homing-side2-wrapper .homing-side2 .menu-item {
	position: relative;
	width: 100%;
}

.homing-side2-wrapper .homing-side2 .menu-item a {
	position: relative;
	width: 100%;
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 14px;
	text-transform: uppercase;
}

.homing-side2-wrapper .homing-side2 .menu-item.active {
	position: relative;
	background: #000;
	color: #fff;
}

.homing-side2-wrapper .homing-side2 .menu-item.active a {
	color: #fff;
}

.homing-side2-wrapper .homing-side2 .menu-item.active i {
	color: #fff;
}

.vendor-about-us-area h1 {
	position: relative;
	font-size: 32px;
	color: #000;
	margin: 0px 0px 15px 0px;
}

.contact-widget-small {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: #fff;
	border-radius: 8px;
	padding: 24px;
	margin-top: 24px;
	height: 204px;
	box-shadow: 0px 0px 10px #ccc;
}

.contact-widget-small .icons {
	height: 48px;
	width: 48px;
	background: #04275d;
	display: inline-block;
	border-radius: 8px;
	line-height: 48px;
	text-align: center;
	transition: all 0.4s;
	color: #fff;
	margin-bottom: 10px;
}

.contact-widget-small h5 {
	color: #333;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.contact-widget-small a {
	color: #333;
	font-size: 16px;
	font-style: normal;
	line-height: 24px;
	display: inline-block;
	transition: all 0.4s;
	text-decoration: none;
}

.contact-widget-small ul li {
	display: inline-block;
}

.contact-widget-small ul li a {
	height: 46px;
	width: 46px;
	display: inline-block;
	transition: all 0.4s;
	line-height: 46px;
	border-radius: 50%;
	text-align: center;
	font-size: 18px;
}

.vendor-details-area .contact-boxarea {
	position: relative;
	width: 100%;
	margin-top: 25px;
}

.vendor-details-area .contact-boxarea .input-area input {
	color: #333;
	font-size: 16px;
	font-style: normal;
	line-height: 18px;
	border-radius: 4px;
	padding: 18px 16px;
	width: 100%;
	border-radius: 8px;
	border: 1px solid #ccc;
}

.vendor-details-area .contact-boxarea .input-area select {
	color: #333;
	font-size: 16px;
	font-style: normal;
	line-height: 18px;
	border-radius: 4px;
	padding: 18px 16px;
	width: 100%;
	border-radius: 8px;
	border: 1px solid #ccc;
}

.vendor-details-area .contact-boxarea .input-area textarea {
	margin-top: 20px;
	color: #333;
	font-size: 16px;
	font-style: normal;
	line-height: 18px;
	border-radius: 4px;
	padding: 18px 16px;
	width: 100%;
	border-radius: 8px;
	border: 1px solid #ccc;
}

.vl-btn1 {
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
	display: inline-block;
	transition: all 0.6s;
	background: #04275d;
	padding: 18px 24px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	border: none;
	margin-top: 25px;
}

.vl-btn1:hover {
	transition: all 0.4s;
	background: #ccc;
	transform: translateY(-10px);
	color: #fff;
}

.vl-btn1:hover::after {
	width: 100%;
	transition: all 0.6s;
	left: 0;
	right: inherit;
}

.vl-btn1::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 0;
	transition: all 0.6s;
	right: 0;
	top: 0;
	transition: all 0.4s;
	background: #f30a0a;
	z-index: -1;
	border-radius: 4px;
}

.vendor-details-area .first-slide {
	margin-bottom: 20px;
}


/* my css*/
/*-------------------*/
.side-panel {
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 0;
	background: #fff;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
	height: 100vh;
}

/* Profile */
.profile-row {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 20px;
}

.avatar-circle {
	height: 45px;
	width: 45px;
	background: #04275d;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 700;
}

.profile-details {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.profile-location {
	display: flex;
	gap: 5px;
	font-size: 13px;
	color: #666;
}

.profile-location i {
	color: #2b7cff;
}

/* Dashboard */
.dashboard-title {
	padding: 15px 20px;
	background: #eef4ff;
}

/* Menu Layout */
.menu-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}

.menu-link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 20px;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	transition: 0.3s;
}

.menu-link i {
	color: #2b7cff;
}

.menu-link:hover {
	background: #f2f6ff;
	padding-left: 25px;
}

/* Bottom help */
.menu-bottom {
	border-top: 1px solid #ccc;
}

/* Dropdown */
.menu-dropdown .dropdown-toggle1 {
	cursor: pointer;
}

.arrow {
	margin-left: auto;
	font-size: 12px;
}

.dropdown-content {
	display: none;
	flex-direction: column;
	background: #f8faff;
}

.dropdown-content a {
	padding: 8px 40px;
	font-size: 13px;
	text-decoration: none;
	color: #444;
}

.dropdown-content a:hover {
	background: #eaf1ff;
}


/*-------------------------------*/
/* profile css*/
/*----------------------------------*/
.profile-section {
	padding: 25px 0px;
	display: flex;
	gap: 20px;
}

.profile-card {
	background: #ffffff;
	border-radius: 18px;
	padding: 22px 26px;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
	transition: 0.3s ease;
	flex: 1;
}

.profile-card:hover {
	transform: translateY(-3px);
}

.profile-header {
	display: flex;
	align-items: center;
	gap: 18px;
}

.profile-avatar {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #04235d, #0d0870);
	color: white;
	font-size: 28px;
	font-weight: 600;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.profile-info {
	flex: 1;
}

.profile-name-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.profile-name {
	margin: 0;
	font-weight: 600;
}

.edit-icon {
	cursor: pointer;
	color: #6c63ff;
	transition: 0.2s;
}

.edit-icon:hover {
	transform: scale(1.15);
}

.profile-city {
	margin-top: 6px;
	color: #6b7280;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.name-input {
	display: none;
	border: 1px solid #ddd;
	padding: 4px 8px;
	border-radius: 6px;
	font-size: 16px;
}

.save-icon {
	display: none;
	cursor: pointer;
	color: green;
}

.profile-progress {
	margin-top: 16px;
}

.profile-progress h5 {
	font-size: 15px;
	margin-bottom: 6px;
	font-weight: 600;
}

.progress-bar-wrap {
	width: 100%;
	height: 10px;
	background: #e5e7eb;
	border-radius: 20px;
	overflow: hidden;
}

.progress-fill {
	height: 100%;
	background: linear-gradient(90deg, #4f8cff, #6c63ff);
	border-radius: 20px;
	transition: width 0.4s ease;
}

.progress-text {
	font-size: 13px;
	color: #6b7280;
	margin-top: 4px;
	display: inline-block;
}

.verify-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 14px;
}

.verify-title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
}

.verify-title i {
	color: #22c55e;
	font-size: 18px;
}

.verify-steps {
	font-size: 13px;
	color: #6b7280;
}

.verify-progress-wrapper {
	margin-bottom: 18px;
}

.verify-bar {
	position: relative;
	width: 100%;
	height: 10px;
	background: #e5e7eb;
	border-radius: 20px;
	overflow: hidden;
}

.verify-fill {
	width: 25%;
	height: 100%;
	background: linear-gradient(90deg, #22c55e, #16a34a);
	border-radius: 20px;
}

.verify-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 16px;
	height: 16px;
	background: white;
	border: 3px solid #9ca3af;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.verify-percent {
	font-size: 13px;
	margin-top: 6px;
	color: #6b7280;
}

/* Action */

.verify-action {
	display: flex;
	gap: 12px;
	align-items: center;
	padding-top: 14px;
	border-top: 1px solid #eee;
	cursor: pointer;
	transition: 0.3s;
}

.verify-action:hover {
	background: #f9fafb;
}

.verify-action i {
	font-size: 22px;
	color: #4f8cff;
}

.verify-action-text strong {
	display: block;
	font-size: 15px;
}

.verify-action-text span {
	font-size: 13px;
	color: #6b7280;
}

.verify-progress-wrapper {
	margin: 16px 0 20px;
}

.verify-bar {
	position: relative;
	width: 100%;
	height: 10px;
	background: #e5e7eb;
	border-radius: 20px;
	overflow: visible;
}

.verify-fill {
	width: 25%;
	height: 100%;
	background: linear-gradient(90deg, #22c55e, #16a34a);
	position: absolute;


}

/* label under fill end */

.verify-label {
	position: absolute;
	left: 25%;
	top: 18px;
	transform: translateX(-50%);
	font-size: 12px;
	color: #16a34a;
	font-weight: 600;
}

/* future circle */

.verify-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 3px solid #9ca3af;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}


/* action row */

.verify-action {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 0px solid #eee;
	padding-top: 14px;

}

.verify-left {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 500;
}

.verify-left i {
	font-size: 20px;
	color: #4f8cff;
}

.verify-btn {
	background: #4f8cff;
	color: #fff;
	border: none;
	padding: 8px 16px;
	border-radius: 10px;
	font-size: 14px;
	cursor: pointer;
	transition: .3s;
}

.verify-btn:hover {
	background: #3b74e6;
}


.profile-action-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-top: 22px;
}

.action-card {
	background: #fff;
	border-radius: 14px;
	padding: 15px 18px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .2);
	cursor: pointer;
	transition: .25s ease;
}

.action-card:hover {
	transform: translateY(-3px);
}

.action-left {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.action-left i {
	font-size: 22px;
	color: #4f8cff;
}

.action-text h5 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
}

.action-text p {
	margin: 3px 0 0;
	font-size: 13px;
	color: #ef4444;
}

.action-arrow {
	font-size: 20px;
	color: #9ca3af;
}

.verification-form {
	margin-top: 20px;
	background: #fff;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
	padding: 10px 20px;
	border-radius: 10px;
	display: none;
}

.verification-form h2 {
	font-size: 20px;
}

.form-divider {
	border: 1px solid #ccc;
	margin: 5px 0px;
}

.form-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 20px 0px;
	gap: 20px;
}

.form-start {
	display: flex;
	flex-direction: column;
}

.form-start label {
	font-size: 16px;
	padding: 8px 0px;
}

.form-start input {
	height: 42px;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 10px 10px;
}

.form-start textarea {
	height: 84px;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 10px 10px;
}

.verification-btn {
	display: flex;
	justify-content: flex-end;
	gap: 20px;
}

.verification-btn button {
	padding: 7px 24px;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 18px;
}

.verification-btn-cancel {
	background: transparent;
}

.verification-btn-save {
	background: #04275d;
	color: #fff;
}

.primary-form {
	margin-top: 20px;
	background: #fff;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
	padding: 10px 20px;
	border-radius: 10px;
	display: none;

}

.primary-form h2 {
	font-size: 20px;
}

.address-form {
	margin-top: 20px;
	background: #fff;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
	padding: 10px 20px;
	border-radius: 10px;
	display: none;
}

.address-form h2 {
	font-size: 20px;
}

.business-form {
	margin-top: 20px;
	background: #fff;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
	padding: 10px 20px;
	border-radius: 10px;
	display: none;
}

.business-form h2 {
	font-size: 20px;
}


.help-support-section {
	margin-top: 30px;
	padding: 0 10px;
	display: none;
}

.help-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 14px;
}

.help-card {
	background: #fff;
	border-radius: 14px;
	padding: 14px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
	cursor: pointer;
	transition: .25s ease;
	margin-bottom: 12px;
}

.help-card:hover {
	transform: translateY(-3px);
}

.help-left {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.help-left i {
	font-size: 22px;
	color: #4f8cff;
}

.help-text h5 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
}

.help-text p {
	margin: 2px 0 0;
	font-size: 13px;
	color: #6b7280;
}

.help-arrow {
	font-size: 20px;
	color: #9ca3af;
}


/*----------------------------------*/
/*Seller Page*/
/*---------------------------------*/
.table-section {
	background: #fff;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .05);
	margin-top: 20px;
}

.table-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 16px;
}

.table-responsive {
	overflow-x: auto;
}

.enquiry-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.enquiry-table th,
.enquiry-table td {
	text-align: left;
	padding: 12px 15px;
	border-bottom: 1px solid #e5e7eb;
}

.enquiry-table th {
	background: #f3f4f6;
	font-weight: 600;
	color: #111827;
}

.enquiry-table tr:hover {
	background: #f9fafb;
}

.enquiry-table td {
	color: #374151;
}


/*------------------------------*/
/*-----------------pricing page-------------------*/
/*---------------------------------------*/
.pricing-section {
	padding: 90px 8%;
	background: #f8fbff;
	text-align: center;
	font-family: Segoe UI, sans-serif;
}

.pricing-title {
	font-size: 40px;
	font-weight: 700;
}

.pricing-subtitle1 {
	color: #090101;
	margin: 12px 0 15px;
}

.billing-toggle {
	display: inline-flex;
	border: 1px solid #ccc;
	border-radius: 40px;
	overflow: hidden;
	margin-bottom: 60px;
}

.billing-toggle button {
	padding: 10px 28px;
	background: none;
	border: none;
	font-weight: 600;
	cursor: pointer;
}

.billing-toggle .active {
	background: #10137f;
	color: #fff;
}

.pricing-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 35px;
}

.price-card {
	background: #fff;
	border: 1px solid #ddd;
	padding: 40px 30px;
	border-radius: 18px;
	text-align: left;
}

.price-card h3 {
	font-size: 24px;
	margin-bottom: 10px;
}

.price {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 25px;
}

.features {
	list-style: none;
	padding: 0;
	margin-bottom: 30px;
}

.features li {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #444;
}

.features i {
	color: ##040c5d;
}

.plan-btn {
	display: block;
	text-align: center;
	padding: 12px;
	border-radius: 30px;
	border: 1px solid #1f1947;
	color: #1a407a;
	font-weight: 600;
	text-decoration: none;
}

.plan-btn:hover {
	background: #2d17c6;
	color: #fff;
}

.filled {
	background: #0d15fd;
	color: #fff;
}

.popular {
	border: 2px solid #212529;
	position: relative;
}

.badge {
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
	background: #3514c3;
	color: #fff;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 13px;
}

.hidden {
	display: none;
}


.pricing-cta {
	padding: 90px 8%;
	background: blue;
	color: #fff;
	text-align: center;
}

.cta-container {
	max-width: 900px;
	margin: auto;
}

.pricing-cta h2 {
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 12px;
	color: #fff;
}

.pricing-cta p {
	font-size: 18px;
	opacity: .9;
	margin-bottom: 40px;
	color: #fff;
}

.cta-actions {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
}

.cta-btn {
	padding: 14px 34px;
	border-radius: 40px;
	font-weight: 600;
	text-decoration: none;
}

.cta-btn.primary {
	background: #fff;
	color: #eb9925;
}

.cta-btn.outline {
	border: 1px solid #ffffff;
	color: #fff;
}

.cta-trust {
	margin-top: 35px;
	display: flex;
	justify-content: center;
	gap: 30px;
	flex-wrap: wrap;
	font-size: 15px;
}

.cta-trust i {
	margin-right: 6px;
}


.raise-ticket-section {
	background: #fff;
	padding: 22px;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .05);
	margin-top: 20px;
}

.ticket-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 18px;
}

.ticket-form .form-group {
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
}

.ticket-form label {
	font-weight: 500;
	margin-bottom: 6px;
	font-size: 14px;
}

.ticket-form input,
.ticket-form select,
.ticket-form textarea {
	padding: 10px 12px;
	font-size: 14px;
	border-radius: 8px;
	border: 1px solid #d1d5db;
	outline: none;
	transition: .2s;
}

.ticket-form input:focus,
.ticket-form select:focus,
.ticket-form textarea:focus {
	border-color: #4f8cff;
}

.ticket-form textarea {
	resize: vertical;
	min-height: 80px;
}

.form-actions {
	display: flex;
	gap: 12px;
	margin-top: 12px;
}

.btn-submit {
	background: #4f8cff;
	color: #fff;
	padding: 10px 18px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-weight: 500;
	transition: .3s;
}

.btn-submit:hover {
	background: #3b74e6;
}

.btn-cancel {
	background: #f3f4f6;
	color: #374151;
	padding: 10px 18px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-weight: 500;
	transition: .3s;
}

.btn-cancel:hover {
	background: #e5e7eb;
}

/*----------------------------*/
/*--------------------ticket---------------*/
/*--------------------------------*/
.ticket-dashboard-section {
	background: #fff;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .05);
	margin-top: 20px;
}

.ticket-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.ticket-header h4 {
	font-size: 18px;
	font-weight: 600;
}

.btn-raise-ticket {
	background: #4f8cff;
	color: #fff;
	padding: 8px 18px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 500;
	transition: .3s;
}

.btn-raise-ticket:hover {
	background: #3b74e6;
	color: #fff;
}

.ticket-notes {
	font-size: 13px;
	color: #6b7280;
	margin-bottom: 16px;
}

.ticket-box {
	background: #f9fafb;
	border: 1px dashed #d1d5db;
	border-radius: 10px;
	padding: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 60px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #374151;
	text-align: center;
}

.closed-ticket-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}


/*-------------------------------------------*/
/*-------------partner with us page----------------*/
/*-------------------------------------------------*/
.partner-hero {
	padding: 120px 8%;
	background: linear-gradient(135deg, #0d6efd, #212529);
	color: #fff;
}

.partner-container {
	max-width: 1100px;
	margin: auto;
}

.partner-content {
	max-width: 650px;
}

.partner-hero h1 {
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 18px;
}

.partner-hero p {
	font-size: 18px;
	line-height: 1.7;
	opacity: .95;
}

.partner-actions {
	margin-top: 35px;
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
}

.partner-btn {
	padding: 14px 34px;
	border-radius: 40px;
	font-weight: 600;
	text-decoration: none;
}

.partner-btn.primary {
	background: #fff;
	color: #2e1beb;
}

.partner-btn.outline {
	border: 1px solid #fff;
	color: #fff;
}

.create-company-section {
	padding: 30px 8%;
	background: linear-gradient(135deg, #eef4ff, #f8fbff);
}


/* Form grid */
.basic-form-sec {

	padding: 40px 0px;

}

.basic-form-container {
	max-width: 1200px;
	margin: auto;
	background: #fff;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.3);
	padding: 20px;
	border-radius: 15px;
}

.basic-form-title {
	margin-bottom: 15px;
	font-size: 24px;
}

.basic-form-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.basic-info-form {
	display: block;
}

.basic-field {
	display: flex;
	flex-direction: column;
}

.basic-field label {
	font-weight: 600;
	margin-bottom: 6px;
}

.basic-field input,
.basic-field select {
	padding: 13px;
	border-radius: 10px;
	border: 1px solid #ccc;
}

.full-width {
	grid-column: 1/3;
}

/* Buttons */
.basic-form-actions {
	margin-top: 35px;
	display: flex;
	justify-content: flex-end;
	gap: 15px;
}

.btn-reset {
	background: #e6e9f5;
	padding: 12px 24px;
	border-radius: 10px;
	border: none;
	text-decoration: none;
}

.btn-submit {
	background: #4f6ef7;
	color: #fff;
	padding: 12px 26px;
	border: none;
	border-radius: 10px;
	font-weight: 600;
	text-decoration: none;
}

/*===================================================
css by rajeev singh 16-02-2026 start here
==================================================*/
.page-breadcrumb-section {
	position: relative;
	width: 100%;
	padding: 10px 0px;
	background: #eef0eb;
	box-shadow: inset 0px 0px 10px #cfcbcb;
}

.page-breadcrumb-section .page-title-area {
	position: relative;
	width: 100%;
}

.page-breadcrumb-section .page-title-area ul {
	position: relative;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.page-breadcrumb-section .page-title-area ul li {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 15px;
}

.page-breadcrumb-section .page-title-area ul li i {
	position: relative;
	top: 5px;
}

.page-breadcrumb-section .page-title-area ul li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	top: 3px;
	color: #333;
}

.page-breadcrumb-section .page-title-area ul li:first-chile a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	font-weight: 600;
}

.search-area form {
	position: relative;
	width: 100%;
	height: 44px;
	border-radius: 25px;
	overflow: hidden;
	border: 3px solid #2864be;
}

.search-area select {
	position: relative;
	width: 30%;
	float: left;
	height: 44px;
	line-height: 44px;
	border: none !important;
	padding-left: 15px;
	border-right: 1px solid #ccc !important;
}

.search-area select:focus-visible {
	outline: none;
}

.search-area select:focus {
	outline: none;
}

select:not(:-internal-list-box) {
	border: none !important;
}

.search-area input {
	position: relative;
	width: 52%;
	float: left;
	height: 44px;
	border: none;
	margin-left: 1%;
}

.search-area .btn-form-submit {
	position: relative;
	width: 10%;
	float: left;
	height: 44px;
	text-align: center;
	line-height: 44px;
	right: 0;
	top: 0;
	border: none;
	background: transparent;
}

.page-search-section .search-area-filter-area {
	position: relative;
	width: 100%;
}

.page-search-section .search-area-filter-area ul {
	position: relative;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.page-search-section .search-area-filter-area ul li {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 15px;
	background: #fff;
	padding: 0px 15px;
	height: 28px;
	line-height: 24px;
	border-radius: 25px;
}

.page-search-section .search-area-filter-area ul li i {
	position: relative;
}

.page-search-section .search-area-filter-area ul li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	top: 3px;
	color: #333;
}

.page-category-list-section {
	position: relative;
	width: 100%;
	padding: 25px 0px;
	background: #f7f8f9;

}

.single-category-box {
	position: relative;
	width: 100%;
	border-radius: 4px;
	box-shadow: 0px 0px 10px #ccc;
	overflow: hidden;
	background: #fff;
	padding-bottom: 20px;
}

.single-category-box .single-category-image-box {
	position: relative;
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
}

.single-category-box .single-category-image-box img {
	position: relative;
	width: 100%;
	height: 230px;
}

.single-category-box .single-category-info-box {
	position: relative;
	width: 100%;
	padding: 15px;
}

.single-category-box .single-category-info-box {
	position: relative;
	width: 100%;
	padding: 15px;
}

.single-category-box .single-category-info-box h4 {
	position: relative;
	display: block;
	margin: 0px;
	font-size: 18px;
	line-height: 24px;
}

.single-category-box .single-category-info-box h4 a {
	position: relative;
	text-decoration: none;
	color: #000;
	display: block;
}

.single-category-box .single-category-info-box h5 {
	position: relative;
	display: block;
	margin: 0px;
	font-size: 13px;
	line-height: 20px;
	text-transform: uppercase;
}

.single-category-box .single-category-info-box h5 a {
	position: relative;
	text-decoration: none;
	color: #333;
	display: block;
}

.single-category-box .single-category-info-box .combo-box {
	position: relative;
	width: 100%;
	display: inline-block;
}

.single-category-box .single-category-info-box .combo-box span {
	position: relative;
	width: auto;
	margin-right: 5px;
	display: inline-block;
	font-weight: 400;
	font-size: 13px;
}

.single-category-box .single-category-info-box .rating-star-box {
	position: relative;
	width: 100%;
	display: inline-block;
}

.single-category-box .single-category-info-box .rating-star-box .star-rating2u {
	position: relative;
	width: auto;
	font-size: 12px;
	display: inline-block;
}

.single-category-box .single-category-info-box .rating-star-box .star-rating2u i {
	position: relative;
	color: #FEC165;
}

.single-category-info-box .view_mob_num {
	position: relative;
	display: block;
	color: #000;
	font-size: 10px;
	top: 10px;
	text-decoration: none;
	line-height: 18px;
}

.search-location-map {
	position: absolute;
	left: 15px;
	top: 8px;
	z-index: 1;
}

.search-area input::placeholder {
	font-size: 13px;
	position: relative;
	left: 20px;
}

.sidebar-category-filter {
	position: relative;
	width: 100%;
}

.sidebar-category-filter .menu-item {
	position: relative;
	width: 100%;
	display: block;
	margin-bottom: 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 0px;
}

.sidebar-category-filter .menu-item .menu-item-name {
	position: relative;
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 0px 15px;
	display: block;
	background: #e2ebdd;
}

.sidebar-category-filter .menu-item .accordion-arrow-down {
	position: absolute;
	width: auto;
	top: 6px;
	font-weight: 800;
	right: 5px;
	color: #000;
}

.sidebar-category-filter .menu-item .accordion-arrow-down i {
	color: #000;
}

.sidebar-category-filter .menu-item .accordion-arrow-up {
	position: absolute;
	width: auto;
	top: 6px;
	font-weight: 800;
	right: 5px;
	color: #000;
	display: none;
}

.sidebar-category-filter .menu-item .accordion-arrow-up i {
	color: #000;
}

.menu-item-link {
	position: relative;
	width: 100%;
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: 600;
}

.side-2-list {
	position: relative;
	width: 100%;
	padding: 10px;
	display: none;
	padding-top: 10px;
	background: #fff;
}

.side-2-list ul {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.side-2-list ul li {
	position: relative;
	width: 100%;
	list-style: none;
	line-height: 24px;
}

.side-2-list ul li a {
	position: relative;
	text-decoration: none;
	color: #333;
}

.side-2-list ul li a i {
	position: relative;
	font-size: 12px;
	color: #333;
}

.sidebar-category-filter .menu-item.active .side-2-list {
	display: block;
}

.sidebar-category-filter .menu-item.active .accordion-arrow-down {
	display: none;
}

.sidebar-category-filter .menu-item.active .accordion-arrow-up {
	display: block;
}

.page-single-category-details-section {
	position: relative;
	width: 100%;
	padding: 25px 0px;
}

.single-category-image-box {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 4px;
}

.single-category-image-box .single-category-image {
	position: relative;
	width: 100%;
}

.single-category-image-box .single-category-image img {
	position: relative;
	width: 100%;
	min-height: 360px;
}

.ingle-category-features {
	position: relative;
	width: 100%;
}

.ingle-category-features .table {
	position: relative;
	width: 100%;
}

.feature-list2u {
	font-size: 20px;
	margin: 0px 0px 15px 0px;
	color: #333;
}

.single-category-features {
	position: relative;
	width: 100%;
}

.single-category-features .cta-box .btn-sms {
	font-size: 20px;
	height: 50px;
	font-weight: 600;
	line-height: 50px;
}

.single-category-features .cta-box .btn-email {
	font-size: 20px;
	height: 50px;
	font-weight: 600;
	line-height: 50px;
}

.single-category-features th {
	position: relative;
	padding: 2px 10px;
}

.single-category-features td {
	position: relative;
	padding: 2px 10px;
}

.single-category-features ul {
	position: relative;
	width: 100%;
	list-style: disc;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

.single-category-details-box {
	position: relative;
	width: 100%;
}

.single-category-details-box h2 {
	position: relative;
	font-size: 20px;
	margin: 0px 0px 5px 0px;
}

.single-category-details-box h3 {
	position: relative;
	font-size: 18px;
	margin: 0px 0px 15px 0px;
}

.related-category-section {
	position: relative;
	width: 100%;
	padding: 0px 0px 50px 0px;
}

.related-category-slider .owl-stage {
	position: relative;
	padding: 15px 0px;
}

.related-category-slider .owl-nav {
	position: absolute;
	width: 100%;
	top: 45%;
}

.related-category-slider .owl-nav button {
	width: 32px;
	height: 32px;
	background: #333 !important;
	border-radius: 50%;
	padding: 0px !important;
	line-height: 18px !important;
	text-align: center;
}

.related-category-slider .owl-nav button.owl-next {
	position: absolute;
	right: 0;

}

.related-category-slider .owl-nav button.owl-prev {
	position: absolute;
	left: 0;
}

.related-category-slider .owl-nav button span {
	color: #fff;
	font-size: 28px;
}

.section-title-area {
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}

.section-title-area h2 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	color: #D80707;
	text-align: center;
	font-family: "Inknut Antiqua", Sans-serif;
}

.gif-sec img {
	width: 100%;
	height: auto;
	padding: 10px 10px;
	object-fit: cover;

	box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 50%);
}

.product-heading1 {
	padding-bottom: 20px;
	font-size: 25px;
	text-align: center;
	font-weight: 700;
}

.single-company-details-section {
	position: relative;
	width: 100%;
	padding-bottom: 50px;
}

.details-area4productncompant {
	position: relative;
	width: 100%;
}

.details-area4productncompant .details-type-box {
	position: relative;
	width: 100%;
	display: inline-block;
}

.details-area4productncompant .details-type-box h4 {
	position: relative;
	font-size: 16px;
	text-transform: uppercase;
	display: inline-block;
	background: #f7f8f9;
	padding: 5px 15px;
}

.about-company-list {
	position: relative;
	width: 100%;
	display: inline-block;
	list-style: none;
}

.about-company-list li {
	position: relative;
	width: 33.3%;
	display: inline-block;
	list-style: none;
	float: left;
}

.about-company-list li p {
	position: relative;
	font-size: 16px;
	font-weight: 600;
	color: #666;
}

.about-company-list li p span {
	position: relative;
	font-size: 16px;
	display: block;
	font-weight: 600;
	color: #000;
}

.rating-percentage {
	position: relative;
	width: 100%;
	display: inline-block;
}

.single-reating-percentage {
	position: relative;
	width: 100%;
	display: inline-block;
}

.single-reating-percentage .spanf {
	position: relative;
	width: 20%;
	display: inline-block;
}

.single-reating-percentage .spanf i {
	position: relative;
	color: #FCC44C;
}

.single-reating-percentage span:nth-child(2) {
	position: relative;
	width: 60%;
	height: 10px;
	background: #000;
	border-radius: 10px;
	display: inline-block;
	overflow: hidden;
}

.single-reating-percentage span:last-chile {
	position: relative;
	width: 20%;
	display: inline-block;
}

.single-reating-percentage span:nth-child(2)::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #7FAC53;
	display: inline-block;
}

.single-reating-percentage span.rating-percentage-value.numeric65::before {
	width: 64% !important;
}

.single-reating-percentage span.rating-percentage-value.numeric9::before {
	width: 9% !important;
}

.single-reating-percentage span.rating-percentage-value.numeric4::before {
	width: 4% !important;
}

.single-reating-percentage span.rating-percentage-value.numeric7::before {
	width: 7% !important;
}

.single-reating-percentage span.rating-percentage-value.numeric16::before {
	width: 16% !important;
}

.details-type-description-box .rating-star-box .star-rating2u i {
	font-size: 24px;
	color: #FCC44C;
}

.rating-show h5 {
	font-size: 32px;
	font-weight: 600;
}

.rating-response {
	position: relative;
	width: 100%;
	text-align: center;
}

.rating-response .circle {
	position: relative;
	width: var(--size);
	height: var(--size);
}

.rating-response .circle svg {
	transform: rotate(-90deg);
}

.rating-response circle {
	fill: none;
	stroke-width: var(--stroke);
	stroke-linecap: round;
}

.rating-response .bg {
	stroke: #dcdcdc;
}

.rating-response .progress {
	stroke: #7cb342;
	stroke-dasharray: 440;
	stroke-dashoffset: 440;
	transition: stroke-dashoffset 1.5s ease;
}

.rating-response .percentage {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 22px;
	font-weight: bold;
	color: #333;
}

.rating-response .label {
	margin-top: 15px;
	font-size: px;
	font-weight: 400;
	color: #333;
}

:root {
	--size: 90px;
	--stroke: 10;
	--color: #7cb342;
}

.company-contacts-details {
	position: relative;
	width: 100%;
	display: inline-block;
	box-shadow: 0px 0px 15px #ccc;
	overflow: hidden;
	border-radius: 4px;
}

.ccd321 {
	position: relative;
	width: 100%;
	padding: 15px;
	display: inline-block;
}

.ccd321 .ccd322 {
	position: relative;
	width: 25%;
	float: left;
	display: inline-block;
	border-radius: 4px;
	overflow: hidden;
}

.ccd321 .ccd322 img {
	position: relative;
	width: 100%;
}

.ccd323 {
	position: relative;
	width: 75%;
	padding-left: 15px;
	float: left;
	display: inline-block;
}

.ccd323 h4 {
	position: relative;
	font-size: 16px;
	font-weight: 500;
}

.btn-submit-requirement {
	width: 100%;
	border-radius: 4px;
	background: #0c5678;
	height: 40px;
	line-height: 40px;
	padding: 0px;
	text-align: center;
	color: #fff;
	display: inline-block;
	text-decoration: none;
}

.btn-submit-requirement:hover {
	color: #fff;
}

.sellerContactDetails {
	position: relative;
	width: 100%;
	transition: 0.3s;
	display: inline-block;
	transition: 0.3s ease;
}

.company-contacts-details.sticky {
	position: fixed;
	top: 10px;
	z-index: 1;
}

.sellerContactDetails h3 {
	position: relative;
	height: 40px;
	line-height: 40px;
	background: #ccc;
	padding: 0px 15px;
	font-size: 20px;
}

.sellerContactDetails h5 {
	position: relative;
	padding: 0px 15px;
	font-size: 16px;
}

.sellerContactDetails ul {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.sellerContactDetails ul li {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 35px;
	list-style: none;
}

.sellerContactDetails ul li a {
	position: relative;
	font-size: 14px;
	text-decoration: none;
	color: #000;
}

.sellerContactDetails ul li i {
	position: absolute;
	left: 15px;
}

.cta-box {
	position: relative;
	width: 100%;
	padding: 0px 15px;
	display: inline-block;
	margin-bottom: 20px;
	margin-top: 10px;
}

.cta-box .btn-sms {
	position: relative;
	height: 36px;
	line-height: 36px;
	border-radius: 4px;
	border: 1px solid #0c5678;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 0px 25px;
	color: #0c5678;
}

.cta-box .btn-email {
	position: relative;
	height: 36px;
	line-height: 36px;
	border-radius: 4px;
	border: 1px solid #000;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 0px 25px;
	background: #0c5678;
	color: #fff;
}

.details-type-box.sticky {
	position: fixed;
	top: 0px;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 10px #ccc;
	z-index: 999;
	height: 50px;
	padding: 10px 15px;
}

/*==============================================
    CSS By Rajeev singh end here
===============================================*/


.work-part {
	width: 100%;
	padding: 50px 0px 50px;
	background: #f5f5f5;
}

/* Top Gradient */
.work-top {
	width: 100%;
	background: linear-gradient(135deg, #c1121f, #ff4d4d);
	text-align: center;
	padding: 50px 20px 110px;
	color: #fff;
}

.work-top h2 {
	font-size: 32px;
	margin-bottom: 6px;
}

.work-top p {
	font-size: 15px;
}

/* Cards Row */
.work-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
	margin-top: -80px;
	padding: 0 40px;
	flex-wrap: wrap;
}

/* Card */
.work-card {
	background: #fff;
	padding: 35px 20px;
	text-align: center;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
	position: relative;
	transition: 0.5s ease;
}

.work-card:hover {
	transform: translateY(-6px);
}

/* Step number */
.step-circle {
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	background: #ffffff;
	color: #b41414;
	border: 2px solid rgb(188, 11, 11);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}

/* Image */
.work-img {
	height: 150px;
	padding: 0px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0 10px;
}

.work-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: 0.3s;
}

.work-img:hover img {
	transform: scale(1.03);

}

/* Text */
.work-card h4 {
	font-size: 18px;
	margin-bottom: 8px;
}

.work-card p {
	font-size: 14px;
	color: #666;
}

/* Responsive */
@media(max-width:768px) {
	.work-steps {
		flex-direction: column;
		align-items: center;
	}
}


/*----------------------------------*/
/*-----------about pages------------*/
/*----------------------------------*/
.about-mini-hero {
	position: relative;
	height: 150px;
	background: linear-gradient(135deg, #8b1c1c, #d93a2f);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.about-overlay {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at top left, rgba(255, 255, 255, .15), transparent 60%);
}

.about-hero-inner {
	position: relative;
	text-align: center;
	color: #fff;
}

.about-hero-inner h1 {
	font-size: 42px;
	font-weight: 700;
	margin: 0;
}

.about-hero-inner p {
	font-size: 15px;
	opacity: .85;
	margin-top: 6px;
}


.about-image-section {
	padding: 50px 8%;
	background: #fafafa;
}

.about-wrap {
	display: flex;
	align-items: center;
	gap: 90px;
}

/* IMAGE SIDE */
.about-image {
	height: 500px;
	flex: 1;
	width: 100%;
}

.about-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 22px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
	transition: 0.3s;
}

.about-image:hover img {
	transform: scale(1.03);
}

/* CONTENT SIDE */

.about-content {
	flex: 1;
	width: 100%;
}

.about-tag {
	color: #c91212;
	font-weight: 600;
	letter-spacing: .7px;
}

.about-content h2 {
	font-size: 42px;
	margin: 12px 0 18px;
	line-height: 1.2;
}

.about-content h2 span {
	color: #c91212;
}

.about-content p {
	color: #555;
	font-size: 16px;
	line-height: 1.9;
	margin-bottom: 14px;
}

.about-btn-red {
	display: inline-block;
	margin-top: 12px;
	padding: 12px 32px;
	background: linear-gradient(135deg, #ff3b3b, #c91212);
	color: #fff;
	border-radius: 10px;
	font-weight: 600;
	box-shadow: 0 10px 26px rgba(255, 59, 59, .35);
	transition: .25s;
	text-decoration: none;
}

.about-btn-red:hover {
	transform: translateY(-2px);
	color: #fff;
}


.mission-premium {
	padding: 140px 9%;
	background: #fff;
	position: relative;
}

.mission-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 120px;
}

/* TEXT */

.mission-text {
	max-width: 560px;
}

.mission-label {
	color: #d41515;
	font-weight: 700;
	letter-spacing: 1.2px;
	font-size: 14px;
}

.mission-text h2 {
	font-size: 48px;
	margin: 14px 0 26px;
	line-height: 1.15;
	color: #0b0b0b;
}

.mission-text p {
	font-size: 17px;
	color: #444;
	line-height: 1.95;
	margin-bottom: 18px;
}

/* IMAGE */

.mission-visual {
	position: relative;
}

.mission-visual img {
	width: 520px;
	border-radius: 26px;
	box-shadow: 0 35px 80px rgba(0, 0, 0, .25);
	position: relative;
	z-index: 2;
}

/* GLOW */

.glow-effect {
	position: absolute;
	width: 420px;
	height: 420px;
	background: radial-gradient(circle, #ff4b4b55, transparent 70%);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	filter: blur(60px);
	z-index: 1;
}

.choose-elite {
	position: relative;
	width: 100%;
	padding: 60px 0px;
	background: #000;
}

.elite-heading {
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

.elite-heading h2 {
	font-size: 46px;
	font-weight: 700;
	color: #fff;
}

.elite-heading p {
	font-size: 16px;
	font-weight: 400;
	color: #fff !important;
}


.elite-heading p {
	max-width: 620px;
	margin: auto;
	color: #555;
	font-size: 17px;
}

.elite-layout {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 70px;
	align-items: center;
}

.elite-points {
	position: relative;
	width: 100%;
	padding-top: 10px;
}

.elite-points ul {
	list-style: none;
	padding: 0;
}

.elite-points li {
	width: 100%;
	padding-left: 50px !important;
	position: relative;
	margin-bottom: 20px;
	font-size: 15px;
	color: #fff;
	display: inline-block;
	line-height: 1.7;
	background: #155ca954;
	min-height: 40px;
	padding: 10px;
	border-radius: 4px;
}

.elite-points ul li .elite-points-icon {
	position: absolute;
	left: 15px;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 4px;
	line-height: 30px;
	text-align: center;
	top: 11px;
	color: #000;
}


.elite-image img {
	width: 100%;
	border-radius: 22px;
	cursor: pointer;
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.18);
	transition: transform 0.5s ease;
}

.elite-image img:hover {
	transform: scale(1.05);
}

/*---------------------------------------------*/
/*------------new header css------------------*/
/*--------------------------------------------*/
/* HERO BACKGROUND */
.hero {
	position: relative;
	height: 100vh;
	overflow: hidden;
}

.theme {
	height: 100vh;
	position: relative;
}

.slide {
	height: 100vh;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.slide-1 {

	background: url("https://images.unsplash.com/photo-1505761671935-60b3a7427bad") center/cover no-repeat;
}

.slide-2 {

	background: url("https://images.unsplash.com/photo-1771250557679-52dd03d40d92?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHw1fHx8ZW58MHx8fHx8") center/cover no-repeat;

}

.slide-3 {
	background: url("https://images.unsplash.com/photo-1771280755150-e4bf2e4066ac?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHwzMXx8fGVufDB8fHx8fA%3D%3D");
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;

}


/* DARK OVERLAY */
.slide::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}


.add-btn {
	background: #ff4d57;
	padding: 10px 22px;
	border-radius: 25px;
}


.add-btn i {
	font-size: 14px;
}


.add-btn {
	background: #ff4d57;
	padding: 0px 0px;
	border-radius: 25px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	text-decoration: none;
}

.add-btn i {
	background: #cd0b14;
	height: 45px;
	width: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 20px;
	transition: 0.4s;
}

.add-btn span {
	padding: 12px 18px 15px 0px;
}

.add-btn:hover i {
	transform: rotate(90deg);
	color: #fff;
}

.add-btn:hover {
	background: #8f0910;
	color: #fff;
}

/*hero content*/
/* HERO CONTENT */
.hero-content {
	position: absolute;
	z-index: 5;
	text-align: center;
	top: 50%;
	left: 6%;
	transform: translateY(-50%);
	padding: 0 20px;
	color: #fff;

}

.hero-content p {
	font-size: 16px;
	margin-bottom: 15px;
}

.hero-content h1 {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 30px;
}

/* SEARCH BAR */
.search-bar {
	width: 70%;

	margin: auto;
	display: flex;
	background: #fff;
	border-radius: 50px;
	overflow: hidden;
}

.search-bar input {
	border-right: 2px solid #ccc !important;
	padding: 15px;
	flex: 2;
	border: none;
	outline: none;
}


.search-bar select {
	flex: 1.3;
	padding: 15px;
	border: none;
	outline: none;
}

.search-bar button {
	background: #ff4d57;
	color: #fff;
	border: none;
	padding: 0 30px;
	font-size: 16px;
	cursor: pointer;
}

/* RESPONSIVE */
@media(max-width:768px) {

	.hero-content h1 {
		font-size: 28px;
	}

	.search-bar {
		width: 95%;
		flex-direction: column;
		border-radius: 10px;
	}

	.search-bar button {
		padding: 15px;
	}

	.nav-links {
		display: none;
	}
}

/* category head sec */
.category-head-sec {
	position: relative;
	margin-top: -120px;
	/* Hero ke upar overlap */
	padding-bottom: 60px;
	z-index: 10;
}

.category-head-container {
	max-width: 1200px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}


/* CARD */
.category-head-box {
	background: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	height: 230px;
	width: 220px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s;
	position: relative;
}


.category-head-box:hover {
	background: #de2a33;
}

.category-head-box:hover::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 130px;
	height: 130px;
	background: #f85353;
	border-radius: 5025% 0% 23%;
	z-index: 0;
}


/* INSIDE */
.category-head-inside {
	text-align: center;
	position: relative;
	z-index: 2;
}

.category-head-inside i {
	font-size: 36px;
	color: #ff4d57;
	margin-bottom: 15px;
}

.category-head-inside h5 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #111;
}

/* COUNT BADGE */
.count {
	background: #ff4d57;
	color: #fff;
	display: inline-block;
	padding: 6px 16px;
	border-radius: 20px;
	font-weight: 600;
	font-size: 14px;
}

.category-head-box:hover .count {
	background: #fff;
	color: #111;
}

.count span {
	font-weight: 400;
	font-size: 13px;
	opacity: .9;
}

.category-head-box:hover h5 {
	color: #fff;
}

.category-head-box:hover p {
	color: #fff;
}

.category-head-box:hover i {
	color: #fff;
}


/* RESPONSIVE */
@media(max-width:768px) {

	.hero-content h1 {
		font-size: 28px;
	}

	.search-bar {
		width: 95%;
		flex-direction: column;
		border-radius: 10px;
	}

	.search-bar button {
		padding: 15px;
	}

	.nav-links {
		display: none;
	}
}


.ultimate-local {
	background: #efecec;
	margin: 30px 0px;

}

.ultimate-local-container {
	display: grid;
	grid-template-columns: 1fr 1fr;

}

.ultimate-local-content {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-left: 160px;
}


/* Heading */
.ultimate-local-content h3 {
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 25px;
	color: #111;
}

/* Text */
.ultimate-local-content p {
	font-size: 18px;
	color: #555;
	margin-bottom: 40px;
	line-height: 1.6;
}

/* Button */
.ultimate-local-content a {
	display: inline-block;
	background: #ff4d57;
	color: #fff;
	padding: 14px 38px;
	border-radius: 30px;
	text-decoration: none;
	font-weight: 600;
	transition: .3s;
}

.ultimate-local-content a:hover {
	background: #e63840;
	transform: translateY(-2px);
}


.ultimate-local-img {
	height: 550px;
	overflow: hidden;
}

.ultimate-local-wrapper {
	display: flex;
	height: 100%;
	width: 100%;
}

.ultimate-local-wrapper img {
	flex: 1 1 0;
	min-width: 0;
	height: 100%;
	object-fit: cover;
	transition: .8s ease;
}

.ultimate-local-wrapper img:hover {
	flex: 3;
}

.our-category-main {
    position:relative;
    width:100%;
    margin-top:130px;
	padding: 50px 0px;
}


.category-title {
	font-size: 34px;
	margin-bottom: 20px;
	font-weight: 600;
}

.category-card-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
}

.category-card {
	width: 100%;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 8px 25px rgba(0, 0, 0, .12);
	transition: .3s;
	margin-bottom:25px;
}

.category-card:hover {
	transform: translateY(-8px);
}

.card-image {
	position: relative;
	height: 200px;
}

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

.badge1 {
	position: absolute;
	top: 15px;
	left: 15px;
	background: #ff4d57;
	color: #fff;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 13px;
}

.card-body1 {
	padding: 18px;
}

.card-body1 h4 {
	font-size: 20px;
	margin-bottom: 6px;
}

.desc {
	font-size: 14px;
	color: #666;
	margin-bottom: 14px;
}

.contact-line {
	display: flex;
	gap: 15px;
	font-size: 14px;
	margin-bottom: 12px;
	color: #333;
}

.contact-line i {
	color: #ff4d57;
	margin-right: 3px;
}

.divider {
	height: 1px;
	background: #e6e6e6;
	margin: 12px 0;
}

.bottom-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.left {
	display: flex;
	gap: 8px;
	align-items: center;
	font-size: 14px;
}

.left i {
	color: #ff4d57;
}

.right-icons {
	display: flex;
	gap: 10px;
}

.right-icons i {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #f2f2f2;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
}

.right-icons i:hover {
	background: #ff4d57;
	color: #fff;
}

.main-sec-wrapper {
	max-width: 1200px;
	margin: auto;
}


.listing-items {
	background: #ffffff;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
	transition: 0.3s ease;
	position: sticky;
	top: 50px;
	left: 0;
	width: 100%;
	z-index: 9;
}

.listing-items:hover {
	transform: translateY(-2px);
}

.listing-items>ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
}

.listing-items>ul>li {
	border-bottom: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 8px;
}

/* LEVEL 1 */
.main-item {
	position: relative;
}

/* LEVEL 2 PANEL */
.dropdown-right {
	position: fixed;
	left: 100%;
	top: 0px;
	width: 800px;
	background: #fff;
	padding: 20px;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
	display: none;
}


.dropdown-right>a {
	text-decoration: none;
	color: #333;
	font-size: 18px;
	display: block;
	padding: 6px 0;
}

.main-item:hover>.dropdown-right {
	display: block;
}


/* LINKS */
.drop-under-drop>a {
	text-decoration: none;
	color: #333;
	font-size: 13px;
	display: block;
	padding: 6px 0;
}

.drop-under-drop>a:hover {
	color: #0d6efd;
	padding-left: 4px;
}


.listing-items>ul>li:last-child {
	border-bottom: none;
}

.listing-items>ul>li>a {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 10px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	color: #2b2b2b;
	transition: all 0.25s ease;
	border-left: 4px solid transparent;
}

.listing-items>ul>li>a>i {
	font-size: 20px;
	color: #da1515;
	min-width: 24px;
	transition: 0.3s;
}


.listing-items ul li a:hover i {
	transform: scale(1.2);
	color: #ff6a00;
}


.main-head-cat {
	font-size: 25px;
	font-weight: 600;
	gap: 30px;
	background: #d80b0b;
}

.main-head-cat>a {
	color: #fff !important;
}

.main-head-cat>a>i {
	color: #fff !important;
}

.items-divider {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.items-divider>ul>.main-heading-sub>a {
	color: #a72626 !important;
	font-size: 18px !important;
}

.items-divider>ul>.main-last-sec>a {
	color: #000000 !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

.items-divider>ul {
	list-style: none;
}

.items-divider>ul>li>a {
	padding: 0px !important;
}

.sub-item>a {
	position: relative;
	cursor: pointer;
	font-size: 14px !important;
	text-decoration: none;
	color: #333;
}


/*----------------------------------------------*/
/*---------------header pages-------------------*/
/*----------------------------------------------*/
.main-navbar {
	background: #fff;
	box-shadow: 0 5px 25px rgba(0, 0, 0, .2);
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 60px;
}


.nav-menu a {
	color: #111;
	text-decoration: none;
	margin: 0 15px;
	font-weight: 500;
}

.nav-actions {
	display: flex;
	align-items: center;
	gap: 20px;
}

.signup-icon {
	width: 42px;
	height: 42px;
	background: #fff;
	color: #ff4d57;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	transition: .3s;
	text-decoration: none;
}

.signup-icon:hover {
	background: #ff4d57;
	color: #fff;
}

.listing-btn {
	background: #ff4d57;
	border-radius: 25px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
}

.listing-btn i {
	background: #cd0b14;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 20px;
	transition: .4s;
}

.listing-btn span {
	padding: 12px 18px 15px 0;
}

.listing-btn:hover {
	background: #cd0b14;
	color: #fff;
}

.listing-btn:hover i {
	transform: rotate(90deg);
}

/*----------------------------------------*/
/*---------------breadclumb-sec-----------*/
/*----------------------------------------*/

.breadcrumb-section {
	position: relative;
	padding:40px 0px;
	width: 100%;
}

.breadcrumb-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .55);
}

.breadcrumb-content {
	position: relative;
	color: #fff;
}

.breadcrumb-content h2 {
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 8px;
}

/* anchor links */
.breadcrumb-content a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	transition: .3s;
}

.breadcrumb-content a:hover {
	color: #ff4d57;
}

.breadcrumb-content .active {
	font-weight: 600;
	opacity: .85;
}

.breadcrumb-content span {
	margin: 0 8px;
	color: #ddd;
}


/*-----------------------------------------------------*/
/*--------------for manufactures page-----------------*/
/*----------------------------------------------------*/
.premium-intro {
	width: 100%;
	padding: 40px 0;
	background: linear-gradient(135deg, #f7faff, #eef4fb);
}

/* Center content */
.premium-container {
	width: 1300px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

/* Left side */
.premium-left {
	flex: 1;
}

/* Small tag */
.tag {
	display: inline-block;
	background: #e3efff;
	color: #2a6fb0;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 15px;
}

/* Heading */
.premium-left h1 {
	font-size: 40px;
	color: #1f2d3d;
	line-height: 1.3;
	margin-bottom: 20px;
}

/* Paragraph */
.premium-left p {
	font-size: 16px;
	color: #556070;
	line-height: 1.8;
	margin-bottom: 14px;
}

/* Right image */
.premium-right {
	flex: 1;
	text-align: center;
}

.premium-right img {
	width: 520px;
	filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.08));
	transition: 0.6s;
	border-radius: 10px;
}

.premium-right img:hover {

	transform: scale(1.04) translateY(-6px);
}


.problem-section {
	padding: 30px 0;
	background: linear-gradient(180deg, #ffffff, #f7faff);
}

/* Header */
.problem-header {
	text-align: center;
	max-width: 700px;
	margin: auto;
	margin-bottom: 50px;
}

.container-problem {
	max-width: 1300px;
	margin: auto;
}

.problem-header .tag {
	display: inline-block;
	background: #e8f0ff;
	color: #2a6fb0;
	padding: 6px 16px;
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 10px;
}

.problem-header h2 {
	font-size: 36px;
	color: #1f2d3d;
	margin-bottom: 10px;
}

.problem-header p {
	color: #667085;
	font-size: 16px;
	line-height: 1.7;
}

/* Grid Layout */
.problem-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
	max-width: 1300px;
	margin: auto;
}

/* Boxes */
.problem-box {
	background: #ffffff;
	padding: 28px;
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
	transition: 0.4s ease;
}

.problem-box h4 {
	font-size: 18px;
	margin-bottom: 8px;
	color: #1f2d3d;
}

.problem-box p {
	font-size: 15px;
	color: #555;
	line-height: 1.6;
}

/* Hover */
.problem-box:hover {
	transform: translateY(-6px);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
}

.problem-box h4 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #1f2d3d;
	display: flex;
	align-items: center;
	gap: 10px;
}

.problem-box h4 i {
	color: #2a6fb0;
	font-size: 18px;
}

.solution-section {
	padding: 40px 0px;
}


.solution-container {
	width: 1300px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

/* Left */
.solution-left {
	flex: 1;
}

.solution-left .tag {
	display: inline-block;
	background: #e8f0ff;
	color: #2a6fb0;
	padding: 6px 16px;
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 12px;
}

.solution-left h2 {
	font-size: 36px;
	color: #1f2d3d;
	margin-bottom: 15px;
}

.solution-intro {
	font-size: 16px;
	color: #667085;
	line-height: 1.7;
	margin-bottom: 20px;
}

/* Points */
.solution-points {
	margin-bottom: 25px;
}

.point {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 12px;
	font-size: 15px;
	color: #444;
}

.point i {
	color: #2a6fb0;
	margin-top: 3px;
}

/* Button */
.cta-btn {
	background: #ff7a00;
	color: #fff;
	border: none;
	padding: 14px 28px;
	font-size: 15px;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.3s;
}

.cta-btn:hover {
	background: #e56d00;
	transform: translateY(-2px);
}

/* Right */
.solution-right {
	flex: 1;
	text-align: center;
}

.solution-right img {
	width: 520px;
	filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.08));
	transition: 0.4s ease;
}

.solution-right img:hover {
	transform: scale(1.05) translateY(-6px);
}


/*-----------------------*/
/*-----------------------*/
/*-----------------------*/
.enquiry-section {
	padding: 50px 0;
	background: #fff;
}


/* Heading */
.enquiry-heading {
	text-align: center;
	margin-bottom: 50px;
}

.enquiry-heading h2 {
	font-size: 36px;
	color: #1f2d3d;
	margin-bottom: 10px;
}

.enquiry-heading p {
	color: #667085;
	font-size: 16px;
}

/* Two column layout */
.enquiry-wrapper {
	display: flex;
	gap: 40px;
}

/* Box */
.enquiry-box {
	flex: 1;
	background: #fff;
	padding: 35px;
	border-radius: 10px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* Box heading */
.enquiry-box h3 {
	font-size: 22px;
	margin-bottom: 20px;
	color: #1f2d3d;
	display: flex;
	align-items: center;
	gap: 10px;
}

.enquiry-box h3 i {
	color: #2a6fb0;
}

/* Form */
.enquiry-box form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.enquiry-box input,
.enquiry-box select {
	padding: 12px 14px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	outline: none;
}

.enquiry-box input:focus,
.enquiry-box select:focus {
	border-color: #2a6fb0;
}

/* Button */
.enquiry-box button {
	margin-top: 10px;
	padding: 14px;
	background: #a5540a;
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 15px;
	cursor: pointer;
	transition: 0.3s;
}

.enquiry-box button:hover {
	background: #e56d00;
	transform: translateY(-2px);
}




.privacy-header {
	background: #f4f8ff;
	padding: 80px 0;
	text-align: center;
}

.privacy-header .container {
	max-width: 900px;
	margin: auto;
	padding: 0 20px;
}

.privacy-header h1 {
	font-size: 36px;
	font-weight: 700;
	color: #0b4f6c;
	margin-bottom: 10px;
}

.privacy-header .updated {
	font-size: 14px;
	color: #777;
	margin-bottom: 20px;
}

.privacy-header .intro {
	font-size: 16px;
	line-height: 1.7;
	color: #444;
}

.privacy-content {
	background: #ffffff;
	padding: 60px 0;
}

.privacy-content .container {
	max-width: 1300px;
	margin: auto;
	padding: 0 20px;
}

.policy-block {
	margin-bottom: 40px;
}

.policy-block h2 {
	font-size: 22px;
	color: #0b4f6c;
	margin-bottom: 15px;
	font-weight: 600;
}

.policy-block p {
	font-size: 15px;
	color: #555;
	line-height: 1.8;
	margin-bottom: 12px;
}


.terms-content {
	background: #ffffff;
	padding: 60px 0;
}

.terms-content .container {
	max-width: 1200px;
	margin: auto;
	padding: 0 20px;
}

.terms-block {
	margin-bottom: 35px;
}

.terms-block h2 {
	font-size: 22px;
	color: #0b4f6c;
	margin-bottom: 12px;
	font-weight: 600;
}

.terms-block p {
	font-size: 15px;
	color: #555;
	line-height: 1.8;
	margin-bottom: 10px;
}

/*-----------------------------------------*/
/*------------new styling-----------------*/
/*----------------------------------------*/

.heading-lining {
	padding: 40px 0 30px;
	background: #f8f9fb;
}

.list-top {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 20px;
}

.left-side {
	position: relative;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	background: #fff;
    width:100%;
    height: 380px;
    margin: 0px;
    transition: all .3s ease;
}

.left-side:hover .back-side {
	opacity: 1;
	background: rgba(0, 0, 0, 0.2);
}
.left-side:hover .my-img img {
	transform: scale(1.1);
}

.my-img {
	height: 100%;
}


.my-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.4s;
}

.back-side {
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	width: 100%;
	padding: 30px 25px;
	height: 100%;
	display: flex;
	align-items: flex-end;
	background: rgba(0, 0, 0, 0.5);
}

.back-side ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}


.back-side a {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	text-decoration: none;
	transition: 0.4s;
}

.back-side a:hover {
	color: #fff;
	text-decoration: underline;
}

.view-btn a {
	display: inline-block;
	background: #e64545;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	font-size: 15px;
	font-weight: 500;
	padding: 7px 20px;
	letter-spacing: 1px;
	line-height: 20px;
	margin-top: 10px;
}

.view-btn a:hover {
	text-decoration: none;
	color: #fff;
}

.product-right-side {
	border: 1px solid #ccc;
	padding:10px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	background:#fff;
}


/* RIGHT COLUMNS */
.product-right-side .card-column {
	display: flex;
	flex-direction: column;
	position: relative;
	border: 1px solid #ccc;
	display: flex;
	flex-direction: column;
	transition: 0.3s;
	overflow: hidden;
	padding:10px;
	transition: all .3s ease;
	border-radius:4px;
	box-shadow:0px 0px 2px #ccc;
	overflow:hidden;
	min-height:175px;
}
.product-right-side .card-column:hover {
	box-shadow:0px 0px 5px #ccc;
}
.product-right-side .card-column .list-img{
    position:absolute;
    height:60%;
    bottom:0;
    right:0;
    width:40%;
    overflow:hidden;
    border-radius:10px 0px 0px 0px;
}

.product-right-side .card-column .list-img img{
    position:relative;
    height:100%;
}
.product-right-side .card-column:hover .list-img img {
    transform: scale(1.1);
}
.product-right-side .card-column h3{
    position:relative;
    font-size:20px;
    margin:0px 0px 5px 0px;
    color:#2864BE;
}
.product-right-side .card-column ul{
    position:relative;
    width:100%;
    margin:0px;
    list-style:disc;
    padding:0px 0px 0px 15px;
}
.product-right-side .card-column ul li{
    position:relative;
    width:100%;
    margin:0px;
    list-style:disc;
    padding:0px;
}

.product-right-side .card-column ul li a{
	position: relative;
	width: 100%;
	list-style: disc;
	color:#000;
	text-decoration:none;
	font-size:14px;
}


.my-card:hover {
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1)
}


.one-line-heading {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 150px;
}

.card-head i {
	color: #0d6efd;
	border: 1px solid #ddd;
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 0.3s;
}

.card-head i:hover {
	background: #f5f7ff;
}

/* BODY */
.card-body {
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
	padding: 0px !important;
}

/* LINKS */
.items-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 10px 0px 0 35px;

}

.product-heading {
	color: #D80707;
	padding: 5px 0px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	font-family: "Inknut Antiqua", Sans-serif;
}

.items-list a {
	font-size: 14px;
	color: #0d6efd;
	text-decoration: none;
	line-height: 18px;
	transition: 0.45s;

}

.items-list a:hover {
	color: #0d6efd;
	transform: translateX(3px);
	text-decoration: underline;
}

.product-listing-section .my-card .list-img {
	padding: 0px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 35%;
	height: 60%;
	background: #d8ebf9;
	overflow: hidden;
}

.list-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.4s;
}

.my-card:hover .list-img img {
	transform: scale(1.05);
}


/* Section */
.testimonial-section {
	padding: 40px 0;
	background: #fff;
	position: relative;
}


/* Card */
.testimonial-card {
	background: #fff;
	padding: 25px;
	height: 100%;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
	transition: 0.3s ease;
	position: relative;
	margin: 20px 10px;
}

.testimonial-card:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

/* Quote Icon */
.testimonial-card .quote {
	font-size: 28px;
	color: #0d6efd;
	margin-bottom: 10px;
}

/* Content */
.testimonial-content {
	font-size: 15px;
	color: #555;
	line-height: 1.7;
	margin-bottom: 20px;
}

/* User Info */
.testimonial-user h4 {
	font-size: 16px;
	margin: 0;
	font-weight: 600;
}

.testimonial-user span {
	font-size: 13px;
	color: #888;
}


/* Nav Position Left Right */
.testimonial-section .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	pointer-events: none;
}

/* Buttons style */
.testimonial-section .owl-nav button {
	pointer-events: all;
	height: 40px;
	width: 40px;
	border-radius: 50% !important;
	border: 1px solid #ddd !important;
	background: rgba(0, 0, 0, 0.75) !important;
	color: #ffffff !important;
	font-size: 20px !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
	transition: 0.2s ease;
}

.testimonial-section .owl-nav .owl-prev {
	margin-left: -20px;
}

.testimonial-section .owl-nav .owl-next {
	margin-right: -20px;
}

.testimonial-section .owl-nav button:hover {
	background: rgba(0, 0, 0, 0.95) !important;
	color: #fff !important;
}

/* Dots */
.owl-dots {
	text-align: center;
	margin-top: 10px;
}

.owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	background: #ccc;
	display: block;
	margin: 5px;
	border-radius: 50%;
}

.owl-dots .owl-dot.active span {
	background: #0d6efd;
}


.blog-sec {
	padding: 40px 0px;
	position: relative;
	background: #fff;
}

.img-blog-content {
	height: 200px;
	width: 100%;
}

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

.blog-content h4 {
	font-size: 20px;
	padding: 10px 0px;
}

.blog-sec .owl-nav {
	display: block !important;
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	display: flex !important;
	justify-content: space-between;
	pointer-events: none;
	/* important */

}

.blog-sec .owl-nav button {

	height: 40px;
	width: 40px;
	background: #fff !important;
	color: #111 !important;
	border-radius: 50%;
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px !important;
	pointer-event: all;
}

.blog-sec .owl-nav .owl-prev {
	margin-left: -10px;
}

.blog-sec .owl-nav .owl-next {
	margin-right: -10px;
}

.header-line h2 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}


/* Section padding */
.stories-sec {
	padding: 40px 0;
}

/* Stories container */
.stories-slide {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

/* Individual story card */
.stories-content {
	position: relative;
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.stories-content:hover {
	transform: scale(1.03);
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
	overflow: hidden;
}

/* Story image */
.stories-img {
	height: 370px;
	width: 100%;
	position: relative;
}

.stories-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Overlay */
.overlay-stories {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2));
	z-index: 8;
	display: flex;
	align-items: flex-end;
	/* content bottom aligned */
}

/* Overlay content wrapper */
.overlay-stories-wrapper {
	padding: 20px;
	color: #fff;
	z-index: 10;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* Title */
.overlay-stories-wrapper h5 {
	font-size: 18px;
	margin: 0;
	font-weight: 600;
	line-height: 1.3;
}

/* Date + share icon container */
.stories-dating {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #ddd;
}

/* Share icon */
.stories-dating i {
	font-size: 16px;
	cursor: pointer;
	height: 30px;
	width: 30px;
	background: #fff;
	color: #333;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 0.3s ease, color 0.3s ease;
}

.stories-dating i:hover {
	color: #0d6efd;
	transform: scale(1.2);
}

.stories-sec .owl-nav {
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block !important;
	display: flex !important;
	width: 100%;
	justify-content: space-between !important;
}

.stories-sec .owl-nav button {
	background: #fff !important;
	color: #111 !important;
	font-size: 16px !important;
	height: 40px;
	width: 40px;
	border-radius: 50% !important;
	pointer-event: all;
}


body .headings {
	font-size: 24px;
	font-weight: bolder;
	color: #161a22;
	line-height: 1.35;
	padding: 2px 0;
}

section {
	padding: 0 5px 0 10px;
}

.product-containers {
	display: flex;
}

.thumbnails-gallry {
	display: flex;
	gap: 10px;
	height: 502px;
}

.mini-thumb {
	list-style: none;
	padding: 0px;
	margin: 0px;
	/* border: 1px solid #eaeaea; */
}


.thumbnails-gallry img {
	max-width: calc(100% - 2px);
	max-height: calc(100% - 2px);
}

.mini-thumb li {
	width: 62px;
	height: 62px;
	border: 1px solid #eaeaea;
	margin-bottom: 15px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mini-thumb li img {
	max-width: 100%;
	height: auto;
	max-height: 60px;
}

.thumbnail-main {
	margin: 0;
	text-align: center;
	height: 100%;
}

.main-media {
	width: 450px;
	height: 450px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #eaeaea;
}

.ad-intro {
	border: 1px solid #eaeaea;
	border-top: none;
	border-radius: 0 0 5px 5px;
}

.mini-thumb img {
	cursor: pointer;
	border: 2px solid transparent;
}

.mini-thumb img.active {
	border: 2px solid #000;
}

.price-s span {
	font-size: 24px;
	font-weight: 600;
}

.price-s a {
	color: #2e3192;
	font-weight: 600;
	font-size: 14px;
}

.price-s a:hover {
	text-decoration: none;
}

.tabledesc {
	padding-top: 8px !important;
}

.isq-container table {
	border: 1px solid #ced2da;
	border-radius: 12px;
	overflow: hidden;
	width: 100%;
}

.isq-container table tr {
	display: grid !important;
	grid-template-columns: 40% 60% !important;
	align-items: center !important;
}

.rowBgui {
	background: #f4f5f8;
}

.isq-container table td {
	padding: 3px 8px !important;
	align-content: center !important;
	height: 100%;
}

.isq-container table td {
	font-size: 14px !important;
	line-height: 1.5 !important;
	border-bottom: unset !important;
}

.tdwdt1 {
	width: unset !important;
	color: #161a22 !important;
	font-weight: 600;
}

.sub-heading {
	font-size: 20px;
	font-weight: 400;
}

.details-container {
	padding-left: 8px;
}

.glp-btn {
	width: 100%;
	display: block;
	padding: 8px 0;
	border: none;
	background-color: #1d8480;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	transition: background .2s, color .2s;
	border-radius: 0 0 8px 8px
}

.glp-btn:hover {
	background-color: #166a67;
	color: #fff;
	box-shadow: 0 4px 12px -2px rgba(22, 24, 29, .08);
}

.slicky-container img {
	width: 100%;
	height: 225px;
}

.slicky-container a {
	word-wrap: break-word;
	margin-top: 10px;
	color: #161a22;
	font-size: 16px;
	line-height: 1.5;
	text-decoration: none;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
}

.slicky-container .slick-slide {
	padding: 0 7.5px;
}

.slicky-container {
	margin: 0 -7.5px;
}

.product-container:hover .under-lin {
	text-decoration: underline;
}

.slicky-container address,
.addresss {
	margin-top: 3px;
	font-size: 12px;
	color: #6e7380;
	font-style: normal;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
}

.view-num {
	margin: 5px 0 0;
	padding: 0;
	background: transparent;
	border: none;
	font-size: 14px;
	cursor: pointer;
	color: #2e3192;
	text-decoration: underline;
}

.product-container strong {
	display: inline-block;
	margin-top: 10px;
	font-size: 22px;
	font-weight: 500;
	color: #161a22;
}

.right-div {
	border: 1px solid #ced2da;
	border-radius: 12px;
	box-shadow: 0 1px 3px 0 rgba(22, 24, 29, .06);
}

.cmpbox {
	width: 250px;
}

.mpnewUi {
	border-top: unset;
	padding: 10px;

}

.rigth-bar {
	display: flex;
	gap: 5px;
}

.rigth-bar img {
	max-width: 66px;
	max-height: 66px;
}

.pd_flsh a {
	text-decoration: none;
}

.rigth-bar h3 {
	color: #161a22;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
}

.h3 {
	color: #161a22;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
}

.add {
	font-size: 11px;
	display: block;
}

.callme {
	font-size: 12.5px;
}

.buttons-info button {
	margin: 0px !important
}

.buttons-info button {
	height: 48px;
	border: none;
	outline: none;
	background-color: transparent;
	color: #1d8480;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500 !important;
	transition: background-color .2s, border-color .2s, color .2s;
	width: 90%;
	margin: 5px auto 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;

}

.buttons-info button:last-child {
	border: 2px solid #1d8480;
}

.d-e:hover {
	border: 2px solid #1d8480;
}

.buttons-info i {
	font-size: 22px;
}

.price-btns {
	width: 48%;
	margin: 0 auto;
	background-color: #1d8480;
	color: #fff !important;
	border-radius: 8px;
}

.br-right {
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 1px 3px 0 rgba(22, 24, 29, .06);
	border-left: 6px solid #2e3192;
	overflow: hidden;
	transition: box-shadow .2s;
}

.img-task-bar {
	max-width: 100px !important;
	max-height: 100px !important;
}

.dflex {
	display: flex;
	gap: 25px;
}

.flexwrap nav a h2 {
	gap: 20px;
	font-weight: 700;
	font-size: 19px;
	text-decoration: none;
	color: #000;
}

.flexwrap nav a {
	text-decoration: none;
	display: inline-block;
	padding: 15px;
	text-decoration: none;

	font-weight: 500;
	border-bottom: 3px solid transparent;
	cursor: pointer;
}

.flexwrap nav {
	display: flex;
	gap: 15px;
	border-bottom: 1px solid var(--border-light);
	z-index: 3;
}

.tab-link.active {
	border-bottom-color: #1d8480;
}

.s-sec {
	margin: 20px 0;
}

.s-sec h2 {
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.s-tab {
	width: 100%;
	border-collapse: collapse;
}

.s-tab td:first-child {
	width: 35%;
	color: #757575;
}

.s-tab td {
	padding: 8px 5px;
	/* width: 65%;
    color: #333; */
	font-size: 15px;
}

.mb10 {
	margin-bottom: 10px;
}

.fs18 {
	font-size: 18px;
}

.section-title-minor {
	font-size: 16px;
	font-weight: 600;
	margin: 15px 0 10px;
	color: #161a22;
}

.image-belowfold>img {
	max-width: 100%;
	height: auto;
	margin-bottom: 15px;
	cursor: pointer;
}

.ber-pdg {
	padding: 10px;
	display: flex;
}

#obj_fit {
	width: 90px;
	height: 90px;
}

.ml12 {
	margin-left: 12px;
	margin-right: 5px;
}

.inlinemsghead {
	font-size: 15px;
}

.inlinemsgprodnm {
	color: #000;
	font-weight: 700;
}

.inline-enq-login {
	margin: 10px 0px;
}

.input-containermob {
	display: flex;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 4px;
	height: 43px;
	transition: border-color 0.3s ease;
}

.country-code {
	white-space: nowrap;
}

.country-code {
	color: #666;
	padding: 0 8px;
	border-right: 1px solid #ccc;
	height: 43px;
	align-content: center;
	transition: border-color 0.3s ease;
	width: 45px;
}

.mobile-input {
	border: none !important;
	outline: none !important;
	flex-grow: 1 !important;
	box-shadow: none !important;
	height: 30px !important;
	padding: 8px;
}

.be-msghlp {
	color: #777;
	font-style: italic;
	font-size: 12px;
	margin-top: 3px;
}

.ber-mdl {
	margin-top: 17px;
}

.inlinebtn {
	background: #2e3192;
	border-radius: 2px;
	color: #fff;
	font: 600 16px / 1.3 Arial, Helvetica, sans-serif;
	max-width: 270px;
	border: none;
	height: 35px;
	padding: 8px 0px;
	margin: auto;
	cursor: pointer;
	text-align: center;
}

.contBLin-con {
	background: #fff;
	border: 1px solid #d3d3d3;
	position: relative;
	/* min-height: 180px; */
}

.seller-contact-details {
	border: 1px solid var(--border-light);
	padding-bottom: 10px;
	font-size: 14px;
}

.seller-contact-details h4 {
	font-size: 16px;
	font-weight: 600;
	color: #161a22;
	background: #e6e8ee;
	line-height: 1.35;
	padding: 0 10px;
}

.seller-contact-details h5 {
	font-size: 15px;
	font-weight: 500;
	margin: 5px 0;
	color: #161a22;
}

.color6 {
	color: #000;
}

.seller-person {
	font-size: 12px;
	color: #525966;
	margin-bottom: 4px;
	display: block;
}

.address {
	color: #6e7380;
	font-size: 13px;
	line-height: 1.5;
}

.website-link {
	font-size: 12px;
	text-decoration: none;
	margin-bottom: 4px;
}

.mobile-link {
	color: #1d8480;
	cursor: pointer;
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	font-size: 12px;
	white-space: nowrap;
}

.action-buttons {
	display: flex;
	gap: 10px;
	margin-top: 15px;
}

.btn-small-outline {
	flex-grow: 1;
	background: #fff;
	border: 2px solid #1d8480;
	color: #1d8480;
	padding: 6px 16px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color .2s, border-color .2s, color .2s;
}

.pd-3 {
	padding-left: 8px;
}

.ic-c i {
	font-size: 20px;
	padding-right: 10px;
}

.contact-prompt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f4f5f8;
	padding: 16px;
	border-radius: 8px;
	margin-bottom: 30px;
	max-width: 460px;

	margin-top: 30px;
}

.contact-prompt p {
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	color: #161a22;
}

.btn-contact-seller {
	background-color: #1d8480;
	color: #fff;
	border: none;
	padding: 12px 24px;
	border-radius: 8px;
	font-weight: 500;
	cursor: pointer;
	font-size: 14px;
	transition: background-color .2s, border-color .2s, color .2s;
	min-width: 150px;
}

.seller_products .section-title {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 15px;
	color: #161a22;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
}

.products {
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 12px;
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.d_grid {
	display: grid;
}

.product_item {
	border: none;
	box-shadow: 0 1px 3px 0 rgba(22, 24, 29, .06);
	border-radius: 12px;
	grid-template-columns: 90px auto;
	grid-gap: 10px;
	overflow: hidden;
	transition: .3s;
}

.imgBox {
	height: 90px;
	width: 90px;
	overflow: hidden;
	background-color: #fff;
}

.seller_products .products img {
	max-width: 100%;
	max-height: 90px;
}

.proDetails {
	align-content: space-between;
	padding: 5px 5px 5px 0;
}

.line_clamp_2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	color: #161a22;
}

.products li a {
	text-decoration: none;
	font-weight: 500;
}

.Get_Quote {
	font-size: 14px;
	color: #161a22;
	text-decoration: none;
}

.proDetails .text_ellipsis_1 {
	margin-bottom: 0px;
}

@media screen and (min-width: 1295px) and (max-width: 1499px) {
	.seller_products .proDetails .PName {
		font-size: 13px;
		color: #161a22;
	}

	.seller_products .proDetails .price {
		font-size: 14px;
		color: #161a22;
	}
}

@media screen and (min-width: 1440px) {
	.seller_products .product_item .proDetails {
		height: auto;
		min-height: 90px;
	}
}

.section-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	margin: 30px 0 15px;
	color: #161a22;

}

.company-details-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 1.5;
}

.company-details-grid dd {
	margin: 0;
	line-height: 1.5;
	font-size: 14px;
	color: #161a22;
	font-weight: 400;
}

.company-details-grid dt {
	color: #6e7380;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
}

.company-description {
	line-height: 1.5;
	color: #161a22;
	font-size: 16px;
}

.company-description p {
	font-size: 16px;
	margin-bottom: 15px;
	color: #161a22;
}

.cmpRtng {
	display: block;
	width: 100%;
	box-shadow: none;
	border: none;
	padding: 0;
}

.slrrtng {

	background-color: #fff;

	box-sizing: border-box;
	color: #333;

}

.pd_tal {
	text-align: left;
}

.pb20 {
	padding-bottom: 20px;
}

.brdE0b {
	border-bottom: 1px solid #e0e0e0;
}

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

.pd_aic {
	align-items: center;
}

.fs32 {
	font-size: 32px;
}

.sRt .flsRt {
	color: #fdc12a;
	padding: 0;
	z-index: 1;
	top: 0;
	overflow: hidden;
	bottom: 0;
}

.rtngInfoIcon {
	display: inline-flex;
	margin-left: 8px;
	position: relative;
	top: 2px;
	cursor: pointer;
}

.clr82 {
	color: #828282;
}

.fs24 {
	font-size: 24px;
}

.fs30 {
	font-size: 30px;
}

.bo {
	font-weight: 500;
}

.fs14 {
	font-size: 14px;
}

.lh20 {
	line-height: 20px;
}

.pd_aic {
	align-items: center;
}

.dsf {
	display: flex;
}

.fs18 {
	font-size: 18px;
}

.pd_arC {
	height: 9px;
	margin-left: 8px;
	margin-right: 8px;
	background-color: #d9d9d9;
}

.brs5 {
	border-radius: 5px;
}

.w180 {
	width: 180px;
}

.pr {
	position: relative !important;
}

.pd_arL {
	left: 0;
	top: 0;
	bottom: 0;
}

.abslt {
	position: absolute;
}

.pd_rGrn {
	background-color: #72ae44 !important;
}

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

.crlcrd {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.crlcrd .percent,
.crlcrd svg {
	position: relative;
	height: 68px;
}

.crlcrd svg {
	width: 68px;
	transform: rotate(-90deg);
}

.crlcrd svg circle {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #d9d9d9;
	stroke-width: 8;
	stroke-linecap: round;
}

.crlcrd .number {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 12px;
}

.crlcrd .number h3 {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 0px;
}

.crlcrd svg circle:last-of-type {
	stroke-dasharray: 184px;
	stroke-dashoffset: calc(184px - (184px * var(--percent)) / 100);
	stroke: #7fac53;
}

.crlcrd .title h2 {
	margin: 10px 0 0;
	font-size: 14px;
	font-weight: 700;
}

h2,
h4 {
	font-family: Roboto, system-ui, sans-serif;
	color: #161a22;
}

.color .pd_aic {
	margin-bottom: 0px;
}

.brdE0b {
	border-bottom: 1px solid #e0e0e0;
}

.rtSmlm {
	gap: 8px;
	justify-content: space-between;
}

.pd_aic {
	align-items: center;
}

.dsf {
	display: flex;
}

.brdE0b.pd15 .fs16.color.mt10 {
	font-size: 14px;
}

.rtImgm {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.dsf {
	display: flex;
}

.rtSml {
	height: 24px;
	width: 48px;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	line-height: 0;
	justify-content: center;
}

.pfsh {
	flex-shrink: 0;
}

.pd_rDGrn {
	background-color: #068076;
}

.pWdBk {
	word-break: break-word;
}

.brdE0b.pd15 .fs14.clr82,
.brdE0b.pd15 .fs14.color {
	font-size: 13px;
	margin-bottom: 0px;
}

.ml15 {
	margin-left: 15px;
}

.clr82 {
	color: #828282;
}

.brdE0b.pd15 .fs12.clr82 {
	font-size: 12px;
}

.inRqd {
	display: flex;
	gap: 8px;
	padding-left: 4px;
}

.inRqd p {
	background: #f2f2f2;
	height: 25px;
	padding: 0 12px;
	border-radius: 4px;
	flex-shrink: 0;
	margin-bottom: 0px;
}

.fs12 {
	font-size: 12px;
}

.custom-svg,
.dnIcons {
	height: 16px;
	width: 18px;
	margin-right: 5px;
}

.custom-svg {
	fill: #72ad44;
}

.pdf-embed {
	height: 600px;
	width: 100%;

	overflow: hidden;
	padding-bottom: 15px;
}

@media (max-width: 992px) {
	.product-containers {
		flex-wrap: wrap;
		width: 100%;
	}

	.sticky-top {
		position: static;
	}

	.cmpbox {
		display: none;
	}

	.thumbnails-gallry {}

	.container {
		overflow: hidden;
	}
}

@media (max-width: 768px) {
	.thumbnails-gallry {
		flex-direction: column-reverse;
		height: auto;
	}

	.mini-thumb {
		display: flex;
	}

	.main-media {
		width: 100%;
	}

	section {
		padding: 0
	}

	.products {
		grid-template-columns: 1fr;
	}

	.company-details-grid {
		grid-template-columns: repeat(2, 1fr);
	}

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

	.dsf {
		flex-wrap: wrap;
	}

	.slickymanage {
		padding: 2rem 0;
	}
}

@media(max-width: 568px) {
	.slrtN {
		grid-template-columns: repeat(1, 1fr);
	}
}


.product-page-sec {
	padding: 30px 0px;
	background: #f3f4f3;
	width: 100%;
}

.product-page-left {
	display: grid;
	grid-template-columns: 1.2fr 1.5fr;
	gap: 20px;
	padding: 15px 10px;
	height: 550px;
	background: #fff;
	border-radius: 10px 0px 0px 10px;

}

.product-page-left-img {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.product-page-img-wrapper {
	width: 100%;
	padding: 10px 0px;
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-page-left-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.product-page-left-content {
	padding: 0px 14px;
}

.product-page-left-content h2 {
	font-size: 18px;
	font-weight: 700;
}

.product-page-left-content-pricing {
	font-size: 12px;
	color: #2864be;
}


.product-page-left-content-pricing>.offer-latest {
	font-size: 15px;
	color: rgb(203, 42, 42);
	padding-left: 25px;
}

.product-dividing-part {
	display: flex;
	line-height: 14px;
}

.product-dividing-part p {
	color: black;
	font-size: 14px;
	font-weight: 600;
	margin: 0px;
	line-height: 28px;
}

.product-dividing-part span {
	width: 130px;
	font-size: 14px;
	line-height: 28px;
}

.Submit-enqi {
	padding: 10px 30px;
	margin-top: 20px;
	background: #2864be;
	border: none;
	border-radius: 30px;
	color: #fff;
	font-size: 17px;
	margin-bottom: 20px;
}

.details-link {
	padding-top: 20px;
	color: #2864be;
}

.last-dividing {
	border-bottom: none;
	padding-bottom: 20px;
}

.product-page-right {
	background: #fbf9f9;
	padding: 20px 15px;
	height: 550px;
	border-radius: 0px 10px 10px 0px;

}

.product-page-right-content {

	display: flex;
	gap: 20px;
}

.product-page-right-content-img {
	height: 55px;
	width: 65px;
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-page-right-content-cont h2 {
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
}

.product-page-right-content-cont>.location-right {

	color: gray;
	font-size: 14px;
}

.product-page-right-content-cont>.location-right>i {

	color: gray;

}

.product-page-right-content-cont>p {
	font-size: 17px;

}

.product-page-right-content-cont>p>i {
	color: gold;
	padding-left: 2px;
}

.num-btn {
	padding: 7px 15px;
	border: 1px solid #2864be;
	background: transparent;
	color: #2864be;
	border-radius: 5px;
	margin-bottom: 20px;
}

.calender-right {
	display: flex;

	gap: 10px;
}

.calender-right>h5 {
	font-size: 16px;

}

.calender-right>h5>span {
	font-size: 13px;
	color: gray;
}

.company-details a {
	padding: 0px 15px;
	color: #2864be;
	text-decoration: none;
}

.supplier-box {
	padding: 25px 15px;
	margin: 10px 0px 3px;
	border: 1px solid #2864be;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

}

.supplier-box h2 {
	font-size: 17px;

}

.supplier-box button {
	padding: 7px 15px;
	border: 1px solid #2864be;
	background: transparent;
	color: #2864be;
	border-radius: 5px;
}

.service-content-main {
	padding: 40px 0px;
}

.service-content {
	background: #fff;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.3);
	padding: 20px;
	border-radius: 20px;
}

.service-button {
	display: flex;
	gap: 10px;
	border-bottom: 1px solid #ccc;
}

.btn-service {
	padding: 10px 20px;
	border: none;
	background: #fff;
	color: #111;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.3s;
}

/* default active */
.btn-service.active {
	border-bottom: 3px solid #870808;
}


.service-detail-section {
	padding: 0px 0;

}


.service-info-box {
	background: #fff;
	display: grid;
	padding-top: 20px;
	grid-template-columns: repeat(3, 1fr);
}

.info-item {
	display: flex;
	gap: 12px;
	margin-bottom: 22px;
}

.info-item i {
	font-size: 20px;
	color: #72410c;
}

.info-item h6 {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
}

.info-item p {
	margin: 3px 0 0;
	font-size: 14px;
	color: #555;
}

.service-content1 {
	flex: 1;
}

.service-content1 h2 {
	margin-bottom: 20px;
	font-size: 26px;
}

.service-content h3 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 20px;
}

.service-content1 p {
	line-height: 1.8;
	color: #444;
}

.service-content ul {
	padding-left: 20px;
}

.service-content ul li {
	margin-bottom: 8px;
}


/* Section */
.requirement-section {

	background: #fff;
	margin-top: 40px;
	border: 3px solid #2864be;
}


/* Heading */
.requirement-container h2 {
	font-size: 24px;
	background: #2864be;
	text-align: start;
	color: #fff;
	padding: 13px 20px;
	margin-bottom: 25px;
}

/* Form */
.requirement-form {
	text-align: left;
	padding: 20px;
}

.form-group {
	margin-bottom: 18px;
}

.form-group label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 6px;
}

.form-group input,
.form-group textarea {
	width: 100%;
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 14px;
	outline: none;
}

.form-group textarea {
	height: 100px;
	resize: none;
}

/* Focus effect */
.form-group input:focus,
.form-group textarea:focus {
	border-color: #2f80ff;
}

/* Button */
.req-btn {

	padding: 12px;
	background: #2864be;
	color: #fff;
	border: none;
	font-size: 16px;
	cursor: pointer;
	margin-top: 10px;
	border-radius: 5px;
}

.req-btn:hover {
	background: #f42e2e;
}

.quotes-sec1 {
	position: sticky;
	top: 20px;
	left: 100%;

}

.look-for {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
}

.look-for h5 {
	font-size: 18px;

}

.look-for h2 {
	font-size: 20px;
	color: #845517;
}

.look-for button {
	padding: 12px 0px;
	width: 100%;
	background: #2864be;
	color: #fff;
	font-weight: 700;
	border: none;
	border-radius: 10px;
}

.contact-detail-quotes {
	background: #fff;
	border-radius: 10px;
	margin: 40px 0px;
}

.contact-detail-quotes h4 {
	padding: 10px 20px;
	background: #f6f2f2;
	border-radius: 10px;
	border-bottom: 1px solid #ccc;
}

.contact-detail-divider {
	padding: 6px 20px;
	display: flex;
	gap: 10px;
	line-height: 20px;
}

.contact-detail-divider i {
	font-size: 18px;
}

.contact-detail-divider h5 {
	font-size: 16px;

}

.contact-detail-divider p {
	font-size: 14px;
	line-height: 12px;
}

.btn-enquiry {
	padding: 20px;
	display: flex;
	gap: 20px;
}

.btn-enquiry button {
	padding: 10px 10px;
	display: flex;
	gap: 8px;
	background: #2864be;
	border: none;
	color: #fff;
	font-weight: 500;
	border-radius: 5px;
}

.list-product {
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
}

.list-product h2 {
	font-size: 34px;
	font-weight: 600;
}

.list-product h6 {
	font-size: 20px;
	font-weight: 500;
}

.list-product button {

	padding: 10px 20px;
	border: none;
	background: #2864be;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	border-radius: 5px;
}

.similiar-service-sec {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.similiar-service-sec h2 {
	font-size: 22px;
}

.similiar-service-sec button {
	border: none;
	background: transparent;
	font-size: 17px;
	font-weight: 600;
}

/* Container */
.similiar-service-container {

	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

/* Card */
.similiar-service-box {
	background: #fff;
	border: 1px solid #9b7c7c;
	padding: 20px 15px;
	text-align: center;
	transition: 0.3s;
	height: 100%;
	border-radius: 10px;
}


/* Image */
.similiar-service-img {
	height: 120px;
	width: 120px;
	margin: 0 auto;
	margin-bottom: 15px;
}

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

/* Content */
.similiar-service-content h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 6px;
	margin-top: 30px;
	min-height: 40px;
}

/* Get Quote */
.quote-link {
	display: inline-block;
	font-size: 14px;
	color: #2864be;
	text-decoration: none;
	margin-bottom: 6px;
}

.quote-link:hover {
	text-decoration: underline;
}

/* Seller */
.similiar-service-content p {
	font-size: 13px;
	margin: 3px 0;
}

.similiar-service-content>p>span {
	color: #2864be;
}

.similiar-service-content>button>span {
	color: #fff;
	font-weight: 500;
}

/* Address */
.address-similiar {
	color: #8b7d7d;
	font-size: 13px;
	min-height: 34px;
}

/* Button */
.enquiry-btn1 {
	margin-top: 10px;
	padding: 8px 14px;
	border: 1px solid #2864be;
	background: #2864be;
	color: #fff !important;
	cursor: pointer;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: 0.3s;
	border-radius: 8px;
}


.seller-cities {
	padding: 40px 0px;
}

.seller-cities h4 {
	font-size: 22px;
}

.cities-btn {
	display: flex;
	gap: 20px;
}

.cities-btn button {
	padding: 5px 20px;
	border: none;
	background: #fff;
	border-radius: 5px;
	font-weight: 600;

}

.cities-btn button:hover {
	background: #845517;
	color: #fff;
}

.browser-categories h2 {
	font-size: 22px;
}

.browser-container {
	display: flex;
	gap: 20px;
}

.browser-box {
	background: #fff;
	display: flex;
	gap: 15px;
	padding: 18px;
	border: 1px solid #e5e5e5;
	width: 100%;
	max-width: 310px;
	border-radius: 10px;

}


/* Image */
.browser-box-img {
	width: 85px;
	height: 75px;
	flex-shrink: 0;
}

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

/* Content */
.browser-content {
	flex: 1;
}

.browser-content h5 {
	font-size: 15px;
	margin: 0 0 5px;
	min-height: 40px;
}

.browser-content span {
	font-size: 13px;
	color: #777;
	line-height: 10px;
	display: block;
	margin-bottom: 8px;
}

/* Button */
.browser-btn {
	padding: 7px 16px;
	background: #2864be;
	color: #fff;
	border: none;
	border-radius: 5px;
	font-size: 13px;
	cursor: pointer;
	transition: 0.3s;
}

.transport-service {
	padding: 40px 0px;
}

.product-page-left-content-p {

	font-size: 14px;
	color: #333;
}

.my-part {
	margin-bottom: 20px;
}


.associated-brand {
	position: relative;
	width: 100%;
	padding: 60px 0px 35px 0px;
}

.associated-box {

	transition: 0.3s;
	height: 190px;
	width: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
	border: 1px solid #ccc;
	text-align: center;
}

.associated-box img {
	height: 100%;
	width: 100%;
}

.associated-brand-track {
	position: relative;
}

.associated-brand-track.owl-carousel .owl-nav {
	display: block !important;
	position: absolute;
	display: flex !important;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	justify-content: space-between !important;
	align-items: center !important;
}

.slide-area {
	position: relative;
	width: 100%;
	margin-top: 20px;
}

.main-category-list {
	position: relative;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 5px #ccc;
	border-radius: 12px;
	padding: 0px;
}

.main-category-list h3 {
	position: absolute;
	top: 0;
	right: 0;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	background: #2864BE;
	color: #fff;
	padding-left: 15px;
	width: 100%;
	z-index: 4;
	display: flex;
	gap: 10px;
}

.main-category-list h3 img {
	height: 22px;
	width: 22px;
	margin: 12px 0px;
}


.secondry-category-list-box {
	position: absolute;
	display: none;
	right: 0;
	left: 100%;
	width: 850px;
	top: 0;
	min-height: 350px;
	padding-left: 15px;
	border: 1px solid #f7f8f9;
	z-index: 999;
	background: #f7f8f9;
}

.primary-category-list {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.primary-category-list li {
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 42px;
	height: 42px;
	padding: 0px 15px;
	border-bottom: 1px solid #ccc;
	transition: 0.4s;
}

.primary-category-list li:hover {
	background: #fff;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.4);
}

.primary-category-list li:last-child {
	border-bottom: 0px solid #ccc;
}

.primary-category-list li a {
	position: relative;
	text-decoration: none;
	font-size: 16px;
	line-height: 42px;
	display: inline-block;
	width: 100%;
	color: #333;
	display: flex;
	gap: 10px;
}

.primary-category-list li a img {
	height: 26px;
	width: 26px;
	margin: 7px 0px;
}


.primary-category-list {
	position: relative;
	width: 100%;
}

.slide-box {
	position: relative;
	width: 100%;
	height: 462px;
	overflow: hidden;
}

.slide-image-box {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	overflow: hidden;
}

.slide-image-box img {
	position: relative;
	width: 100%;
	height: 100%;
}

.primary-category-list li:hover .secondry-category-list-box {
	display: block;
}

.secondry-category-type-box {
	position: relative;
	width: 100%;
	padding-top: 15px;
}

.secondry-category-type-box h3 {
	position: relative;
	font-size: 18px;

}


.secondry-category-type-box ul {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.secondry-category-type-box ul li {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 32px;
	height: 32px;
	padding: 0px 15px;
	border-bottom: 0px solid #ccc;
}

.secondry-category-type-box ul li a {
	position: relative;
	text-decoration: none;
	font-size: 16px;
	line-height: 32px;
	display: inline-block;
	width: 100%;
	color: #333;
}

.mci {
	position: absolute;
	right: -5px;
	top: 2px;
	font-size: 12px;
}

.slide-area .container-fluid {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.top-cities-section .col-lg-2 {
	flex: 0 0 auto;
	width: 11.11%;
}

.product-listing-section {
	position: relative;
	width: 100%;
	padding: 40px 0px 8px;
}

.view-more-box {
	position: relative;
	width: 100%;
	text-align: center;
}

.view-more-box .btn-view-more {
	position: relative;
	width: auto;
	background: #c62828;
	color: #fff;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding: 0px 25px;
	border-radius: 6px;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
}

.header {
    position:sticky;
	z-index: 999;
	top:0;
	left:0;
	width: 100%;
	padding: 0px;
	background: #fff;

	box-shadow: 0px 0px 10px #ccc;
	
}

.header .navbar {
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 0px 0px 10px 0px;
}

.header .navbar .logo {
	width: 20%;
	padding-left: 15px;
	float: left;
	display: inline-block;
	position: relative;
	margin-bottom: 0px;
	padding-top: 5px;
}

.header .navbar .logo img {
	width: 90%;
	height: auto;
	display: inline-block;
	position: relative;
}

.search-area {
	width: 60%;
	text-align: center;
	float: left;
	display: inline-block;
	position: relative;
	top: 8px;
}

.search-area form {
	width: 90%;
	display: inline-block;
	position: relative;
	border: 1px solid #2864be;
	border-radius: 25px;
	height: 48px;
	overflow: hidden;
}

.search-area form input:focus {
	outline: none;
}

.btn-search {
	width: 17%;
	height: 47px;
	background: #2864be;
	;
	border: none;
	color: #fff;
	display: inline-block;
	position: relative;
}

.header .navbar .nav-icons {
	width: 20%;
	padding-right: 15px;
	float: left;
	text-align: right;
	display: inline-block;
	position: relative;
	top: 8px;
}

.header .navbar .nav-icons a {
	width: auto;
	height: 44px;
	background: #2864be;
	text-align: center;
	border-radius: 25px;
	color: #fff;
	display: inline-block;
	padding: 0px 25px;
	line-height: 44px;
	text-decoration: none;

}

.nav-links {
	position: relative;
	width: 100%;
	display: inline-block;
	background: #2864BE;
	padding: 2px 25px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0px;
}

.nav-links-side-left {
	position: relative;
	width: 30%;
	display: inline-block;
	float: left;
}

.nav-links-side-right {
	position: relative;
	width: 30%;
	display: inline-block;
	float: left;
	text-align: right;
}

.nav-links-side-right ul {
	position: relative;
	width: 100%;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	top: 10px;
}

.nav-links-side-right ul li {
	position: relative;
	display: inline-block;
	margin: 0px;
	padding: 0px 10px;
	list-style: none;
	line-height: 18px;
}

.nav-links-side-right ul li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
}

.nav-links-side-left span {
	position: relative;
	display: inline-block;
	color: #fff;
	margin-right: 10px;
	font-size: 16px;
	line-height: 40px;
	top: 2px;
}
.btn-login-for-user {
	display: inline-block;
	text-decoration: none;
	border: 1px solid #6998e5;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 14px;
	color: #000;
	font-weight: 500;
	background-image: linear-gradient(#f2f2f2, #ffffff);
	transition: all 0.3s ease;
}
.btn-join-for-user {
	display: inline-block;
	text-decoration: none;
	border: 1px solid #013892;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	background-image: linear-gradient(#2e76eb, #013892);
	transition: all 0.3s ease;
}
.btn-join-for-user:hover {
	border: 1px solid #013892;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	background-image: linear-gradient(#013892, #2e76eb);
	transition: all 0.3s ease;
}
.nav-links-side-center ul {
	position: relative;
	width: 100%;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	top: 10px;
}
.nav-links-side-center ul li {
	position: relative;
	display: inline-block;
	margin: 0px;
	border-right: 1px solid #ccc;
	padding: 0px 10px;
	list-style: none;
	line-height: 18px;
}

.nav-links-side-center ul li:last-child {
	border-right: 0px solid #ccc;
	padding-left: 5px;
}

.nav-links-side-center ul li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
}

.nav-links-side-center {
	position: relative;
	width: 40%;
	display: inline-block;
	float: left;
	text-align: right;
}

.icon-btn {
	width: 42px;
	height: 42px;
	background: #ffffff;
	color: #ff4d57;
	border-radius: 50%;
	display: inline-block;
	float: right;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 16px;
	transition: .3s;
	text-align: center;
	line-height: 42px;
}


.slide-right-side-panel {
	position: relative;
	width: 100%;
	border-radius: 12px;
	height: 462px;
	border: 1px solid #ccc;
	padding: 12px;
	background: #fff;
}

.looking-become-btn-group-box {
	position: relative;
	width: 100%;
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:10px;
	
}

.looking-become-btn-group-box .btn-looking {
	position: relative;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	padding: 0px 15px;
	border-radius: 5px;
	height: 32px;
	line-height: 32px;
	background: #2864BE;
	float: left;
	display: inline-block;
}

.looking-become-btn-group-box .btn-become {
	position: relative;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	padding: 0px 15px;
	border-radius: 5px;
	height: 32px;
	line-height: 32px;
	background: #2864BE;
	display: inline-block;
	float: right;
}

.looking-become-form-box {
	position: relative;
	width: 100%;
	display: inline-block;
}

.looking-become-form-box .form-input-group {
	position: relative;
	width: 100%;
	display: inline-block;
	margin-bottom: 5px;
	border-radius: 4px;
	overflow: hidden;
	height: 36px;
	border: 1px solid #ccc;
}

.looking-become-form-box .form-input-group input {
	position: relative;
	width: 100%;
	border: none;
	height: 100%;
	padding: 0px 10px;
}

.looking-become-form-box .form-input-group input::placeholder {
	position: relative;
	font-size: 13px;
}

.looking-become-form-box .form-input-group textarea {
	position: relative;
	width: 100%;
	border: none;
	min-height: 70px;
	padding: 0px 10px;
}

.looking-become-form-box .form-input-group textarea::placeholder {
	position: relative;
	font-size: 12px;
}

.form-input-group.auto-height {
	height: auto;
}

.looking-become-form-box button {
	position: relative;
	width: 100%;
	border: none;
	height: 32px;
	border-radius: 4px;
	background: #2864be;
	color: #fff;
	margin-bottom: 5px;
}

.looking-become-form-box p {
	font-size: 12px;
	line-height: 16px;
	margin: 0px
}

.input-field-icon {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 14px;
}

.info-section {
    position:relative;
    width:100%;
    background:#fff;
	padding: 50px 0px 0px;
}

.service-card {
	text-decoration: none;
	display: block;
}

.service-content1 {
	text-align: center;
}

.service-icon {
	width: 130px;
	margin-bottom: 15px;
	animation: floatIcon 3s ease-in-out infinite;
}

/* Animation */
@keyframes floatIcon {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0px);
	}
}

.service-title1 {
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 600;
	color: #fff;
}

.service-link1 {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 500;
}

.lead-box {
	height: 300px;
	padding: 20px 25px;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 25px;
	animation: floatBox 4s ease-in-out infinite;
	transition: 0.3s;
}

.lead-header {
	display: flex;
	align-items: center;
	gap: 8px;
}

.lead-header i {
	color: #0d6efd;
}

.lead-interest-title {
	font-weight: 600;
	margin: 10px 0 5px;
}

.lead-para {
	font-size: 14px;
	color: #555;
}

.lead-budget {
	background: #fff;
	padding: 10px 15px;
	border-radius: 10px;
}

.budget-row {
	display: flex;
	align-items: center;
	font-size: 14px;
	padding: 5px 0;
}

.middle-off {
	flex: 1;
	border-bottom: 1px dashed #bbb;
	margin: 0 10px;
	padding: 6px 0px;
}

.lead-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.profile-link {
	text-decoration: none;
	color: #0d6efd;
	font-weight: 500;
}

.profile-link i {
	transition: 0.3s;
}

.profile-link:hover i {
	transform: translateX(5px);
}

.marquee-wrapper {
	overflow: hidden;
	position: relative;
}

.marquee-track {
	display: flex;
	gap: 20px;
	width: max-content;
	animation: scrollMarquee 38s linear infinite;
}

/* Pause on hover */
.marquee-wrapper:hover .marquee-track {
	animation-play-state: paused;
}

@keyframes scrollMarquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}


/* Different Backgrounds */
.box-one {
	background: #eef7ff;
}

.box-two {
	background: #dbeaf5;
}

.box-three {
	background: #b3d4bd;
}

.box-four {
	background: #edebe7;
}

.container-fluid {
	padding: 0px 45px !important;
}

.how-guide-section{
padding:60px 0;
background:#fff;
}
.section-title-box1{
display:flex;
align-items:center;
gap:20px;
margin-bottom:40px;
max-width:1200px;
margin:auto;
}

.section-title-box1::before,
.section-title-box1::after{
content:"";
flex:1;
height:2px;
background:#2864be;
width:70%;
}

.section-title-box1 h2{
margin:0px;
font-size:36px;
color:#1c2f4a;
}
/* FLOW */

.how-guide-flow{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

/* STEP BOX */

.guide-item{
width:300px;
text-align:center;
}

/* IMAGE */

.guide-img img{
width:220px;
display:block;
margin:0 auto 20px;
}

/* TEXT */

.guide-text h4{
font-size:22px;
font-weight:700;
color:#1c2f4a;
margin:0;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
line-height:20px;
}


.guide-text h4 span{
display:flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:50%;
background:#1f4fa3;
color:#fff;
font-size:16px;
}

.guide-text p{
font-size:16px;
color:#444;
}

/* ARROW */

.center-arrow{
display:flex;
align-items:center;
gap:10px;
}

.center-arrow .dots{
width:50px;
border-top:2px dotted #9aa3ad;
}

.center-arrow i{
font-size:20px;
color:#7a7a7a;
}
.product-details-page{
    position:relative;
    width:100%;
    padding:60px 0px;
    margin-top:130px;
}
.about-page-section{
    position:relative;
    width:100%;
    padding:30px 0px;
    background:#f8f9fb;
}

.section-title-box{
    width:100%;
    margin-bottom:15px;
    
}

.section-title-box h2{
    font-size:26px;
    margin:0;
    color:#2864be;
}
.about-text-box{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#fff;
    box-shadow:0px 5px 25px rgba(0,0,0,0.4);
    border-radius:15px;
    padding:20px;
    height:520px;
}

.about-text-box span{
    font-size:14px;
    text-transform:uppercase;
    color:#2864be;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:10px;
}

.about-text-box h2{
    font-size:32px;
    font-weight:700;
    color:#000;
    margin-bottom:18px;
}

.about-text-box h2 span{
    color:#2864be;
}

.about-text-box p{
    font-size:15px;
    line-height:27px;
    color:#555;
    margin-bottom:15px;
}

/* button */

.about-btn-red{
    display:inline-block;
    padding:12px 26px;
    background:#2864be;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    font-weight:600;
    width:fit-content;
    margin-top:10px;
    transition:.3s;
}

.about-btn-red:hover{
    background:#1d4f99;
}

/* image */

.about-image-box{
    width:100%;
    border-radius:12px;
    overflow:hidden;
    height:520px;
    margin-bottom:25px;
    box-shadow:0px 5px 25px rgba(0,0,0,0.4);
}

.about-image-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition: transform .4s ease;
}

.about-image-box:hover img{
    transform:scale(1.08);
}
.section-title-box.text-center h2{
    position:relative;
    width:100%;     
}
.section-title-box.text-center h2 span{
    position:relative;
    display:inline-block;
    background:#fff;
    padding:0px 10px;
}
.section-title-box.text-center h2:before{
    position:absolute;
    width:100%;
    content:'';
    top:45%;
    left:0;
    right:0;
    height:2px;
    border-top:2px solid #ccc;
    display:inline-block;
}
.verified-section{
    position:relative;
    width:100%;
    padding:70px 0px;
    background:#e5eaf0;
}
.verified-text-box{
    position:relative;
    width:100%;
    text-align:center;
}
.verified-text-box a{
    position:relative;
    width:auto;
    display:inline-block;
    background:#2864BE;
    border-radius:4px;
    color:#fff;
    padding:0px 25px;
    line-height:44px;
    font-size:16px;
    text-decoration:none;
    
}
.footer {
   background: #004aad url("../images/footer-bg.png") no-repeat center;
   background-size: cover;
   color: #fff;
   padding: 80px 20px;
}    
.footer .logo img{
   position:relative;
   width:auto;
   height:50px;
}    
   .footer-container {
   display: grid;
   grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1.3fr;
   gap: 40px;
   }

   .copyright {
   font-size: 14px;
   margin-bottom: 25px;
   }
   .social-links {
   display: flex;
   gap: 12px;
   }
   .social-links a {
   width: 38px;
   height: 38px;
   background: #0f3d7a;
   color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   text-decoration: none;
   transition: 0.3s;
   }
   .social-links a:hover {
   background: #fff;
   color:#0f3d7a;
   }
   /* Link Columns */
   .footer-col h4 {
   color: #fff;
   font-size: 18px;
   font-weight:700;
   letter-spacing: 1px;
   margin-bottom: 25px;
   }
   .footer-col ul {
   list-style: none;
   }
   .footer-col ul li {
   margin-bottom: 12px;
   }
   .footer-col ul li a {
   color: #fff;
   text-decoration: none;
   font-size: 14px;
   transition: 0.3s;
   display:flex;
   gap:10px;
   align-items:center;
   }
   .footer-col ul li a:hover {
   color: #fff;
   }
   .contact-item {
   display: flex;
   gap: 15px;
   font-size: 14px;
   line-height: 1.6;
   }
   .icon-circle {
   color: #fff; /* Red color for icons */
   font-size: 18px;
   margin-top: 4px;
   }
   .reach-us {
   color: #fff;
   text-decoration: none;
   font-size: 13px;
   border-bottom: 1px solid #fff;
   }
   .hours {
   color: #fff;
   font-size: 13px;
   }
   .ol, ul {
   padding-left: 0px;
   }
   /* Mobile Responsiveness */
   @media (max-width: 992px) {
   .footer-container {
   grid-template-columns: 1fr 1fr;
   }
   .brand-col {
   grid-column: span 2;
   margin-bottom: 30px;
   }
   }
   @media (max-width: 576px) {
   .footer-container {
   grid-template-columns: 1fr;
   }
   .brand-col {
   grid-column: span 1;
   }
   }
   
   .why-choose-us-section{
       position:relative;
       width:100%;
       padding:40px 0px;
       background:#fff;
   }
 .why-choose-text-box{
    width:100%;
    padding:30px 0px 0px;
   
}


.why-choose-text-box ul{
    list-style:none;
    margin:0;
    padding:0;
}

.why-choose-text-box ul li{
    position:relative;
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px 20px;
    margin-bottom:15px;
    background:#ffffff;
    border-radius:8px;
    border:1px solid #eee;
    transition:all .3s ease;
}

.why-choose-text-box ul li:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

/* icon circle */

.why-choose-text-box ul li span{
    min-width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#2864be;
    border-radius:50%;
}

.why-choose-text-box ul li span i{
    font-size:14px;
    color:#fff;
}

/* text */

.why-choose-text-box ul li a{
    text-decoration:none;
    font-size:17px;
    color:#222;
    font-weight:500;
    transition:.3s;
}

.why-choose-text-box ul li:hover a{
    color:#2864be;
}  
   .why-choose-image-box{
        position:relative;
        width:100%; 
        border-radius:12px;
        padding:20px;
        background:#fff;
        overflow:hidden;
   }  
   .why-choose-image-box img{
        position:relative;
        width:100%; 
        border-radius:12px;
   }     
   
   .b2b-hero{
    position:relative;
    width:100%;
    height:420px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:url("../images/third-banner.jpeg") 
}

/* overlay */
.b2b-hero::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.75);
}

.b2b-hero-content{
    position:relative;
    max-width:800px;
    color:white;
    padding:20px;
}

.b2b-hero-title{
    font-size:44px;
    font-weight:700;
    margin-bottom:15px;
}

.b2b-hero-subtitle{
    font-size:18px;
    line-height:1.6;
    margin-bottom:30px;
}
.b2b-hero-buttons{
    display:flex;
    justify-content:center;
    gap:15px;
}

.b2b-btn-primary{
    padding:12px 28px;
    background:#ff6b00;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    font-weight:600;
}

.b2b-btn-primary:hover{
    background:#e55f00;
}

.b2b-btn-outline{
    padding:12px 28px;
    border:2px solid #fff;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    font-weight:600;
}

.b2b-btn-outline:hover{
    background:#fff;
    color:#000;
}

.country-supplier-section{
padding:80px 40px;
background:#f8f9fb;
}

.country-heading{
text-align:center;
font-size:32px;
font-weight:700;
margin-bottom:50px;
}

.state-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
}

.state-card{
text-decoration:none;
}

.state-img{
position:relative;
border-radius:8px;
overflow:hidden;
}

.state-img img{
width:100%;
height:200px;
object-fit:cover;
display:block;
}
.state-img::after{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.55);
transition:0.4s;
}
.state-img:hover::after{
    background:rgba(0,0,0,0.25);
}
.state-img span{
position:absolute;
bottom:15px;
left:15px;
color:#fff;
font-weight:600;
font-size:18px;
z-index:2;
}

.advantages-section{
    width:100%;
    padding:20px 0px;
    background:#ffffff;
}

.advantages-title{
    text-align:center;
    margin-bottom:30px;
}

.advantages-title h2{
    font-size:32px;
    font-weight:700;
    margin-bottom:10px;
}

.advantages-title p{
    font-size:16px;
    color:#666;
}

.advantages-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

/* card */

.advantage-card{
    background:#f8f9fb;
    padding:35px 25px;
    border-radius:10px;
    text-align:center;
    transition:.3s;
    border:1px solid #eee;
}

.advantage-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.advantage-icon{
    width:70px;
    height:70px;
    margin:auto;
    margin-bottom:18px;
    background:#e9f1ff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    color:#2864be;
}

.advantage-card h3{
    font-size:20px;
    margin-bottom:10px;
}

.advantage-card p{
    font-size:14px;
    color:#666;
    line-height:24px;
}

.mission-section{
    position:relative;
    width:100%;
    padding:40px 0px;
    background:#f8f9fb;
}

.mission-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    border:1px solid #e3e3e3;
    border-radius:8px;
    padding:20px;
}

.mission-card{
    display:flex;
    align-items:flex-start;
    gap:20px;
    padding:20px;
    border-radius:10px;
    transition:all .3s ease;
}

.mission-card:hover{
    background:#fff;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.mission-icon{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:50%;
    background:#eaf1ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    color:#2864be;
}

.mission-content h3{
    margin:0 0 10px 0;
    font-size:22px;
    font-weight:600;
}

.mission-content p{
    margin:0;
    font-size:15px;
    line-height:26px;
    color:#555;
}

.manufacturer-list-section{
padding:70px 0px;
background:#f8f9fb;
}

.manufacturer-title{
text-align:center;
margin-bottom:40px;
}

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

.manufacturer-card{
display:flex;
gap:9px;
background:#fff;
border:1px solid #eee;
border-radius:8px;
overflow:hidden;
transition:.3s;
}

.manufacturer-card:hover{
transform:translateY(-4px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.manufacturer-image{
width:160px;
min-width:160px;
}

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

.manufacturer-content{
padding:20px;
}

.manufacturer-content h3{
margin:0 0 8px;
font-size:20px;
}

.manufacturer-location{
font-size:14px;
color:#2864be;
margin-bottom:10px;
}

.manufacturer-work{
font-size:14px;
line-height:24px;
color:#555;
margin-bottom:15px;
}


.more-card{
display:none;
}

.view-btn-box{
text-align:center;
margin-top:35px;
}

#toggleBtn{
padding:12px 30px;
background:#2864be;
border:none;
color:#fff;
cursor:pointer;
border-radius:5px;
}

.inquiry-section{
padding:40px 0px;
background:#fff;
}

.inquiry-text h2{
font-size:32px;
margin-bottom:15px;
}

.inquiry-text p{
font-size:15px;
line-height:26px;
color:#555;
margin-bottom:15px;
}

.inquiry-list{
list-style:none;
padding:0;
margin-top:20px;
}

.inquiry-list li{
margin-bottom:10px;
font-size:14px;
}

.inquiry-list i{
color:#2864be;
margin-right:8px;
}

/* FORM */

.inquiry-form{
background:#fff;
padding:30px;
box-shadow:0px 5px 25px rgba(0,0,0,0.9);
border-radius:8px;
border:1px solid #eee;
}

.form-group{
margin-bottom:15px;
}

.form-group input,
.form-group textarea{
width:100%;
padding:12px 14px;
border:1px solid #ddd;
border-radius:4px;
font-size:14px;
outline:none;
}

.form-group textarea{
height:120px;
resize:none;
}

.inquiry-btn{
width:100%;
padding:13px;
border:none;
background:#2864be;
color:#fff;
font-size:16px;
border-radius:4px;
cursor:pointer;
}

.inquiry-btn:hover{
background:#1d4f99;
}
.product-industry-section{
padding:40px 0px;
background:#f8f9fb;
}

.product-industry-title{
text-align:center;
margin-bottom:40px;
}

.product-industry-title h2{
font-size:30px;
}

.product-industry-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}

.product-industry-box{
display:flex;
justify-content:space-between;
align-items:center;
padding:16px 18px;
background:#fff;
border:1px solid #eee;
border-radius:6px;
text-decoration:none;
color:#000;
transition:.3s;
}

.product-industry-box span{
font-size:15px;
}

.product-industry-box b{
color:#2864be;
font-weight:600;
}

.product-industry-box:hover{
border-color:#2864be;
transform:translateY(-4px);
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.manufacturer-benefits{
padding:30px 0px;
background:#fff;
}

.benefits-title{
text-align:center;
margin-bottom:50px;
}

.benefits-title h2{
font-size:30px;
margin-bottom:10px;
}

.benefits-title p{
color:#666;
font-size:15px;
}

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

.benefit-box{
background:#f8f9fb;
padding:30px;
border-radius:8px;
text-align:center;
border:1px solid #eee;
transition:.3s;
}

.benefit-box i{
font-size:32px;
color:#2864be;
margin-bottom:15px;
}

.benefit-box h4{
font-size:18px;
margin-bottom:10px;
}

.benefit-box p{
font-size:14px;
color:#555;
line-height:24px;
}

.benefit-box:hover{
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.blog-hero-section{
position:relative;
width:100%;
padding:120px 0;
background:url("../images/third-banner.jpeg");
background-size:cover;
background-position:center;
}

.blog-hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.55);
}

.blog-hero-content{
position:relative;
max-width:750px;
margin:auto;
text-align:center;
color:#fff;
}

.blog-label{
display:inline-block;
background:#2864be;
padding:6px 14px;
border-radius:20px;
font-size:13px;
margin-bottom:15px;
}

.blog-hero-content h1{
font-size:46px;
margin-bottom:18px;
}

.blog-hero-content p{
font-size:16px;
line-height:28px;
margin-bottom:30px;
color:#eee;
}

.blog-search-box{
display:flex;
max-width:500px;
margin:auto;
background:#fff;
border-radius:6px;
overflow:hidden;
}

.blog-search-box input{
flex:1;
border:none;
padding:14px 16px;
font-size:14px;
outline:none;
}

.blog-search-box button{
width:60px;
border:none;
background:#2864be;
color:#fff;
cursor:pointer;
}
.featured-blog-section{
padding:80px 40px;
background:#fff;
}

.featured-blog-title{
margin-bottom:35px;
}

.featured-blog-title h2{
font-size:30px;
}

/* BIG BLOG */

.featured-blog-card{
display:block;
text-decoration:none;
color:#000;
}

.featured-blog-img{
height:350px;
overflow:hidden;
border-radius:8px;
margin-bottom:18px;
}

.featured-blog-img img{
width:100%;
height:100%;
object-fit:cover;
transition:.4s;
}

.featured-blog-card:hover img{
transform:scale(1.08);
}

.featured-blog-content h3{
font-size:24px;
margin:10px 0;
}

.blog-category{
font-size:13px;
color:#2864be;
}

.featured-blog-content p{
font-size:15px;
line-height:26px;
color:#555;
}

.blog-read{
display:inline-block;
margin-top:10px;
color:#2864be;
font-weight:600;
}

/* SMALL BLOGS */

.small-blog-list{
display:flex;
flex-direction:column;
gap:20px;
}

.small-blog-card{
display:flex;
gap:15px;
text-decoration:none;
color:#000;
border-bottom:1px solid #eee;
padding-bottom:15px;
}

.small-blog-card img{
width:110px;
height:80px;
object-fit:cover;
border-radius:6px;
}

.small-blog-card h4{
font-size:16px;
margin-bottom:5px;
}

.small-blog-card span{
font-size:12px;
color:#777;
}
.all-blogs-section{
padding:30px 0px;
background:#f8f9fb;
}

.all-blogs-title{
text-align:center;
margin-bottom:45px;
}

.all-blogs-title h2{
font-size:32px;
margin-bottom:10px;
}

.all-blogs-title p{
color:#666;
font-size:15px;
}

.all-blogs-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.blog-card{
background:#fff;
border-radius:8px;
overflow:hidden;
text-decoration:none;
color:#000;
border:1px solid #eee;
transition:.3s;
}

.blog-card-img{
height:220px;
overflow:hidden;
}

.blog-card-img img{
width:100%;
height:100%;
object-fit:cover;
transition:.4s;
}

.blog-card-content{
padding:20px;
}

.blog-meta{
font-size:12px;
color:#2864be;
}

.blog-card-content h3{
font-size:18px;
margin:8px 0 10px;
}

.blog-card-content p{
font-size:14px;
color:#555;
line-height:24px;
}

.blog-read-more{
display:inline-block;
margin-top:10px;
color:#2864be;
font-weight:600;
}

.blog-card:hover img{
transform:scale(1.1);
}

.blog-card:hover{
box-shadow:0 12px 30px rgba(0,0,0,0.08);
}
.blog-pagination{
display:flex;
justify-content:center;
align-items:center;
gap:10px;
margin:60px 0;
}

.page-number,
.page-btn{
padding:10px 16px;
border:1px solid #ddd;
text-decoration:none;
color:#000;
border-radius:4px;
font-size:14px;
transition:.3s;
}

.page-number:hover,
.page-btn:hover{
background:#2864be;
color:#fff;
border-color:#2864be;
}

.page-number.active{
background:#2864be;
color:#fff;
border-color:#2864be;
}

.contact-breadcrumb-section{
padding:20px 0px;
background:#fff;
}

.contact-breadcrumb{
font-size:14px;
color:#666;
}

.contact-breadcrumb a{
text-decoration:none;
color:#2864be;
font-weight:500;
}

.contact-breadcrumb span{
margin:0 6px;
color:#999;
}

.gif-sec-main{
    padding:25px 0px 0px;
}

.postreq-hero-section{
position:relative;
width:100%;
height:150px;
display:flex;
align-items:center;
background:linear-gradient(135deg,#2864be,#1f4f97);
padding:50px 40px;

}

.postreq-hero-content{
max-width:750px;
color:#fff;
margin:auto;
text-align:center;
}

.postreq-hero-content h1{
font-size:32px;
margin:0 0 6px 0;
font-weight:600;
}

.postreq-hero-content p{
font-size:15px;
line-height:22px;
margin:0;
opacity:0.9;
}
.postreq-form-section{
padding:60px 40px;
background:#f7f9fc;
}

/* FORM BOX */

.requirement-form-box{
background:#fff;
padding:30px;
border-radius:8px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.requirement-form-box h2{
font-size:26px;
margin-bottom:20px;
}

/* FORM */

.form-group{
width:100%;
margin-bottom:15px;
}

.form-group label{
display:block;
font-size:14px;
margin-bottom:5px;
}

.form-group input,
.form-group textarea{
width:100%;
padding:10px 12px;
border:1px solid #ccc;
border-radius:4px;
font-size:14px;
}

.form-group textarea{
height:100px;
resize:none;
}

.form-row{
display:flex;
gap:15px;
}

.form-row .form-group{
flex:1;
}

/* BUTTON */

.submit-req-btn{
margin-top:10px;
padding:12px 25px;
border:none;
background:#2864be;
color:#fff;
font-size:15px;
border-radius:4px;
cursor:pointer;
text-decoration:none;
}

.submit-req-btn:hover{
background:#1f4f97;
color:#fff;
}

/* RIGHT SIDE */

.requirement-benefits{
background:#fff;
padding:25px;
border-radius:8px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.requirement-benefits h3{
margin-bottom:15px;
}

.requirement-benefits ul{
list-style:none;
padding:0;
margin:0;
}

.requirement-benefits ul li{
display:flex;
align-items:center;
gap:10px;
margin-bottom:10px;
font-size:14px;
}

.requirement-benefits ul li i{
color:#28a745;
}
.phone-input{
display:flex;
align-items:center;
border:1px solid #ccc;
border-radius:4px;
overflow:hidden;
}
.phone-input input{
    border:none;
}
.country-code{
background:#f3f4f7;
padding:10px 12px;
font-size:14px;
border-right:1px solid #ccc;
}

.phone-input input{
border:none !important;
outline:none;
padding:10px;
width:100%;
font-size:14px;
}
.checkbox-group{
display:flex;
gap:15px;
margin-top:5px;
}

.check-item{
font-size:14px;
cursor:pointer;
}

.check-item input{
margin-right:6px;
}

.file-upload input{
display:none;
}

.file-upload label{
display:block;
border:2px dashed #d0d7e2;
padding:10px;
border-radius:6px;
cursor:pointer;
background:#fafbfd;
text-align:center;
transition:0.3s;
}

.file-upload label:hover{
border-color:#0d6efd;
background:#f2f7ff;
}

.help-drop{
position:relative;
}

/* dropdown box */

.help-drop .help-dropdown{
display:none;
position:absolute;
top:110%;
right:0;
width:240px;
background:#fff;
border-radius:6px;
box-shadow:0 10px 30px rgba(0,0,0,0.12);
z-index:99;
}

/* list reset */

.help-drop .help-dropdown > ul{
list-style:none;
margin:0;
padding:0;
}

/* menu items */

.help-drop .help-dropdown > ul > li{
padding:10px 20px;
display:flex;
align-items:center;
transition:0.3s;
}

/* hover effect */

.help-drop .help-dropdown > ul > li:hover{
background:#f5f7fb;
}

/* links */

.help-drop .help-dropdown > ul > li > a{
text-decoration:none;
font-size:15px;
color:#333;
width:100%;
display:block;
text-align:start;
}

/* divider */

.help-drop .help-dropdown > ul > li:not(.last-help){
border-bottom:1px solid #eee;
}

/* phone section */

.help-drop .help-dropdown .last-help{
display:flex;
align-items:center;
gap:8px;
padding:15px 20px;
background:#f9fafc;
}

/* icon */

.help-drop .last-help i{
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
background:#2864be;
color:#fff;
border-radius:50%;
font-size:14px;
}

/* phone text */

.help-drop .last-help span{
font-size:12px;
font-weight:600;
color:#222;
}

/* hover trigger */

.help-drop:hover .help-dropdown{
display:block;
}

.register-hero-section{
position:relative;
padding:40px 0px;
background:url("../images/third-banner.jpeg") center/cover no-repeat;
}

.register-hero-section::before{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,0.55);
}

.register-hero-wrapper{
position:relative;
display:grid;
align-items:center;
grid-template-columns:1.4fr 1fr;
gap:40px;
}

/* LEFT CONTENT */

.register-hero-content{

flex:1;
color:#fff;
}

.register-hero-content h1{
font-size:42px;
margin-bottom:15px;
}

.register-hero-content p{
font-size:16px;
line-height:26px;
margin-bottom:20px;
}

.register-benefits{
list-style:none;
padding:0;
margin:0;
}

.register-benefits li{
margin-bottom:10px;
font-size:15px;
display:flex;
align-items:center;
gap:10px;
}

.register-benefits i{
color:#4ade80;
}

/* FORM */

.register-form-box{
width:500px;
flex:1;
background:#fff;
padding:30px;
border-radius:8px;
box-shadow:0 15px 40px rgba(0,0,0,0.4);
}

.register-form-box h3{
margin-bottom:20px;
}

.form-group{
margin-bottom:15px;
display:flex;
flex-direction:column;
}

.form-group label{
font-size:14px;
margin-bottom:5px;
}

.form-group input,
.form-group select{
padding:10px;
border:1px solid #ccc;
border-radius:4px;
font-size:14px;
}

/* phone input */

.phone-group{
flex-direction:row;
border:1px solid #ccc;
border-radius:4px;
overflow:hidden;
}

.phone-group input{
border:none;
flex:1;
padding:10px;
}

.country-code{
background:#f3f4f7;
padding:10px 12px;
border-right:1px solid #ccc;
}

/* button */

.register-btn{
width:100%;
padding:12px;
background:#2864be;
border:none;
color:#fff;
font-size:16px;
border-radius:4px;
cursor:pointer;
}

.register-btn:hover{
background:#1f4f97;
}

.register-benefit-section{
padding:40px 0px;
background:#f7f9fc;
text-align:center;
}

.register-benefit-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-top:40px;
}

.benefit-card{
background:#fff;
padding:30px 25px;
border-radius:8px;
box-shadow:0 8px 25px rgba(0,0,0,0.06);
transition:0.3s;
}

.benefit-card:hover{
transform:translateY(-6px);
}

.benefit-icon{
width:60px;
height:60px;
margin:auto;
margin-bottom:15px;
background:#2864be;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:22px;
}

.benefit-card h4{
font-size:20px;
margin-bottom:10px;
}

.benefit-card p{
font-size:14px;
line-height:22px;
color:#555;
}

.how-work-section{
padding:30px 0;
background:#fff;
}

.how-work-wrapper{
display:flex;
align-items:center;
gap:50px;
}

/* left image */

.how-work-image{
flex:1;
}

.how-work-image img{
width:100%;
border-radius:8px;
}

/* right content */

.how-work-content{
flex:1;
}

.how-work-content h2{
font-size:34px;
}

/* step */

.work-step{
display:flex;
gap:15px;
padding:18px 0;
border-bottom:1px solid #e5e5e5;
}

.work-step:last-child{
border-bottom:none;
}

.work-icon{
width:45px;
height:45px;
background:#2864be;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:18px;
flex-shrink:0;
}

.work-text h4{
font-size:18px;
margin-bottom:5px;
}

.work-text p{
font-size:14px;
color:#555;
line-height:22px;
}

.contact-main-sec{
padding:70px 0;
background:#f7f9fc;
}

/* heading */

.query-heading{
font-size:30px;
margin-bottom:20px;
color:#0f1e3a;
}

/* form box */

.query-form-box{
background:#fff;
padding:30px;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.06);
}

.form-subheading{
border-bottom:2px solid #2864BE;
padding-bottom:8px;
margin-bottom:20px;
font-size:18px;
}

/* rows */

.form-row{
display:flex;
gap:20px;
margin-bottom:18px;
}

.form-group{
flex:1;
display:flex;
flex-direction:column;
}

.form-group label{
font-size:14px;
margin-bottom:5px;
}

.form-group input,
.form-group select{
height:42px;
border:1px solid #ddd;
border-radius:5px;
padding:0 10px;
}

.form-group textarea{
border:1px solid #ddd;
border-radius:5px;
padding:10px;
height:110px;
}

/* button */

.submit-btn{
margin-top:10px;
background:#2864BE;
color:#fff;
border:none;
padding:12px 28px;
border-radius:5px;
cursor:pointer;
}

/* right side */

.contact-heading{
font-size:24px;
margin-bottom:20px;
color:#0f1e3a;
}

.contact-info-box{
background:#fff;
padding:25px;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.06);
}
.contact-map iframe{
width:100%;
height:220px;
border:0;
border-radius:6px;
margin-bottom:20px;
}

.contact-details{
background:#fff;
padding:20px;
border-radius:6px;
box-shadow:0px 5px 20px rgba(0,0,0,0.05);
}

.contact-details h3{
font-size:22px;
margin-bottom:15px;
color:#0f1e3a;
}

.contact-item1{
display:flex;
gap:12px;
margin-bottom:15px;
}

.contact-item1 i{
font-size:18px;
color:#2864BE;
margin-top:4px;
}

.contact-item1 p{
font-size:14px;
color:#444;
line-height:1.6;
margin:0;
}

.contact-item1 strong{
color:#0f1e3a;
}

/*---------------------------------------------*/
/*---------pricing ----------------------------*/
/*---------------------------------------------*/
.pricing-hero {
  padding: 100px 8%;
  text-align: center;
  background:#2864be;
}

.pricing-hero-wrap {
  max-width: 900px;
  margin: auto;
}

.pricing-hero h1 {
  font-size: 46px;
  margin-bottom: 14px;
  color: #fff;
}

.pricing-subtitle {
  font-size: 18px;
  color: #fff;
}

.pricing-divider {
  width: 100%;
  height: 2px;
  background: #ffff;
  margin: 26px auto;
}

.pricing-points {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  color: #fff;
  font-weight: 500;
}

.pricing-points span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pricing-points i {
  font-size: 18px;
}

/* Responsive */
@media(max-width:600px) {
  .pricing-hero h1 {
    font-size: 30px;
  }
}





.pricing-section {
  padding: 90px 8%;
  background: #f8fbff;
  text-align: center;
  font-family: Segoe UI, sans-serif;
}

.pricing-title {
  font-size: 40px;
  font-weight: 700;
}

.pricing-subtitle1 {
  color: #090101;
  margin: 12px 0 15px;
}

.billing-toggle {
  display: inline-flex;
  border: 1px solid #ccc;
  border-radius: 40px;
  overflow: hidden;
  margin-bottom: 60px;
}

.billing-toggle button {
  padding: 10px 28px;
  background: none;
  border: none;
  font-weight: 600;
  cursor: pointer;
}

.billing-toggle .active {
  background:#2864be;
  color: #fff;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 35px;
}

.price-card {
  background: #fff;
  border: 1px solid #ddd;
  padding: 40px 30px;
  border-radius: 18px;
  text-align: left;
}

.price-card h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.price {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 25px;
}

.features {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}

.features li {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #444;
}

.features i {
  color: #2864be;
}

.plan-btn {
  display: block;
  text-align: center;
  padding: 12px;
  border-radius: 30px;
  border: 1px solid #2864be;;
  color: #2864be;
  font-weight: 600;
  text-decoration: none;
  margin-bottom:20px;
}

.plan-btn:hover {
  background:#2864be;
  color: #fff;
  
}

.filled {
  background:#2864be;
  color: #fff;
}

.popular {
  border: 2px solid #2864be;
  position: relative;
}

.badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #2864be;
  color: #fff;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
}

.hidden {
  display: none;
}


.pricing-cta {
  padding: 90px 8%;
  background:#2864be;
  color: #fff;
  text-align: center;
}

.cta-container {
  max-width: 900px;
  margin: auto;
}

.pricing-cta h2 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #fff;
}

.pricing-cta p {
  font-size: 18px;
  opacity: .9;
  margin-bottom: 40px;
  color: #fff;
}

.cta-actions {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.cta-btn {
  padding: 14px 34px;
  border-radius: 40px;
  font-weight: 600;
  text-decoration: none;
}

.cta-btn.primary {
  background: #fff;
  color: #eb9925;
}

.cta-btn.outline {
  border: 1px solid #ffffff;
  color: #fff;
}

.cta-trust {
  margin-top: 35px;
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  font-size: 15px;
}

.cta-trust i {
  margin-right: 6px;
}