* {
	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 {
	position: relative;
	width: 100%;
	padding: 40px 0;
	background: #fff;
	margin-bottom: 25px;
}
.region-section .col-md-2{
	position: relative;
	width: 12.5%;
	padding: 0px 5px;
}

/* 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);
	gap:8px;
}
.region-card {
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.region-inner {
    width: 100%;
    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%;
}
.more-cities a{
    text-decoration: none;
}

/* 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-------------------*/
/*---------------------------------------*/


.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;
}


.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%;
	border-radius: 25px;
	border: 3px solid #2864be;
}

.search-area select {
	position: relative;
	width: 28%;
	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;

}
.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%;
	display: flex;
	gap: 15px;
}

.single-category-image-box .single-category-image img {
	position: relative;
	width: 100%;
	height: 300px;
}
.key-features-content h2 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #1e293b;
}

.key-features-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.key-features-content ul li {
    font-size: 15px;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 12px;
    padding-left: 18px;
    position: relative;
}

.key-features-content ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #2864be;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}
.single-category-details-box h3 a{
    font-size: 15px;
}
.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;
	color: #fff !important;
	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: 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: #222;
	text-align: start;
	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%;
	border-bottom: 1px solid #ddd;
	display: inline-block;
}

.details-area4productncompant .details-type-box h4 {
	position: relative;
	font-size: 20px;
	text-transform: uppercase;
	font-weight:600;
	display: inline-block;
	background: #f7f8f9;
}

.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{
    padding:20px 0px;
}
.details-type-description-box .rating-star-box .star-rating2u i {
	font-size: 24px;
	color: #FCC44C;
}
.details-type-description-box1{
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.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;
	color: #fff !important;
	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;
    border-radius: 6px 0px 0px 6px;
}

.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;
	width: 100%;
	padding: 30px 25px;
	height: 100%;
	display:inline-block;
	background: rgba(0, 0, 0, 0.5);
}
.back-side .content {
    position: absolute;
    bottom: 75px; 
}

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

.back-side .content li{
	list-style: disc;
	width: 100%;
    color: #fff;
    font-size: 15px;
    display: inline-block;
    text-decoration: none;
    transition: 0.4s;
    line-height: 26px;
    font-weight: 400 !important;	
}
.back-side .content ul li{
	list-style: disc;
	width: 100%;
	line-height: 28px;
    color: #fff;
    font-size: 15px;
    display: inline-block;
    text-decoration: none;
    transition: 0.4s;
    font-weight: 400 !important;	
}
.back-side .content ul li a {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    text-decoration: none;
    transition: 0.4s;
    font-weight: 400 !important;
}
.back-side .content ul li span {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    text-decoration: none;
    transition: 0.4s;
    font-weight: 400 !important;
}
.back-side .content 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: 17px;
	padding: 10px 0px;
	text-align:center;
}

.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: 28px;
    color: #1c2f4a;
	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;
  border-radius: 9px 9px 0px 0px;
  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: 462px;
	max-height: 462px;
	overflow: hidden;
	padding-left: 15px;
	border: 1px solid #f7f8f9;
	z-index: 999;
	background: #fff;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.16);

}

.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;
  border-radius: 10px;
}

.slide-image-box {
  position: relative;

  height: 100%;
  overflow: hidden;
}

.slide-image-box img {
  position: relative;
  height: 460px;
}

.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: 14px;
  background: none !important;
  color:#111;
  margin: 0px;
  padding: 0px 15px;
  font-weight: 600;
  border-radius:0px;
}

.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: 25px;
  height: 25px;
  padding: 0px 15px;
  border-bottom: 0px solid #ccc;
}

.secondry-category-type-box ul li a {
  position: relative;
  text-decoration: none;
  font-size: 14px;
  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: 9999;
	top:0;
	left:0;
	width: 100%;
	padding: 0px;
	background: #fff;
	box-shadow: 0px 0px 10px #ccc;
	
}
.header .navbar {
    width: 100%;
    padding: 10px 10px;
}
.header .navbar .row {
    align-items: center;
    width: 100%;
}
.header .navbar .logo {
    display: flex;
    align-items: center;
}

.header .navbar .logo img {
    width: auto;
    height: 50px;
}

/* Search */
.search-area {
    display: flex;
    justify-content: center;
}

.search-area form {
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #2864be;
    border-radius: 30px;
    height: 50px;
    background: #fff;
}

/* Select */
.search-area select {
    border: none;
 
    padding: 0 5px;
    font-size: 15px;
    outline: none;
}

/* Input */
.search-area input {
    flex: 1;
    border: none;
    
    padding: 0 12px;
    font-size: 15px;
}

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

/* Button */
.btn-search {
    background: #2864be;
    color: #fff;
    border: none;
    padding: 0 20px;
    height: 100%;
    border-radius:0px 20px 20px 0px;
}
.custom-select-wrapper {
  position: relative;
  width: 160px;
  font-size: 14px;
  
}

.custom-select-selected {
  padding: 10px 8px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  border-right: 1px solid #ccc;
  align-items: center;
}

.custom-select-selected .arrow-icon {
  transition: transform 0.3s;
}

.custom-select-wrapper.open .arrow-icon {
  transform: rotate(180deg);
}

.custom-select-options {
  display: none;
  position: absolute;
  list-style: none;
  top: 100%;
  left: 0;
  width: 100%;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
  background: #fff;
  z-index: 99;
  border-radius: 0px 0px 10px 10px;
}

.custom-select-options li {
  padding: 8px 15px;
  cursor: pointer;
  font-size: 13px;
  color:gray;
  border-bottom: 1px solid #ccc;
}

.custom-select-options li:last-child {
  border-bottom: none;
}

.custom-select-options li:hover {
  background: #f5f5f5;
  color:#111;
}


/* Right side */
.header .navbar .nav-icons {
    display: flex;
    justify-content: flex-end;
}

.header .navbar .nav-icons a {
    background: #ff0000;
    color: #fff;
    padding: 12px 26px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}
.nav-links {
    width: 100%;
    background: #fafafa;
    padding: 0px 20px;
    border-bottom: 1px solid #ccc;
}
.nav-links .row {
    display: flex;
    align-items: center;
}
.nav-links-side-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.nav-links-side-center {
    display: flex;
    justify-content: center;
}
.nav-links-side-center ul {
    display: flex;
    margin: 0;
    gap: 8px;
    padding: 0;
    list-style: none;
}
.nav-links-side-center ul li {
    border-right: 1px solid rgba(255,255,255,0.3);
    
}
.nav-links-side-center ul li:last-child {
    border-right: none;
}
.nav-links-side-right {
    display: flex;
    background: #fff;
    justify-content: center;
    border: 1px solid #ccc;
  
}

.nav-links-side-right ul {
    display: flex;
    align-items: center;
    justify-content:space-between;
    gap:24px;
    margin: 0;
    list-style: none;
}
.help-drop a{
    display: flex;
    gap: 8px;
}
.nav-links a {
    color: #000;
    text-decoration: none;
    font-size: 13px;
    transition: 0.3s;
}
.my-btn{
    background: rgb(40, 100, 190);;
    padding: 3px 12px;
    color: #fff !important;
    font-weight: 600;
    border-radius: 5px;
}
.my-btns{
    background: #fff;
    padding: 3px 12px;
    color:rgb(40, 100, 190) !IMPORTANT;
    border-radius: 3px;
    font-weight: 600;
    border: 1px solid rgb(40, 100, 190);;
}
.nav-links a:hover {
    opacity: 0.8;
}

/* Welcome Text */
.nav-links-side-left span {
    color: #000;
    font-size: 15px;
    font-weight: 500
}

.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 8px;
	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 8px;
	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: 1050px;
  margin: auto;
}

.section-title-box1::before,
.section-title-box1::after {
  content: "";
  flex: 1;
  height: 2px;
  background: gray;
  width: 70%;
}

.section-title-box1 h2 {
   font-size: 28px;
    color: #1c2f4a
}
.how-guide-flow {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr 1fr 2fr;
  gap: 20px;
  max-width: 1050px;
  margin: auto;
}

/* STEP BOX */

.guide-item {
  width: 100%;
  text-align: center;
}

.guide-img {
width: 100%;
height: 169px;
}

.guide-img img {
  width: 100%;
  display: block;
  margin: 0 auto 20px;
}

.guide-text {
  text-align: start;
  margin-top: 25px;
}

.guide-text h4 {
  font-size: 18px;
  font-weight: 700;
  color: #1c2f4a;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  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: 13px;
  color: #444;
  text-align: center;
}

/* 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;
    font-size: 28px;
    color: #1c2f4a;
}
.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 h2{
    text-shadow: 0px 5px 18px rgba(0,0,0,0.5);
}
.verified-text-box a{
    position:relative;
    width:auto;
    display:inline-block;
    margin-top: 10px;
    background:#2864BE;
    border-radius:4px;
    color:#fff;
    padding:0px 25px;
    line-height:44px;
    font-size:16px;
    text-decoration:none;
      text-shadow: 0px 5px 18px rgba(0,0,0,0.9);
    
}
.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-div{
       max-width: 1050px !important;
       margin: auto !important;
   }
 .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:10px 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.1);
}

/* 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:50px 0px;
background:#fff;
}

.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:10px;
}

.state-card{
text-decoration:none;
}

.state-img{
position:relative;
border: 1px solid #ddd;
padding: 8px 10px;
text-decoration: none;
overflow:hidden;
display: flex;
justify-content: space-between;
align-items: center;
background: #f8f9fb;
}
.state-img span{
position:relative;
color:#111;
font-weight:500;
font-size:16px;
z-index:2;
}
.state-img i{
    font-size: 14px;
    color: #111;
    background: #fff;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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(5,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;
margin-bottom: 25px;
}

.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 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    text-decoration: none;
    color: #000;
    transition: .3s;
    margin-bottom: 15px;
}

.product-industry-box span{
	font-size:14px;
}

.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;
margin-bottom: 25px;
}

.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;
}

.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;
  padding: 5px 24px 5px 0px;
  border-right:1px solid #ccc;
}
.nav-links-side-right ul li:last-child {
  border-right: none;
}
.help-drop .help-dropdown{
  display:none;
  position:absolute;
  top:95%;
  right:0;
  width:200px;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,0.22);
  border:1px solid #e5e5e5;
  overflow: visible;
  z-index:99;
}
.help-drop .help-dropdown::after {
    content: "";
    position: absolute;
    top: -6px; 
    right: 20px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}

.help-drop .help-dropdown>ul{
  list-style:none;
  margin:0;
  padding:14px 0px 0px;
  display: flex;
  gap: 13px;
  flex-direction: column;
  align-items: flex-start;
}
.help-drop .help-dropdown ul li{
  display:flex;
  align-items:center;
  transition:.3s;
  width: 100%;
  line-height: 3px !important;
}
.help-drop .help-dropdown ul li:last-child {
    padding-bottom: 14px ;
}
.help-drop .help-dropdown ul li a{
  text-decoration:none;
  padding: 0px 18px;
  font-size:13px;
  font-weight: 400;
  color:#333;
  display: inline-block;
  width:100%;
  transition: 0.3s;
}
.help-drop .help-dropdown ul li a:hover{
 color: #2864be;
 transform: translateX(3px);
}

.line-divider{
   height: 1px ;
   background: #ccc;
   width: 100%;
}


.help-drop .help-dropdown .last-help{
  border-top:1px solid #ddd;
  border-bottom:none;
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom: 0px !important;
}
.help-drop .last-help i{
  padding:8px 7px;
  border-radius:50%;
  width: 8%;
  font-size:14px;
  color:gray;
}

.phn-side{
    background: #f3e6e6;
    width: 90%;
    padding:16px 0px;
}

.help-drop .last-help span{
  font-size:13px;
  font-weight:600;
  color:#333;
  padding: 0px 9px;
}

/* hover trigger */

.help-drop:hover .help-dropdown{
  display:block;
}


.register-hero-section{
position:relative;
padding:40px 0px;
background-image:url("https://static.exportersindia.com/ei_images/register-banner.jpg"); 
background-repeat: no-repeat;
background-size: cover;
height: 560px;
}

.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;
}
.btn-register-work{
    padding: 10px 0px;
    text-align: center;
    
}
.btn-register-work button{
    padding: 12px 25px;
    background: rgb(40,100,190);
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 30px;
    border: none;
    
}

.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-group1{
flex-direction: row !important;
border: 1px solid #ccc;
border-radius:4px;
overflow:hidden;
}

.phone-group1 input{
border:none !important;
flex:1;
padding:10px;
}

.country-code1{
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:50px 0;
  background:#fff;
  text-align:center;
}
.section-title-box h2{
  font-size: 28px;
  color: #1c2f4a;
}
.section-title-box p{
  color:#555;
  margin-top:8px;
}
.benefit-card{
  background:#fff;
  padding:30px 25px;
  border-radius:5px;
  border:1px solid transparent;
  margin-bottom:25px;
  transition:.3s;
  box-shadow: 0px 0px 5px #ddd;
}
.benefit-card:hover{
     box-shadow: 0px 0px 10px #ddd;
}
.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:50px 0;
background:#f9f9f9;
}
.guide-head{
    text-align: center;
    margin-bottom:30px;
}
.work-sec-wrap{
    max-width:1200px;
    margin: auto;
}
.how-work-image{
    width: 100%;
}
.how-work-image img{
    width: 100%;
    height: auto;
}
.how-work-content{
    width: 100%;
}

.how-work-content h2{
font-size:34px;
}
.work-step{
display:flex;
gap:15px;
align-items: center;
padding:15px 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;
}
.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: 30px 8%;
  text-align: center;
  background:#2864be;
}

.pricing-hero-wrap {
  max-width: 900px;
  margin: auto;
}

.pricing-hero h1 {
  font-size: 46px;
  color: #fff;
}

.pricing-divider {
  width: 100%;
  height: 2px;
  background: #ffff;
  margin: 15px 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;
  }
}


.hidden {
  display: none;
}

.cate-sec{
    padding:50px 0px 30px;
}
.cate-content h2{
    font-size:20px;
    font-weight:600;
}
.cate-content p{
    font-size:16px;
    color:#333;
}
.cate-sec-full{
  padding:0px 0px 40px;
}
.cate-sec-card{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-top:30px;

}

/* card */

.cate-card{
background:#fff;
border:1px solid #eee;
padding:18px;
border-radius:8px;
box-shadow:0px 5px 15px rgba(0,0,0,0.08);
transition:0.3s;
}

.cate-title{
display:block;
font-size:18px;
font-weight:600;
color:#111;
margin-bottom:15px;
text-decoration:none;
}

.cate-card-divide{
display:grid;
grid-template-columns:130px 1fr;
gap:18px;
align-items:start;
}
.cate-img{
width:130px;
height:130px;
border-radius:0px;
overflow:hidden;
}

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

/* list */

.cate-card-content ul{
list-style:none;
padding:0;
margin:0;
}

.cate-card-content ul li{
margin-bottom:8px;
}

.cate-card-content ul li a{
font-size:14px;
text-decoration:none;
transition:0.2s;
}

.cate-card-content ul li a:hover{
color:#c76d28;
}

.view-all a{
display:flex;
align-items:center;
gap:6px;
font-weight:600;
color:#c76d28;
}

.view-all i{
font-size:13px;
}
.cate-card:hover .cate-img img{
transform:scale(1.08);
}
.cate-card:hover .cate-card-content a{
color:#c76d28;
}
.cate-img img{
transition:0.4s;
}

.cate-card-content a{
transition:0.3s;
}

/*------------------------------------*/
/*---------------sub-cate-------------*/
/*------------------------------------*/


.sub-cate-sec{
    padding:50px 0px;
}
.sub-cate{
margin-top:40px;
}

.sub-cate h2{
font-size:24px;
margin-bottom:20px;
}

.sub-cate-inside{
width:100%;
padding:25px;
border-radius:8px;
background:#fff;
box-shadow:0px 5px 15px rgba(0,0,0,0.09);
margin-bottom:30px;
}

.sub-title{
font-size:18px;
font-weight:600;
color:#111;
display:inline-block;
padding-bottom:6px;
}

.sub-cate-divide{
margin-top:25px;
display:flex;
gap:20px;
flex-wrap:wrap;
}

.sub-cate-card{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
cursor:pointer;

}

.sub-cate-img{
height:320px;
width:270px;
border-radius:6px;

overflow:hidden;
}

.sub-cate-img img{
width:100%;
box-shadow:0px 5px 25px rgba(0,0,0,0.09);
height:100%;
object-fit:cover;
transition:.3s;
}

.sub-cate-card:hover img{
transform:scale(1.08);
}

.sub-cate-card a{
padding-top:10px;
font-size:14px;
color:#2864be;
font-weight:600;
text-decoration:none;
}

.sub-cate-card span{
font-size:13px;
color:#666;
}
.login-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.45);
display:none;
align-items:center;
justify-content:center;
z-index:999;
}

.login-box{
width:470px;
background:#fff;
border-radius:8px;
box-shadow:0 10px 35px rgba(0,0,0,0.15);
position:relative;
overflow:hidden;

}
.login-box1{
    padding:25px 25px 0px 25px;
}
/* header */

.login-head{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

.close-popup1{
font-size:28px;
cursor:pointer;
}

/* label */

.login-label{
font-size:14px;
font-weight:600;
margin-bottom:6px;
display:block;
}

/* phone input */

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

.phone-field span{
background:#f5f5f5;
padding:10px 14px;
font-weight:600;
border-right:1px solid #ddd;
}

.phone-field input{
border:none;
padding:10px;
width:100%;
outline:none;
}

/* button */

.submit-btn{

margin-top:20px;
padding:11px 45px;
border:none;
background:#2864be;
color:#fff;
font-weight:600;
border-radius:5px;
cursor:pointer;
}
.submit-btn-div{
    text-align:center;
}

/* join free */

.login-extra-links{
margin-top:15px;
}

.login-extra-links a{
font-size:13px;
color:#2864be;
text-decoration:none;
}
.login-bottom-link{
display:block;
width:100%;
background:#f1f1f1;
border-top:1px solid #ddd;
text-align:center;
font-size:13px;
color:#444;
text-decoration:none;
line-height:38px;
margin-top:20px;
}
.view-all-btn-header a{
    display: block;
    text-align: start;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 500;
    color: #3b82f6;
    border-radius: 6px;
    transition: 0.3s ease;
}
.product-btn-all {
    margin: 40px 0px;
    text-align: center;
}

.product-btn-all a {
    padding: 14px 24px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    background: #2864be;
    border-radius: 5px;
    border: 1px solid rgba(40, 100, 190, 0.2);
    transition: 0.3s ease;
    position: relative;
    overflow: hidden;
}
.product-btn-all a:hover {
    background: #fff;
    color: #2864be;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(40, 100, 190, 0.2);
}


.faq-hero {
  padding: 40px 0px;
  background: #2864be;
  color: #fff;
  text-align: center;
}

.faq-hero-content {
  max-width: 800px;
  margin: auto;
}

.faq-hero h1 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 15px;
}

.faq-hero p {
  font-size: 18px;
  line-height: 1.6;
  opacity: 0.9;
}

.b2b-faq-section {
  padding: 50px 20px;
  background: linear-gradient(180deg, #f6f8fc, #ffffff);
}
.b2b-faq-container{
    max-width:1000px;
    margin: auto;
}

.b2b-faq-container h2 {
  text-align: start;
  font-size: 32px;
  margin-bottom: 10px;
}

/* ITEM */

.b2b-faq-item {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 15px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: 0.3s;
}

.b2b-faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px;
  cursor: pointer;
  font-weight: 600;
}

.faq-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.faq-left i {
  font-size: 18px;
  color: #2864be;
  background: #eaf1ff;
  padding: 10px;
  border-radius: 8px;
}
.b2b-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: 0.4s ease;
  padding: 0 20px;
}

.b2b-faq-answer p {
  padding: 10px 0 20px;
  color: #555;
  line-height: 1.6;
}

.b2b-faq-item.active .b2b-faq-answer {
  max-height: 200px;
}
.minus-icon{
    font-size:18px;
    display: none !important;
}
.b2b-faq-item.active .fa-plus {
display: none !important;
transition: 0.3s;
}
.b2b-faq-item.active .minus-icon {
display: flex !IMPORTANT;
transition: 0.4s;
}
.faq-right i{
     background: #eaf1ff;
    font-size: 20px;
    color: #222;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mr-different-section {
  padding: 40px 0px;
  background: linear-gradient(135deg, #f8fbff, #eef3f9);
}
.mr-container {
  display: flex;
  gap: 60px;
  align-items: flex-start;
}
.mr-container-guide {
  display: flex;
  gap: 60px;
  align-items: flex-start;
}

/* LEFT */
.mr-left {
  flex: 1.2;
}

.mr-left h2 {
  font-size: 34px;
  margin-bottom: 20px;
  font-weight: 700;
  color: #1a1a1a;
}

.mr-left p {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
  margin-bottom: 15px;
}

/* RIGHT */
.mr-right {
  flex: 1;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.mr-right h3 {
  font-size: 20px;
  margin-bottom: 15px;
  color: #2864be;
}

.mr-right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mr-right ul li {
  font-size: 14px;
  margin-bottom: 12px;
  padding-left: 28px;
  position: relative;
  color: #333;
}

/* custom icon bullet */
.mr-right ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #28a745;
  font-weight: bold;
}
/* SECTION */
.trust-network-section {
  padding: 50px 0;
  background: #fff;
}

/* CONTENT BOX */
.content-box {
  height: 100%;
  background: #fff;
}

.left-box {
  border: 1px solid #e5eaf2;
  padding: 20px;
  border-radius: 8px;
}
.right-box {
  border: 1px solid #e5eaf2;
  padding: 20px;
  border-radius: 8px;
}
.content-box h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 15px;
}
.content-box p {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
  margin-bottom: 12px;
}
.content-box:hover {
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}

.verified-text-box p {
  font-size: 15px;
  font-weight: 650;
}



.view-all-btn-header {
    display: block;
    text-align: start;
    padding: 10px 12px;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #3b82f6;
    border-radius: 6px;
    transition: 0.3s ease;
}


.nav-links-wrap{
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.arrow-divider{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.arrow-divider i{
    font-size: 24px;
    font-weight: 1000;
    color:#2864BE;
}
.verified-section-about{
position:relative;
width:100%;
padding:100px 20px !important;
background:url("https://flighttrainbooking.com/public/uploads/banners/mr-guide-banner4.png") center/cover no-repeat !important;
}
.verified-section-about::after{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(40,100,190,0.75);
z-index:1;
}

/* content */
.verified-text-box1{
position:relative;
z-index:2;
text-align:center;
color:#fff;
max-width:800px;
margin:auto;
}

/* heading */
.verified-text-box1 h2{
font-size:40px;
font-weight:700;
line-height:1.3;
color: #fff;
margin-bottom:25px;
}

.verified-text-box1 p{

font-weight:700;
}
/* button */
.verified-text-box1 a{
display:inline-block;
background:#fff;
color:#2864BE;
padding:14px 32px;
border-radius:8px;
font-size:16px;
font-weight:600;
text-decoration:none;
transition:.3s;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

/* hover */
.verified-text-box1 a:hover{
transform:translateY(-3px);
box-shadow:0 18px 40px rgba(0,0,0,0.3);
background:#f1f5ff;
}


.about-vission-img{
    width: 100%;
    
}
.about-vission-img img{
    width: 100%;
    height: auto;
}


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

.feedback-sec{
    padding:40px 0px;
    background: #ebeef5;
}
.form-feedback{
    background:#fff;
    border: 1px solid #ccc;
    padding:20px;
    border-radius:10px;
}
.suggestion-type{
    width: 100%;  
    position: relative; 
}
.suggestion-type select{
    width: 100%;
    padding: 10px 10px;
    border-radius: 4px;
    position: relative;
    border: 1px solid #ccc;
    z-index: 0;
}
.suggestion-type span{
    position: absolute;
    top: -7px;
    font-size: 10px;
    font-weight: 600;
    left: 50px;
    background: #fff;
    padding: 0px 10px;
    z-index: 9;
}
.text-feedback{
    width: 100%;
}
.text-feedback textarea{
    width: 100%;
    min-height: 120px;
    padding: 10px 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
.form-feedback-field{
    margin-bottom: 20px;
    width: 100%;
}
.form-feedback-field input{
    width: 100%;
    padding: 10px 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    position: relative;
}
.phn-input-feedback{
    position: relative;
    padding: 0px 0px 10px 50px;
}
.phn-input-feedback span{
    position: absolute;
    left: 0;
    border: 1px solid #ccc;
    top: 20;
    border-radius: 4px;
    padding: 10px 10px;
}
.submit-btn-feed{
    text-align: start;
}
.submit-btn-feed button{
    padding: 14px 30px;
    border-radius: 40px;
    border: none;
    color: #fff;
    background: rgb(40, 100, 190);
    font-size: 14px;
    font-weight: 600;
}
.complaint-sec{
    max-width: 1000px;
    margin: auto;
}
.complain-head{
    font-size: 20px;
    color: rgb(40, 100, 190);
}
.phn-num-complaint{
    position: relative;
}
.phn-num-complaint input{
    position: relative;
}
.phn-num-complaint span{
    position: absolute;
    left: 0px;
    top: 20;
    background: #efecc;
    padding: 11px;
}

.contact-main-section{
    padding:10px 0px;
}
.contact-map-sec{
    background: #fff;
    padding:20px;
    border-radius:10px;
    margin:30px 0px;
}
.contact-left{
    display: flex;
    justify-content: flex-start;
    padding: 20px;
}
.company-address h4{
    font-size:20px;
    font-weight:700;
}
.company-address p{
    font-size:16px;
    font-weight:600;
}
.contact-numbers{
    display:flex;
    gap:30px;
    align-items: flex-start;
}
.contact-numbers i{
    height:35px;
    width:35px;
    background:rgb(40, 100, 190);
    color:#fff;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:16px;
    border-radius:50%;
    margin-bottom:20px;
    
}
.contact-numbers-wrap{
    padding: 23px 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.phn-divide{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.contact-numbers{
    font-size:15px;
    color:#333;
}
.send-feedback-wrap{
    background: #fff;
    border-radius:10px;
    padding:20px;
    
}
.img-contact-form{
    width:100%;
    height: 636px;
}
.img-contact-form img{
    height:100%;
    object-fit: cover;
    width:100%;
}
.send-feedback-img{
     width:100%;
    height: 636px;
}
.send-feedback-img img{
    height:100%;
    object-fit: cover;
    width:100%;
}
.brand-section{
  padding:40px 0;
  background:#fff;
  text-align:center;
}
.section-head span{
  font-size:15px;
  color:#111;
  font-weight:600;
  display:block;
  margin-bottom:5px;
}

.section-head h2{
  font-size:32px;
  font-weight:700;
  margin-bottom:20px;
}
.brand-box{
  background:#fff;
  padding:20px;
  border-radius:5px;
  margin-bottom:25px;
  transition:.3s;
  display:flex;
  align-items:center;
  justify-content:center;
  height:180px;
  border: 1px solid #ccc;
}
.brand-box:hover{
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
}
.brand-box img{
  max-width:100%;
  max-height:180px;
  transition:.4s ease;
}
.brand-box:hover img{
  transform:scale(1.15);
}
.brand-box:hover{
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
}
.cta-overlay-section{
  position:relative;background-image:url("https://static.exportersindia.com/ei_images/register-banner.jpg"); 
background-repeat: no-repeat;
background-size: cover;
height:450px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

/* BLUE OVERLAY */
.cta-overlay-section::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(40,100,190,0.45), rgba(10,40,90,0.75));
}

/* CONTENT */
.cta-content{
  position:relative;
  max-width:700px;
  color:#fff;
  z-index:2;
}

.cta-content h2{
  font-size:36px;
  font-weight:700;
  margin-bottom:15px;
  color: #fff;
}

.cta-content p{
  font-size:16px;
  line-height:1.6;
  margin-bottom:25px;
}
.cta-btn2{
  display:inline-block;
  padding:14px 30px;
  background:#fff;
  color:#2864be;
  font-weight:600;
  border-radius:30px;
  text-decoration:none;
  transition:.3s;
}
.cta-btn2:hover{
  background:#e6ecff;
  transform:translateY(-2px);
  box-shadow:0 8px 25px rgba(0,0,0,0.2);
}

.you-tube-sec{
    padding:40px 0px;
    background: rgba(37,65,108,1);
}
.section-head1{
    text-align: center;
}

.section-head1 span{
  font-size:15px;
  font-weight:600;
  display:block;
  color: #fff;
  margin-bottom:5px;
}

.section-head1 h2{
  font-size:32px;
  font-weight:700;
  color: #fff;
  margin-bottom:20px;
}

.link-wrap{
    width:100%;
    height:420px;
    
}
.link-wrap iframe{
    height:100%;
    width: 100%;
}
.testimoniol-youtube-sec{
    padding:50px 0px;
    background: #efecc;
    text-align: center;
}
.link-wrap1{
    height: 300px;
    width: 430px;
}
.link-wrap1 iframe{
    height: 100%;
    width: 100%;
}

/*-----------------------------------------*/
/*-------------pricing box----------------*/
/*----------------------------------------*/
.pricing-sec {
  padding: 70px 0px;
  background: #f8f9fc;
}

.pricing-box {
  background: #fff;
  border-radius: 15px;
  padding: 25px;
  position: relative;
  height: 100%;
  transition: 0.3s;
  border: 1px solid #eee;
}

.pricing-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  border: 2px solid #2864be;
}
.pricing-box.popular {
  border: 2px solid #2864be;
  transform: scale(1.05);
}
.pricing-box.popular:hover {
  transform: scale(1.04);
  box-shadow: 0px 5px #ddd;
}
.pricing-tag {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #2864be;
  color: #fff;
  padding: 6px 18px;
  font-size: 13px;
  border-radius: 30px;
  font-weight: 500;
}
.pricing-header {
  text-align: center;
  margin-bottom: 20px;
}
.price {
  font-size: 28px;
  font-weight: 700;
  color: #2864be;
}
.mrp {
  text-decoration: line-through;
  color: #999;
  font-size: 14px;
}
.pricing-body h5 {
  margin-top: 20px;
  font-weight: 600;
  color: #222;
}
.pricing-body ul {
  padding-left: 0;
  list-style: none;
}
.pricing-body ul li {
  margin-bottom: 8px;
  font-size: 14px;
  color: #444;
}
.pricing-body ul.cross li {
  color: #999;
}
.pricing-body p {
  font-size: 14px;
  margin-bottom: 6px;
}
.left-sticky,
.right-sticky {
    position: sticky;
    top: 115px;
}
/* BIG IMAGE */
.big-image-box img {
    width: 100%;
    height: 450px;
    border-radius: 12px;
    margin-bottom: 10px;
}

/* THUMBNAILS */
.thumb-row {
    display: flex;
    gap: 10px;
}

.thumb-row img {
    width: 25%;
    height: 120px;
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: 0.3s;
}

/* HOVER EFFECT */
.thumb-row img:hover {
    border-color: #2864be;
    transform: scale(1.05);
}

/* ACTIVE IMAGE */
.thumb-row img.active {
    border-color: #2864be;
}


/* RIGHT SIDE */
.right-sticky h2 {
    font-size: 26px;
    margin-bottom: 10px;
}

.location {
    color: #777;
    margin-bottom: 10px;
}

.price {
    color: #2864be;
    margin-bottom: 15px;
}
.specs-table th {
    width: 30%;
}

/* DESCRIPTION */
.desc {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}

/* CTA */
.cta-box {
    margin-top: 15px;
    display: flex;
    gap: 10px;
}

.btn-sms {
    background: #2864be;
    color: #fff;
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
}

.btn-email {
    background: #28a745;
    color: #fff;
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
}
.key-features-content h2 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #1e293b;
}

.key-features-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.key-features-content ul li {
    font-size: 15px;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 12px;
    padding-left: 18px;
    position: relative;
}

.key-features-content ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #2864be;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}
.product-card {
    background: #fff;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    transition: 0.25s;
}

.product-card:hover {
    border-color: #d1d5db;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.product-img img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}
.product-content {
    padding: 12px;
}
.get-price {
    font-size: 12px;
    color: #2864be;
    font-weight: 500;
    margin-bottom: 6px;
}
.title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
}
.title a {
    color: #111;
    text-decoration: none;
}
.title a:hover {
    color: #2864be;
}
.location {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 8px;
}
.price {
    font-size: 15px;
    font-weight: 600;
    color: #111;
    margin-bottom: 10px;
}
.call-btn {
    display: block;
    text-align: center;
    border: 1px solid #2864be;
    color: #2864be;
    padding: 7px;
    border-radius: 6px;
    font-size: 13px;
    text-decoration: none;
    transition: 0.25s;
}

.call-btn:hover {
    background: #2864be;
    color: #fff;
}

.related-category-sec{
    padding:10px 0px 40px;
}
.rel-heading {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}
.rel-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    padding: 10px;
    border-radius: 10px;
    transition: 0.25s;
    position: relative;
    overflow: hidden; /* IMPORTANT */
}

.rel-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: #2864be;
}

.rel-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.rel-img img {
    width: 90px;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
}
.rel-content h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
    line-height: 1.3;
}

.rel-content p {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 6px;
}
.rel-content a {
    font-size: 12px;
    color: #2864be;
    text-decoration: none;
    font-weight: 500;
}

.rel-content a:hover {
    text-decoration: underline;
}
.col-md-custom{
    width: 20%;
}

/* MAIN BOX */
.enquiry-sticky-box {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 15px;
    position: sticky;
    top: 115px; 
}

/* HEADING */
.enquiry-sticky-box h3 {
    font-size: 18px;
    margin-bottom: 4px;
}

.enquiry-sticky-box p {
    font-size: 13px;
    color: #666;
    margin-bottom: 12px;
}

/* PRODUCT BOX */
.enquiry-product {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
}

.enq-img img {
    width: 160px;
    height: 160px;
    object-fit: cover;
    border-radius: 6px;
}

/* COMPANY NAME */
.company-name {
    display: block;
    font-size: 12px;
    color: #555;
    margin-bottom: 4px;
}

/* LOCATION */
.company-location {
    font-size: 12px;
    color: #777;
    margin-bottom: 6px;
}

/* META INFO */
.company-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* TAG STYLE */
.company-meta span {
    font-size: 11px;
    padding: 3px 6px;
    background: #f1f5f9;
    border-radius: 4px;
    color: #444;
}

/* VERIFIED TAG SPECIAL */
.company-meta .verified {
    background: #e6f7ee;
    color: #28a745;
    font-weight: 500;
}

/* OPTIONS */
.enquiry-options {
    margin-bottom: 12px;
}

.enquiry-options label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    margin-bottom: 8px;
    cursor: pointer;
}

/* RADIO STYLE (clean) */
.enquiry-options input {
    accent-color: #2864be;
    cursor: pointer;
}

/* BUTTON */
.submit-btn {
    display: block;
    text-align: center;
    background: #2864be;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.submit-btn:hover {
    background: #1f4fa0;
}
/* MAIN BOX */
.shipping-box {
    margin-top:20px;
    max-width: 700px;
}

/* HEADING */
.shipping-box h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

/* LIST */
.shipping-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.shipping-box ul li {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    padding: 6px 0;
}

.shipping-box ul li span {
    color: #666;
}

.shipping-box ul li strong {
    color: #111;
    font-weight: 500;
}

/* CTA */
.shipping-cta {
    margin-top: 12px;
    text-align: center;
}

.shipping-cta p {
    font-size: 13px;
    margin-bottom: 2px;
}

.shipping-cta span {
    font-size: 12px;
    color: #666;
    display: block;
    margin-bottom: 8px;
}

/* BUTTON */
.contact-btn {
    display: block;
    background: #2864be;
    color: #fff;
    padding: 9px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.contact-btn:hover {
    background: #1f4fa0;
}

/* MAIN BOX */
.product-brochure-box {
    margin-top:20px;
    border-radius: 10px;
    padding: 15px;
}

/* HEADING */
.product-brochure-box h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

/* PDF VIEWER */
.pdf-viewer {
    width: 100%;
    border-radius: 8px;
    height: 400px;
    overflow-y: auto;
    border: 1px solid #ddd;
}

.pdf-viewer iframe {
    border: none;
}


/*-------------------------------------------------------------*/
/*------------------------New Header Css-----------------------*/
/*-------------------------------------------------------------*/

.business-sec-nav{
    padding: 10px 20px;
    background: #f8f9fc;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.vendor-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

/* LOGO */
.vendor-logo-box img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 5px;
}

/* DETAILS */
.vendor-details {
    flex: 1;
}

/* TITLE */
.vendor-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

/* TAGS */
.vendor-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 15px;
}

.vendor-tags span {
    font-size: 12.5px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 5px;
}

.vendor-tags i {
    color: #2864be;
}

/* VERIFIED */
.vendor-tags .verified {
    color: #0a8f3c;
}

/* BUTTON */
.vendor-cta .btn-call-now {
    background: linear-gradient(135deg, #2864be, #1f4fa0);
    color: #fff;
    padding: 9px 18px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.btn-call-now:hover {
    background: linear-gradient(135deg, #1f4fa0, #2864be);
    color:#fff;
}
/* RESET SAFETY */
* {
    box-sizing: border-box;
}

/* WRAPPER */
.navx-wrapper {
    width: 100%;
    background: #f8f9fc;
    position: sticky;
    z-index: 9999;
    top: 90px;
    left: 0;
}

/* MAIN BAR */
.navx-bar {
    position: relative;
    padding: 10px 15px 0px;
}

/* MENU */
.navx-menu {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
    padding: 0;
    background: #eaeaf4;
}

/* ITEM */
.navx-item {
    position: relative;
}

/* LINKS */
.navx-item > a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    color: #333;
    padding: 8px 14px ;
    transition: 0.3s;
}

/* ACTIVE */
.navx-item.active > a {
    background: #2864be;
    color: #fff;
}

/* HOVER */
.navx-item > a:hover {
    background: #f1f5ff;
}

/* ================= SMALL DROPDOWN ================= */

.navx-dropdown-sm {
    position: absolute;
    top: 110%;
    left: 0;
    min-width: 180px;
    background: #fff;
    border-radius: 8px;
    padding: 8px 0;
    display: none;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    z-index: 9999;
}

.navx-dropdown-sm li {
    list-style: none;
}

.navx-dropdown-sm a {
    display: block;
    padding: 8px 15px;
    font-size: 13px;
    color: #333;
    text-decoration: none;
}

.navx-dropdown-sm a:hover {
    background: #f5f7ff;
}

/* SHOW */
.dropdown-small:hover .navx-dropdown-sm {
    display: block;
}

/* ================= MEGA MENU ================= */
.dropdown-mega{
    position: static !important;
}
.navx-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;     
    background: #fff;
    display: none;
    padding: 25px 30px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    z-index: 9999;
}

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

/* INNER GRID */
.navx-mega-inner {
    display: flex;
    gap: 50px;
}

/* COLUMN */
.navx-mega-col {
    min-width: 180px;
}

.navx-mega-col h5 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #2864be;
}

.navx-mega-col a {
    display: block;
    font-size: 13px;
    color: #444;
    text-decoration: none;
    margin-bottom: 6px;
}

.navx-mega-col a:hover {
    color: #2864be;
}

/* ================= SEARCH ================= */

.navx-search {
    margin-left: auto;
    position: relative;
    background: #f1e7e7;
}

.navx-search-box {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    padding: 9px 12px;
    background: #fafafa;
    border-left:2px solid blue;
    width: 250px;
    position: relative;
}

.navx-search-box i {
    color: #777;
    margin-right: 8px;
}

.navx-search-box input {
    border: none;
    outline: none;
    width: 100%;
    font-size: 13px;
    background: transparent;
}

/* SEARCH DROPDOWN */
.navx-search-dropdown {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    display: none;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    z-index: 9999;
}

.navx-search-box:focus-within .navx-search-dropdown {
    display: block;
}

.navx-search-dropdown p {
    font-size: 12px;
    color: #888;
    margin-bottom: 5px;
}

.navx-search-dropdown a {
    display: block;
    font-size: 13px;
    padding: 5px 0;
    color: #333;
    text-decoration: none;
}

.navx-search-dropdown a:hover {
    color: #2864be;
}

/* ================= BUTTON ================= */

.navx-contact-btn {
    display: inline-block;
    background: linear-gradient(135deg, #2864be, #1f4fa0);
    color: #fff;
    padding: 8px 14px;
    font-size: 16px;
    text-decoration: none;
    transition: 0.3s;
    white-space: nowrap;
    border-radius:5px;
}

.navx-contact-btn:hover {
    color: #fff;
    background: linear-gradient(135deg, #1f4fa0, #2864be);
}

/* ================= FIXES ================= */

.product-sec-business{
    width: 100%;
    overflow: hidden;
    padding: 10px 0px;
}
.product-card {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    text-decoration: none;
}
.product-img img {
    width: 100%;
    object-fit: cover;
    transition: 0.4s;
}

.related-category-section .col-lg-3.col-md-3{
	width: 20%;
}





.product-carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0px 15px;
}

.product-card:hover .quote-btn {
    opacity: 1;
    transform: translateY(0);
}
.product-carousel .owl-nav {
    position: absolute;
    top: 44%;
    width: 100%;
    transform: translateY(-50%);
}

/* COMMON */
.product-carousel .owl-nav button {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #fff !important;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    border: none;
    font-size: 18px;
    color: #333;
    transition: 0.3s;
}

/* LEFT */
.product-carousel .owl-nav .owl-prev {
    left: 0px;
}

/* RIGHT */
.product-carousel .owl-nav .owl-next {
    right: 25px;
}





/* About Us Section CSS */
.b2b-about-section {
  padding: 40px 0px;
  background-color: #f9f9f9;
  text-align: center;
}

.b2b-about-heading {
  font-size: 30px;
  margin-bottom: 10px;
  color: #222;
}

.b2b-about-text {
  font-size: 15px;
  line-height: 1.6;
  color: #555;
}

.b2b-about-btn {
  display: inline-block;
  color: #2864be;
  text-decoration: none;
  font-weight: bold;
}

/* B2B Icon Boxes CSS */
.b2b-icon-boxes {
  padding: 40px 0px;
  background-color: #f9f9f9;
}

.b2b-box {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.b2b-box i {
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ccc;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  color: #2864be;
  margin-right: 15px;
  flex-shrink: 0;
}

.b2b-box-heading {
  font-size: 15px;
  margin-bottom: 5px;
  color: #222;
}

.b2b-box-text {
  font-size: 14px;
  color: #555;
  margin: 0;
}

/* Our Services Section CSS */
.b2b-our-services {
  padding: 60px 20px;
  background-color: #f9f9f9;
}

.b2b-service-box {
  text-align: center;
  background: #fff;
  box-shadow:0px 5px 15px rgba(0,0,0,0.04);
}
.b2b-service-box:hover{
  text-align: center;
  background: #fff;
  box-shadow:0px 5px 15px rgba(0,0,0,0.08);
}

.b2b-service-img {
  width: 100%;
  height: 280px;
  border-radius: 5px;
}

.b2b-service-name-link {
  text-decoration:none;
  margin-top: 10px;
}
.b2b-service-name{
    font-size: 14px;
    color: #111;
    font-weight:400;
}
.b2b-service-details-link {
  display: inline-block;
  margin-top: 8px;
  color: #333;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s;
  padding: 0px 0px 12px;
}
.view-all-range{
    text-align: center;
    padding:10px 0px;
}
.view-all-range a{
    font-size: 16px;
    padding: 8px 20px;
    border: 1px solid blue;
    text-decoration: none;
    border-radius:5px;
}

/* Video Section CSS */
.b2b-video-section {
  padding: 30px 0px;
  background-color: #f9f9f9;
}

.b2b-video-box {
  margin-bottom: 30px;
  text-align: center;
}

.b2b-video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 70%; 
}

.b2b-video-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.b2b-video-title {
  margin-top: 10px;
  font-size: 1.1rem;
  color: #222;
}

/* Review Right Side CSS */
.b2b-review-item {
  margin-bottom: 30px;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
}

.b2b-review-text {
  margin: 0;
  font-size: 0.95rem;
  color: #333;
  max-width: 70%;
}

.b2b-review-name {
  font-weight: 600;
  font-size: 0.9rem;
  color: #000;
  white-space: nowrap;
}

.b2b-review-rating {
  margin: 6px 0;
}

.b2b-review-rating i {
  color: #ffb400;
  font-size: 0.9rem;
}

.b2b-review-meta {
  font-size: 0.85rem;
  color: #777;
  margin-bottom: 6px;
}

.b2b-review-tags span {
  font-size: 0.85rem;
  margin-right: 12px;
  color: #444;
}

.b2b-review-tags i {
  margin-right: 4px;
  color: #28a745;
}
.view-feedback{
    text-align: center;
    padding: 10px 0px;
}
.view-feedback a{
    padding: 8px 20px;
    border: 1px solid blue;
    border-radius:3px;
    text-decoration: none;
}
.review-sec{
    padding: 50px 0px;
}

.business-photo-sec{
    padding:25px 0px;
}

.b2b-product-card {
  background: #fff;
  padding: 15px;
  transition: 0.3s ease;
}

.b2b-product-img {
  width: 100%;
  height: 280px;
  overflow: hidden;
}

.b2b-product-img img {
  width: 100%;
  height: 100%;
  transition: 0.4s;
}

/* Hover effect (premium feel 🔥) */
.b2b-product-card:hover img {
  transform: scale(1.02);
}

.b2b-product-content {
  margin-top: 12px;
}

.b2b-product-title {
  font-size: 0.95rem;
  color: #555;
  margin-bottom: 6px;
}

.b2b-product-price {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 10px;
  color: #000;
}

.b2b-product-price span {
  font-size: 0.85rem;
  color: #777;
  font-weight: 400;
}

.b2b-product-btn {
  display: inline-block;
  font-size: 0.9rem;
  color: #ff4b2b;
  text-decoration: none;
  font-weight: 600;
  position: relative;
}

/* underline animation */
.b2b-product-btn::after {
  content: "";
  width: 0%;
  height: 2px;
  background: #ff4b2b;
  position: absolute;
  left: 0;
  bottom: -2px;
  transition: 0.3s;
}

.b2b-product-btn:hover::after {
  width: 100%;
}

.b2b-preview-img {
  cursor: pointer;
}

/* Lightbox */
.b2b-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.b2b-lightbox-img {
  max-width: 90%;
  max-height: 90%;
}

.b2b-lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 35px;
  color: #fff;
  cursor: pointer;
}

.b2b-video-owl {
  padding: 25px 0px;
  background: #f9f9f9;
}

.b2b-video-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 65.25%; /* 16:9 */
}

.b2b-video-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.b2b-video-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* Overlay */
.b2b-video-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  opacity: 0;
  transition: 0.3s;
}

.b2b-video-overlay p {
  margin: 0;
  font-size: 0.9rem;
}
.b2b-video-wrap:hover .b2b-video-overlay {
  opacity: 1;
}

.b2b-company-highlights {
  padding: 40px 0px;
  background: #f9f9f9;
}

.b2b-ch-title {
  text-align: start;
  margin-bottom: 10px;
  font-size: 20px;
}
.company-wrapper{
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
}
.b2b-ch-item {
  margin-bottom: 20px;
}

.b2b-ch-item span {
  display: block;
  font-size: 0.85rem;
  color: #777;
  margin-bottom: 3px;
}

.b2b-ch-item p {
  margin: 0;
  font-size: 1rem;
  color: #222;
  font-weight: 500;
}
.b2b-director-sec{
    padding:0px 0px 40px;
}
.b2b-director-wrapper {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 10px;
}

.b2b-director-heading {
  margin-bottom: 15px;
  font-size: 1.3rem;
  color: #222;
}

.b2b-director-table {
  width: 100%;
  border-collapse: collapse;
}

.b2b-director-table th,
.b2b-director-table td {
  text-align: left;
  padding: 10px;
  font-size: 0.9rem;
}

.b2b-director-table thead {
  background: #f5f5f5;
}

.b2b-director-table th {
  font-weight: 600;
  color: #333;
}

.b2b-director-table tbody tr {
  border-top: 1px solid #eee;
}

.b2b-contact-section {
  padding: 40px 0px;
  background: #eef5fb;
}
.b2b-service-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}

/* ITEM */
.b2b-service-item {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  cursor: pointer;
  border-radius: 6px;
  transition: 0.25s;
  background: #f8fbff;

  width: calc(33.33% - 8px); 
}

/* RADIO */
.b2b-service-item input {
  margin-right: 8px;
  accent-color: #0d6efd;
}

/* TEXT */
.b2b-service-item span {
  font-size: 14px;
  color: #2f3e4d;
}

/* HOVER */
.b2b-service-item:hover {
  background: #eaf3ff;
}

/* SELECTED */
.b2b-service-item input:checked + span {
  color: #0d6efd;
  font-weight: 600;
}
.b2b-left-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 25px;
  background: #0d6efd;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
}

/* RIGHT CARD */
.b2b-right-card {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
}

.b2b-right-card h3 {
  font-size: 22px;
  margin-bottom: 20px;
  color: #0d2b4d;
}

/* INFO ITEMS */
.b2b-info-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.b2b-info-item i {
  font-size: 18px;
  color: #0d6efd;
  margin-right: 12px;
  margin-top: 3px;
}

.b2b-info-item h5 {
  font-size: 15px;
  margin-bottom: 3px;
  color: #0d2b4d;
}

.b2b-info-item p {
  font-size: 14px;
  margin: 0;
  color: #5a6b7b;
}

.b2b-info-item span {
  font-size: 12px;
  color: #7a8a9a;
}
.b2b-testimonial-listing {
  padding: 40px 0px;
  background: #f7f9fc;
}

.b2b-testimonial-heading {
  font-size: 28px;
  margin-bottom: 10px;
  color: #0d2b4d;
}

/* LIST */
.b2b-testimonial-list {
  padding-left: 20px;
}
.b2b-testimonial-list li {
  font-size: 15px;
  color: #5a6b7b;
  margin-bottom: 15px;
  line-height: 1.6;
}

/* NAME */
.b2b-testimonial-list strong {
  color: #0d2b4d;
  font-weight: 600;
}
.testimoniols-sec-about{
    padding: 40px 0px;
}
.review-sec-test{
    max-width: 800px;
}
.sort-sec{
    padding: 40px 0px;
}
.b2b-sort-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f4f8fb;
  border-radius: 6px;
  margin-bottom: 20px;
}

/* LABEL */
.b2b-sort-label {
  font-size: 14px;
  color: #5a6b7b;
}

/* SELECT */
.b2b-sort-select {
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid #d0d7e2;
  border-radius: 4px;
  background: #fff;
  color: #0d2b4d;
  outline: none;
  cursor: pointer;
}

/* HOVER / FOCUS */
.b2b-sort-select:focus {
  border-color: #0d6efd;
}

.connect-footer {
  background: #fff;
  padding: 30px 0px 20px;
  border-top: 1px solid #e5e5e5;
}

.connect-heading {
  font-size: 28px;
  margin-bottom: 10px;
  color: #222;
}

/* LEFT & RIGHT HEADINGS */
.connect-left h4,
.connect-right h4 {
  font-size: 16px;
  margin-bottom: 5px;
  color: #0d2b4d;
}
.quick-list {
  list-style: none;
  padding: 0;
  margin-bottom: 25px;
}

.quick-list li {
  margin-bottom: 8px;
}

.quick-list a {
  text-decoration: none;
  color: #5a6b7b;
  font-size: 14px;
  transition: 0.3s;
}

.quick-list a:hover {
  color: #0d6efd;
}

/* SOCIAL */
.social-box {
  display: flex;
  gap: 10px;
}

.social-box a {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9f9f9;
  text-decoration: none;
  border-radius: 50%;
  color: #0d2b4d;
  font-size: 14px;
  transition: 0.3s;
}

.social-box a:hover {
  background: #1f4fa0;
  color: #fff;
}
/* ICON TEXT */
.connect-right p {
  font-size: 14px;
  color: #5a6b7b;
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

/* ICON */
.connect-right p i {
  color: #1f4fa0;
  margin-top: 3px;
  font-size: 14px;
}

/* BUTTON WRAPPER */
.footer-btns {
  margin-top: 20px;
  display: flex;
  gap: 10px;
}

/* COMMON BTN */
.enquiry-btn {
  padding: 10px 18px;
  font-size: 13px;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}

/* PRIMARY */
.primary-btn {
  background: #1f4fa0;
  color: #fff;
}

.primary-btn:hover {
  background: #0b5ed7;
}

/* SECONDARY */
.secondary-btn {
  border: 1px solid #1f4fa0;
  color: #0d6efd;
}

.secondary-btn:hover {
  background: #0d6efd;
  color: #fff;
}

/* BOTTOM */
.connect-bottom {
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid #eaeaea;
  text-align: center;
}

.connect-bottom p {
  font-size: 13px;
  color: #7a8a9a;
  margin: 0;
}


/*------------------------------------------*/
/*-----------buy Requirement----------------*/
/*------------------------------------------*/
.buy-req-sec{
    position: relative;
    margin-top:-25px;
    padding: 0px 0px 40px;
}
.b2b-requirement-section {
  background: #fff;
  padding: 20px 25px;
  border-radius: 10px 0px 0px 10px;
  font-family: 'Arial', sans-serif;
}

.b2b-requirement-heading {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  margin-bottom: 20px;
}

.b2b-field-group {
  margin-bottom: 15px;
  width: 100%;
}

.b2b-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 5px;
}

.b2b-input, 
.b2b-input-half {
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
  transition: border-color 0.3s;
}

.b2b-input:focus,
.b2b-input-half:focus {
  border-color: #0d6efd;
}

.b2b-field-row {
  display: flex;
  gap: 10px;
}

.b2b-field-group-half {
  flex: 1;
}

.b2b-radio-group {
  display: flex;
  gap: 15px;
  margin-top: 5px;
}

.b2b-radio-group label {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.b2b-specific-states-field {
  margin-top: 10px;
}

.b2b-submit-btn {
  margin-top: 20px;
  padding: 12px 25px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background-color: #2864be;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.b2b-address{
    margin: 20px 0px;
}

/* Sticky Section */
.buyer-advantage-section {
  background: #fff;
  height: 473px;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 0px 10px 10px 0px;
  font-family: 'Arial', sans-serif;
}
.buyer-advantage-wrap{
    position: Sticky;
    top: 100px;
}

/* Heading */
.buyer-advantage-heading {
  font-size: 20px;
  font-weight: 600;
  color: #111;
  margin-bottom: 20px;
}

/* Advantage Items */
.buyer-advantage-item {
  display: flex;
  gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  align-items: center;
}

.buyer-advantage-item:last-child {
  border-bottom: none; /* last item no border */
}

.buyer-icon {
height: 50px;
width: 41px;
}
.buyer-icon img{
    height: 100%;
    width: 100%;
}

.buyer-content h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px 0;
}

.buyer-content p {
  font-size: 14px;
  margin: 0;
  color: #555;
}



.pricing-section-new {
  padding: 60px 20px;
  background: #f6f8fc;
}

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

/* CARD */
.plan-card-new {
  background: #fff;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  height: 600px;
  border: 1px solid #eee;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
}

.plan-card-new:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.2);
  border-color:#2864be;
}

/* HEADER */
.plan-head {
  padding: 20px 20px 5px;
}

.plan-head h3 {
  font-size: 20px;
}

.plan-head h2 {
  font-size: 28px;
  margin-top: 8px;
}

.plan-head span {
  font-size: 16px;
  color: #666;
}

/* BODY */
.plan-body {
  padding: 5px 20px 20px;
  overflow-y: auto;
  flex: 1;
}

/* SCROLL STYLE */
.plan-body::-webkit-scrollbar {
  width: 6px;
}
.plan-body::-webkit-scrollbar-thumb {
  background: #2864be;
  border-radius: 10px;
}

/* TEXT */
.tagline {
  font-size: 14px;
  color: #555;
  margin-bottom: 15px;
}

.plan-body h4 {
  margin-top: 15px;
  font-size: 15px;
  color: #111;
}

.plan-body ul {
  list-style: none;
  padding-left: 0;
}

.plan-body ul li {
  font-size: 14px;
  padding: 4px 0;
}

.cross li {
  color: #d33;
}

.hook {
  font-size: 13px;
  color: #666;
}

/* FOOTER BUTTON */
.plan-footer {
  padding: 15px;
}

.btn-plan {
  width: 100%;
  padding: 12px;
  border-radius: 30px;
  border: 1px solid #2864be;
  background: transparent;
  color: #2864be;
  font-weight: 600;
  cursor: pointer;
}

.btn-plan:hover {
  background: #2864be;
  color: #fff;
}

/* POPULAR CARD */
.popular {
  border: 2px solid #2864be;
}

.filled {
  background: #2864be;
  color: #fff;
}

/* BADGE */
.badge {
  position: absolute;
  top: 20px;
  right: 10px;
  background: #2864be;
  color: #fff;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
}
.service-btn{
    padding:8px 20px;
    background:#2864be;
    color:#fff;
    font-size:14px;
    border-radius:5px;
    text-decoration:none;
}
.service-btn:hover{
    color:#2864be;
    background:#fff;
}

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

.icon-search-btn{
	display: none;
}
.text-search-btn{
	display: inline-block;
}
.mview-navigation {
    position: fixed;
    padding-top:10px;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    display: none;
    background: #fff;
    border-top: 2px solid #ba273a;
} 
.mview-navigation ul{
    position:relative;
    width:100%;
    display:inline-block;
}  
.mview-navigation ul li{
    position:relative;
    text-align:center;
    width:25%;
    float:left;
    display:inline-block;
}  
.mview-navigation ul li a{
    position:relative;
    text-align:center;
    width:100%;
    color:#ba273a;
    display:inline-block;
    text-decoration: none;
}  
.mview-navigation ul li a .mview-menu-icon{
    position:relative;
    text-align:center;
    font-size:24px;
    color:#ba273a;
    display:block;
} 
.mview-navigation ul li a .mview-menu-name{
    position:relative;
    font-size:14px;
    color:#000;
    display:block;
    text-transform:uppercase;
    text-decoration:none;
}	
.mview-toggle-menu-icon {
    position: absolute;
    right: 20px;
    top: 18px;
    background: transparent;
    border: none;
    display: none;
    font-size: 20px;
}
.mview-product-category-list{
	position: relative;
	width: 100%;
	display: none;
}
.mview-product-category-list{
	position: relative;
	width: 100%;
	display: none;
}
.product-list-box {
    position: relative;
    width: 100%;
    display: inline-block;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #ccc;
}
.product-list-box .arrow-divider{
	position: relative;
	width: 100%;
	display: inline-block;
}
.product-list-box .arrow-divider h3{
	position: relative;
	font-size: 18px;
	margin-bottom: 10px;
	display: inline-block;
}
.product-list-group-box{
	position: relative;
	width: 100%;
	display: inline-block;
}
.product-list-group-box .product-list-content-box{
	position: relative;
	width: 60%;
	padding-right: 10px;
	float: left;
	display: inline-block;
}
.product-list-group-box .product-list-content-box ul {
    position: relative;
    width: 100%;
    list-style: disc;
    margin-left: 20px;
}
.product-list-group-box .product-list-content-box ul li{
	position: relative;
	width: 100%;
	list-style: disc;
	line-height: 24px;
}
.product-list-group-box .product-list-content-box ul li a{
	position: relative;
	text-decoration: none;
	color: #000;
	font-size: 14px;
}
.product-list-group-box .product-list-image-box{
	position: relative;
	width: 40%;
	float: left;
	display: inline-block;
	border-radius: 4px;
	overflow: hidden;
}
.product-list-group-box .product-list-image-box img{
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 120px;
}
.mview-product-category-list .arrow-divider i {
    font-size: 20px;
    font-weight: 1000;
    color: #2864BE;
    position: relative;
    top: 3px;
    left: 10px;
}
.mview-main-category-list{
	position: relative;
	width: 100%;
	padding: 20px 0px 0px 0px;
	background: #fff;
}
.mview-main-category-list-box{
	position: relative;
	width: 100%;
	text-align: center;
	display: inline-block;
}
.mview-main-category-list-box a{
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-block;
	text-decoration: none;
	color: #000;
}
.mview-main-category-list-image-box{
	position: relative;
	width: 100%;
	max-width: 50px;
	height: 50px;
	margin: 0 auto;
	margin-bottom: 10px;
	display: inline-block;
}
.mview-main-category-list-box h4{
	position: relative;
	 font-size: 12px;
}
.page-sub-category{
	position: relative;
	width: 100%;
}
.page-sub-category .product-list-box{
	margin-bottom: 25px;
}
.link-btn-view-more {
    display: inline-block;
    position: absolute;
    width: auto;
    padding: 10px 25px;
    border-radius: 6px;
    background: #ff0000;
    color: #fff;
    text-decoration: none;
    border: 2px solid #2864be;
    bottom: 20px;
    left: 25px;
}
.page-all-cities .col-lg-3.col-md-3.col-sm-12{
	width: 20%;
}
.page-all-cities .state-card{
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}