/* --- Open Sans --- */

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Italic.woff2') format('woff2');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-MediumItalic.woff2') format('woff2');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-LightItalic.woff2') format('woff2');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-BoldItalic.woff2') format('woff2');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
/* --- Poppins --- */

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-ExtraBold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-ExtraLight.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Italic.woff2') format('woff2');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-LightItalic.woff2') format('woff2');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-MediumItalic.woff2') format('woff2');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
body,
html {
	overflow-x: hidden;
	font-family: 'Poppins';
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins';
}
h1 {
	font-weight: 800;
}
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
}
a {
	transition: 0.3s ease-in-out;
	text-decoration: none;
}
.container {
	max-width: 1220px;
}
.mainheader {
	height: 63px;
	display: flex;
	align-items: center;
	background: #FF8B00;
	position: relative;
	z-index: 2;
}
.nav-list {
	display: flex;
	list-style: none;
	justify-content: center;
	margin: 0;
	padding: 0;
}
.partnerheader {
	background-color: #FCBA02;
}
.nav-list a {
	text-decoration: none;
	color: #fff;
	font-weight: 400;
	transition: color 0.3s ease;
	font-size: 16px;
}
.nav-list a:hover {
	font-weight: 500;
	color: #fff;
}
.nav-list a.active {
	font-weight: 500;
	color: #fff;
}
.nav-list a img {
	margin-left: 3px;
	filter: brightness(20.5);
}
.has-submenu {
	position: relative;
}
.flyout-menu {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	border-radius: 7px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease;
	width: 167px;
	border: 1px solid #E6E6E6;
}
.has-submenu:hover .flyout-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(9px);
}
.submenu-link {
	display: block;
	padding: 9px 13px;
	border-bottom: 1px solid #E6E6E6;
	color: #1C3440 !important;
	transition: background 0.3s ease;
	font-size: 14px !important;
}
.submenu-link:hover {
	background-color: #f0f0f0;
}
.headermenus ul li {
	margin: 0 16px;
}
.logo img {
	max-width: 111px;
}
.flyout-menu li {
	margin: 0 !important;
}
.notificationicon {
	height: 38px;
	width: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	border: 1px solid #E6E6E6;
	box-shadow: 0px 3px 4px 0px #FFFFFF33 inset;
}
.signinbtn {
	height: 38px;
	background: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	color: #FF8B00;
	font-weight: 600;
	font-size: 16px;
	padding: 0 20px;
}
.signinbtn img {
	margin-right: 7px;
	transition: transform 0.4s ease, filter 0.4s ease;
}
/* Hover animation only for image */

.signinbtn:hover img {
	transform: rotate(-15deg) scale(1.2);
}
.partnerheader .signinbtn {
	color: #FCBA02;
}
.bannerpart {
	height: 545px;
	display: flex;
	align-items: center;
	position: relative;
}
.bannerpart::after {
	height: 100%;
	width: 100%;
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: 0.9;
	background: linear-gradient(98.86deg, #FF8B00 2.58%, #FEC075 49.92%, #FCF5EA 97.27%);
}
.bannerpart video {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	object-fit: cover;
}
.bannercontent {
	position: relative;
	z-index: 3;
}
.bannercontent h1 {
	font-size: 62px;
	font-weight: 600;
	color: #fff;
	margin: 0 auto 15px 0;
	max-width: 900px;
}
.bannercontent p {
	font-size: 18px;
	font-weight: 400;
	margin: 0;
	color: #fff;
}
.whitebtn {
	background-color: #fff;
	height: 48px;
	padding: 0 20px;
	margin: 0 21px 0 0;
	border-radius: 10px;
	color: #FF8B00;
	font-weight: 600;
	font-size: 16px;
	padding: 0 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease, transform 0.2s ease;
}
.whitebtn:hover {
	background-color: #FF8B00;
	color: #fff;
	transform: translateY(-3px);
	box-shadow: 0 8px 16px rgba(255, 139, 0, 0.3);
}
.bluebtn {
	background-color: #fff;
	height: 48px;
	padding: 0 22px;
	margin: 0 10px;
	border-radius: 10px;
	color: #1E4F9E;
	font-weight: 600;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease, transform 0.2s ease;
}
.bluebtn:hover {
	background-color: #1E4F9E;
	color: #fff;
	transform: translateY(-3px);
	box-shadow: 0 8px 16px rgba(30, 79, 158, 0.3);
}
.clientlogosslider {} .logomain {
	height: 97px;
	display: flex;
	align-items: center;
	background: #F9F9F9;
}
.logosclient img {
	width: 100% !important;
	max-width: 170px;
}
.bg-1 {
	background: #F9F9F9;
}
.bg-2 {
	background: #1C3440;
}
.padding {
	padding: 50px 0;
}
.headingmain {
	margin-bottom: 40px;
}
.headingmain h2 {
	font-weight: 700;
	font-size: 40px;
	margin-bottom: 12px;
}
.headingtheme1 {
	color: #FF8B00;
}
.featuress {
	background: #F5DCB94D;
}
.headingmain p {
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 0;
	color: #808080;
}
.whychoose {
	background: linear-gradient(180deg, #FFD9AA 0%, #FCF5EA 100%);
}
.whychoosebox {
	background: #FFFFFF;
	border-radius: 20px;
	padding: 20px;
	transition: all 0.3s ease;
}
.whychoosebox h3 {
	font-size: 28px;
	font-weight: 600;
	line-height: 38px;
	max-width: 220px;
	margin: 18px 0 12px;
}
.whychoosebox img {
	max-width: 54px;
	transition: transform 0.3s ease;
}
.whychoosebox p {
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 0;
	color: #808080;
}
.whychoosebox:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
	background: linear-gradient(145deg, #ffffff, #f9f9f9);
}
.whychoosebox:hover img {
	transform: rotateY(360deg);
}
.worksbox {
	background: #FFFFFF;
	padding: 20px;
	border-radius: 20px;
	text-align: left;
	transition: all 0.3s ease;
	box-shadow: 4px 10px 10px 0px #0000001A;
	border: 1px solid #F5DCB9;
	position: relative;
	z-index: 1;
}
.worksbox span {
	color: #FF8B00;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	display: block;
	transition: all 0.3s ease;
}
.worksbox h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	margin: 0 0 15px;
	color: #1C3440;
}
.worksbox p {
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 0;
	color: #808080;
}
.worksbox:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}
.worksbox:hover span {
	color: #FF8B00;
}
.footermain {
	background: #1C3440;
}
.footerbox h3 {
	color: #FFFFFF;
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 20px;
}
.footerbox ul li a {
	font-size: 16px;
	color: #808080;
	line-height: 24px;
	transition: color 0.3s ease;
}
.footerbox ul li a:hover {
	color: #FF8B00;
}
.footercorporate .footerbox ul li a:hover {
	color: #1E4F9E;
}
.footerbox ul li a:hover::after {
	width: 100%;
}
.footerbox ul li {
	margin-bottom: 10px;
}
.footerbox p {
	margin: 25px 0 15px;
	font-size: 16px;
	color: #808080;
	line-height: 24px;
}
.socialmedia a {
	margin-right: 15px;
}
.copyright {
	font-size: 16px;
	color: #808080;
}
.eventsfooter h2 {
	font-size: 36px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 15px;
}
.eventsfooter p {
	font-size: 18px;
	color: #808080;
	margin-bottom: 26px;
}
.footerorangebtns {
	height: 60px;
	border-radius: 8px;
	background: #FF8B00;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	transition: all 0.3s ease;
}
.footerorangebtns1 {
	height: 60px;
	border-radius: 8px;
	background-color: transparent;
	border: 2px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	color: #fff;
	font-weight: 600;
	transition: all 0.3s ease;
	font-size: 16px;
}
/* Orange button hover */

.footerorangebtns:hover {
	background: #e67800;
	transform: translateY(-4px);
	box-shadow: 0 8px 18px rgba(255, 139, 0, 0.4);
}
.footerbluebtns {
	height: 60px;
	border-radius: 8px;
	background: #1E4F9E;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	transition: all 0.3s ease;
}
.footerbluebtns:hover {
	background: #174080;
	/* slightly darker shade for hover */
	transform: translateY(-4px);
	box-shadow: 0 8px 18px rgba(30, 79, 158, 0.4);
}
.footeryellowbtns {
	height: 60px;
	border-radius: 8px;
	background: #FCBA02;
	/* yellow color */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	transition: all 0.3s ease;
}
.footeryellowbtns:hover {
	background: #e0a800;
	/* slightly darker yellow for hover */
	transform: translateY(-4px);
	box-shadow: 0 8px 18px rgba(252, 186, 2, 0.4);
	/* shadow matching yellow */
}
/* Transparent button hover */

.footerorangebtns1:hover {
	background: #fff;
	color: #1C3440;
	transform: translateY(-4px);
	box-shadow: 0 8px 18px rgba(255, 255, 255, 0.3);
}
.socialmedia a img {
	transition: transform 0.3s ease, filter 0.3s ease;
}
.socialmedia a:hover img {
	transform: scale(1.2) rotate(8deg);
	filter: brightness(1.3);
}
.readyplan span {
	display: block;
	margin-bottom: 20px;
}
.readyplan span img {
	filter: brightness(0) saturate(100%) invert(51%) sepia(96%) saturate(1825%) hue-rotate(4deg) brightness(100%) contrast(102%);
	transition: transform 0.3s ease;
	max-width: 36px;
}
.readyplan h3 {
	margin: 0;
	transition: color 0.3s ease;
	font-weight: 600;
	font-size: 20px;
}
.readyplan {
	background: #FFFFFF;
	border-radius: 20px;
	padding: 20px;
	transition: all 0.3s ease;
	box-shadow: 4px 10px 10px 0px #0000001A;
	border: 1px solid #F5DCB9
}
.readyplan:hover {
	transform: translateY(-8px);
	background: linear-gradient(184.29deg, #FCBA00 2.44%, #FF8B00 95.91%);
}
.readyplan:hover h3 {
	color: #fff;
}
.readyplan:hover span img {
	transform: rotateY(360deg);
	filter: brightness(0) invert(1);
}
.themebtn1 {
	border: 2px solid #FF8B00;
	height: 48px;
	padding: 0 20px;
	margin: 0 10px;
	border-radius: 10px;
	color: #FF8B00;
	font-weight: 600;
	font-size: 16px;
	padding: 0 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease, transform 0.2s ease;
}
.themebtn2 {
	background-color: #FF8B00;
	height: 48px;
	padding: 0 20px;
	margin: 0 10px;
	border-radius: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	padding: 0 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease, transform 0.2s ease;
}
/* Outline button */

.themebtn1:hover {
	background-color: #FF8B00;
	color: #fff;
	transform: translateY(-3px);
	box-shadow: 0 6px 14px rgba(255, 139, 0, 0.3);
}
/* Solid button */

.themebtn2:hover {
	background-color: #e67800;
	/* slightly darker */
	transform: translateY(-3px);
	box-shadow: 0 6px 14px rgba(255, 139, 0, 0.3);
}
/* Optional: active (click) effect */

.themebtn1:active,
.themebtn2:active {
	transform: translateY(0);
	box-shadow: none;
}
.testimonialbox {
	border: 1px solid #F5DCB9;
	border-radius: 20px;
	padding: 20px;
	height: 220px;
	background-color: #fff;
}
.clientprofile {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	overflow: hidden;
	margin-right: 15px;
}
.clientprofile img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.clientcontent h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
}
.clientcontent span {
	color: #808080;
	font-size: 14px;
	display: block;
	margin-top: 2px;
}
.testimonialbottom p {
	color: #808080;
	font-size: 16px;
	margin: 0;
	line-height: 24px;
}
.buildforbox {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 320px;
	overflow: hidden;
	border-radius: 20px;
	position: relative;
	cursor: pointer;
}
/* Smooth zoom effect on image */

.buildforbox img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}
.buildforbox:hover img {
	transform: scale(1.1);
}
/* Dark gradient overlay */

.buildforbox::after {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
	opacity: 0;
	transition: opacity 0.6s ease;
}
.buildforbox:hover::after {
	opacity: 1;
}
/* Hover text animation */

.hoverpart {
	position: absolute;
	z-index: 1;
	left: 20px;
	bottom: -50px;
	/* hidden initially */
	opacity: 0;
	transition: all 0.6s ease;
}
.buildforbox:hover .hoverpart {
	bottom: 20px;
	opacity: 1;
}
/* Text styling */

.hoverpart h2 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
}
.hoverpart span {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
.Eliminateworkbox {
	background: #FFFFFF;
	border: 1px solid #F5DCB9;
	border-radius: 20px;
	padding: 25px 20px;
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	cursor: pointer;
	box-shadow: 4px 10px 10px 0px #0000001A;
}
.Eliminateworkbox:hover {
	transform: translateY(-10px);
}
.clienttestimonial {
	background: #FCF5EA;
}
.Eliminateworkbox h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
	line-height: 30px;
	transition: color 0.3s ease;
}
.Eliminateworkbox:hover h3 {
	color: #FF8B00;
	/* Optional: change text color on hover */
}
.Eliminateworkbox span {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	color: #808080;
	transition: color 0.3s ease;
}
.Eliminateworkbox:hover .Eliminateicon img {
	transform: rotateY(360deg);
}
.Eliminateworkbox:hover span {
	color: #606060;
}
.Eliminateicon {
	margin: 0 auto 15px;
}
.Eliminateicon img {
	max-width: 41px;
	transition: 0.3s ease;
}
.coladjust {
	flex: 0 0 20%;
	display: flex;
	align-items: stretch;
}
.featuessheader {
	height: 76px;
	background: #FF8B00;
	align-items: center;
	border-radius: 20px 20px 0 0;
	margin: 0;
	box-shadow: 0px 1px 2px 0px #0000000D;
}
.featuessheader h3 {
	color: #fff;
	margin: 0;
	font-weight: 600;
	font-size: 18px;
	padding: 0 20px;
}
.featuessdata {
	border-bottom: 1px solid #f2f2f2;
	margin: 0;
}
.featuessdata span {
	font-weight: 500;
	font-size: 15px;
	display: flex;
	align-items: center;
	padding: 24px 20px;
}
.featuessdata span img {
	margin-right: 10px;
}
.mainouter {
	overflow: hidden;
	border-radius: 24px;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px 0px #0000001C;
}
.corporateheader .signinbtn {
	background: #1E4F9E;
}
.whycorporateimg {
	height: 256px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.whycontent h3 {
	color: #1C3440;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.whycontent p {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
}
/* Card hover effect */

.whycorporatebox {
	overflow: hidden;
	border-radius: 20px;
	background: #fff;
	border: 1px solid #EEEEEE;
	transition: all 0.4s ease;
	transform: translateY(0);
}
.whycorporatebox:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
}
/* Image zoom on hover */

.whycorporateimg img {
	max-width: 100%;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}
.whycorporatebox:hover .whycorporateimg img {
	transform: scale(1.1);
}
/* Content fade-in on hover */

.whycontent {
	padding: 25px;
	transition: all 0.3s ease;
}
.corporatefeatues .featuessheader {
	background: #1E4F9E;
}
.automatedslider .owl-dots .owl-dot {
	height: 11px;
	width: 13px;
	background: #FFFFFF4D !important;
	margin: 0 10px 0 0;
	border-radius: 50px;
	transition: all 0.4s ease cubic-bezier(0.4, 0, 0.2, 1);
}
.automatedslider .owl-dots .owl-dot.active {
	background-color: #1E4F9E !important;
	width: 30px;
}
.automatedslider .owl-dots {
	position: absolute;
	bottom: -40px;
	left: 0;
}
.automatedslider .owl-dots .owl-dot.active {
	animation: dotPulse 0.4s ease;
}
@keyframes dotPulse {
	0% {
		transform: scale(0.8);
		opacity: 0.7;
	}
	50% {
		transform: scale(1.2);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
.solutionsbox {
	border: 1px solid #D2DCEC;
	background-color: #fff;
	padding: 25px 20px;
	border-radius: 20px;
	transition: all 0.4s ease;
	transform: translateY(0);
}
.solutionsbox:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
	background: #4B72B1;
	border-color: #4B72B1;
}
/* Heading animation */

.solutionsbox h3 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #1C3440;
	font-weight: 600;
	transition: color 0.3s ease;
}
.solutionsbox:hover h3 {
	color: #fff;
}
/* Paragraph */

.solutionsbox p {
	color: #808080;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	transition: color 0.3s ease;
}
.solutionsbox:hover p {
	color: #fff;
}
/* Icon background animation */

.solutionsbox span {
	margin-bottom: 15px;
	display: block;
}
.solutionsbox:hover span img {
	transform: rotateY(360deg);
	filter: brightness(10.5);
}
/* Icon */

.solutionsbox span img {
	max-width: 32px;
	transition: all 0.3s ease;
}
.solutionsbox:hover span img {} .successtorybox {
	background: #FFFFFF;
	border-radius: 20px;
	padding: 20px;
}
.successtory {
	background: #D2DCEC;
}
.whohavebox {
	background: #FFFFFF;
	border: 1px solid #D2DCEC;
	border-radius: 20px;
	padding: 20px;
	transition: all 0.4s ease;
	transform: translateY(0);
}
.whohavebox:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
	border-color: #1E4F9E;
}
/* Title */

.whohavebox h3 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #1C3440;
	font-weight: 600;
	transition: color 0.3s ease;
}
.whohavebox:hover h3 {
	color: #1E4F9E;
}
/* Paragraph */

.whohavebox p {
	color: #808080;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	transition: color 0.3s ease;
}
.whohavebox:hover p {
	color: #555;
}
/* List */

.whohavebox ul li {
	margin-bottom: 6px;
	position: relative;
	padding-left: 20px;
	transition: all 0.3s ease;
}
.whohavebox ul li::after {
	position: absolute;
	content: '';
	left: 0;
	top: 6px;
	background-image: url(../img/tick.png);
	background-size: 10px;
	background-position: center;
	background-repeat: no-repeat;
	height: 12px;
	width: 10px;
	opacity: 0.7;
	transition: opacity 0.3s ease;
}
.whohavebox:hover ul li::after {
	opacity: 1;
}
/* Icon */

.whohavebox span {
	display: block;
	margin-bottom: 15px;
}
/* Icon image */

.whohavebox span img {
	max-width: 40px;
	transition: transform 0.3s ease;
}
.whohavebox:hover span img {
	transform: scale(1.1) rotate(8deg);
}
.headingwhite h2,
.headingwhite p {
	color: #fff;
}
.jointeambox {
	background: #1C3440;
	border: 1px solid #8D8D8D;
	border-radius: 20px;
	padding: 20px;
	text-align: center;
	transition: background 0.4s ease, box-shadow 0.4s ease;
}
.jointeambox h3 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: 600;
	transition: color 0.3s ease;
}
.jointeambox p {
	color: #fff;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	transition: color 0.3s ease;
}
.jointeambox span {
	display: block;
	transition: all 0.4s ease;
	margin: 0 auto 15px;
}
/* Icon image */

.jointeambox span img {
	max-width: 32px;
	transition: transform 0.3s ease;
}
.jointeambox {
	background: #fff;
	/* White background on hover */
}
.jointeambox h3 {
	color: #1C3440;
	/* Dark text for contrast on white */
}
.jointeambox p {
	color: #555;
	/* Softer grey text on white */
}
.jointeambox:hover span {
	transform: scale(1.1);
}
.jointeambox:hover span img {
	transform: rotate(10deg) scale(1.1);
}
.ourvaluesbox {
	background: #FFFFFF;
	box-shadow: 0px 1px 2px 0px #0000000D;
	border-radius: 20px;
	transition: background 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease;
	padding: 32px;
}
.ourvaluesbox h3 {
	font-size: 20px;
	margin-bottom: 15px;
	color: #1C3440;
	font-weight: 600;
	transition: color 0.3s ease;
}
.ourvaluesbox p {
	color: #1C3440;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	transition: color 0.3s ease;
}
.ourvaluesbox span {
	display: block;
	transition: all 0.4s ease;
	margin-bottom: 20px;
}
/* Icon image */

.ourvaluesbox span img {
	max-width: 32px;
	transition: transform 0.3s ease;
}
.ourvalues {
	background-color: #FCF5EA;
}
.aboutbanner {
	height: calc(100vh - 63px);
	position: relative;
	background-position: center;
	background-size: cover;
}
.aboutus .headingmain p {
	margin-bottom: 16px;
	font-size: 18px;
	color: #1C3440;
}
.aboutimg img {
	max-width: 100%;
}
.statsabout span {
	font-size: 30px;
	font-weight: 700;
	display: block;
	color: #FF8B00;
}
.statsabout strong {
	font-size: 16px;
	font-weight: 400;
	display: block;
	color: #1C3440;
}
.ourvaluesbox:hover {
	background: linear-gradient(191.7deg, #FCBA00 5.33%, #FF8B00 89.69%);
	box-shadow: 4px 10px 10px 0px #0000001A;
}
.ourvaluesbox:hover h3 {
	color: #fff;
	/* highlight heading */
}
.ourvaluesbox:hover p {
	color: #fff;
	/* softer text for hover state */
}
.ourvaluesbox:hover span img {
	transform: rotateY(360deg);
	filter: brightness(0) invert(1);
}
.paddinghigh {
	padding: 65px 0;
}
.Eliminatework {
	background: #F5DCB94D;
}
.clienttestimonial .owl-dots {
	text-align: center;
	padding: 20px 0;
	margin-top: 10px;
}
/* Individual dot button */

.clienttestimonial .owl-dots .owl-dot {
	display: inline-block;
	margin: 0 5px;
}
/* Dot span element (the visible dot) */

.clienttestimonial .owl-dots .owl-dot span {
	width: 14px;
	height: 14px;
	background: #f5dcc4;
	display: block;
	border-radius: 50%;
	transition: all 0.3s ease;
}
/* Active dot styling */

.clienttestimonial .owl-dots .owl-dot.active span {
	width: 32px;
	height: 14px;
	background: #ff9800;
	border-radius: 25px;
}
/* Hover effect for non-active dots */

.clienttestimonial .owl-dots .owl-dot:hover span {
	background: #e8c9a9;
}
.corporateheader {
	background: #1E4F9E;
}
.corporateheader .signinbtn {
	background: #FFFFFF;
	color: #1E4F9E;
}
.corporatebanner {
	height: 513px;
	justify-content: center;
}
.corporatebanner .bannercontent h1 {
	margin: 0 auto 15px;
}
.corporatebanner::after {
	background: radial-gradient(100% 1692.73% at 0% 50%, #1E4F9E 38.94%, rgba(30, 79, 158, 0) 100%);
	background-blend-mode: multiply;
	opacity: 0.4;
}
.headingtheme2 {
	color: #1E4F9E;
}
.whycorporate {
	background: linear-gradient(180deg, #FFFFFF 0%, #D2DCEC 100%);
}
.corporatefeatues {
	background: #1E4F9E33;
}
.corporatestimonials .testimonialbox {
	background: #F8F8F8 !important;
}
.automated {
	background: #D2DCEC;
}
.collective {
	background-color: #FCF5EA;
}
.ourteambox {
	background: #FFFFFF;
	border: 1px solid #F5DCB9;
	overflow: hidden;
	border-radius: 20px;
	transition: all 0.4s ease-in-out;
	/* Smooth hover transition */
}
.ourteambox:hover {
	transform: translateY(-10px);
	/* lift effect */
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
	/* soft shadow */
	border-color: #FF8B00;
	/* highlight border */
}
.outteamimg {
	border-radius: 0;
	height: 256px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.outteamimg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
	/* Smooth zoom on hover */
}
.ourteambox:hover .outteamimg img {
	transform: scale(1.08);
	/* slight zoom */
}
.ourteamdetails {
	padding: 24px;
}
.ourteamdetails h3 {
	font-size: 20px;
	font-weight: 600;
	color: #1C3440;
	margin-bottom: 10px;
	transition: color 0.3s ease;
}
.ourteamdetails span {
	color: #FF8B00;
	font-size: 16px;
	display: block;
	margin-bottom: 12px;
}
.ourteamdetails p {
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}
.ourteambox:hover .ourteamdetails h3 {
	color: #FF8B00;
}
/* Social icons hover */

.ourteamdetails a img {
	transition: transform 0.3s ease;
}
.ourteamdetails a:hover img {
	transform: scale(1.2) rotate(8deg);
}
.resourcesbanner {
	background: #FCF5EA;
}
.blogsmain {
	background: #F9F9F9;
}
.blogstabs .nav-tabs {
	display: inline-flex;
	background: #FFFFFF;
	border-radius: 50px;
	border: 0;
	box-shadow: 0px 10px 15px -3px #0000001A, 0px 4px 6px -4px #0000001A;
	padding: 4px;
}
.blogstabs .nav-tabs .nav-link {
	height: 40px;
	border: 0;
	border-radius: 50px;
	background-color: #fff;
	color: #4B5563;
	font-size: 15px;
	font-weight: 400;
	padding: 10px 24px;
	box-shadow: unset !important;
	/* ✨ Animation transition */
	transition: all 0.3s ease;
}
.blogstabs .nav-tabs .nav-link:hover {
	background: #ffe1bf;
	/* soft hover effect */
	color: #FF8B00;
}
.blogstabs .nav-tabs .nav-link.active {
	background: #FF8B00;
	color: #fff;
	font-weight: 500;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}
.blogsbox {
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	cursor: pointer;
}
.blogsbox:hover {
	transform: translateY(-8px) scale(1.02);
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}
.blogsimg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.blogsbox:hover .blogsimg img {
	transform: scale(1.1);
}
.blogsimg {
	overflow: hidden;
	height: 200px;
}
.blogsdetails {
	padding: 15px;
}
.bloguserimg {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	overflow: hidden;
	height: 24px;
	width: 24px;
	margin-right: 10px;
}
.bloguserimg img {
	max-width: 100%;
	height: 100%;
	width: 100%;
}
.nameuser,
.datepost {
	color: #808080;
	font-size: 14px;
	font-weight: 400;
	margin-right: 10px;
}
.blogtitle {
	font-weight: 600;
	color: #1C3440 !important;
	font-size: 20px;
	display: block;
	margin-bottom: 10px;
}
.blogsdetails p {
	color: #808080;
	font-size: 16px;
	line-height: 25px;
	margin: 0 0 10px;
}
.blogsdetails .readmore {
	color: #FF8B00 !important;
}
.paginationcount a {
	border-radius: 12px;
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	color: #4B5563;
}
.paginationcount a.active {
	background: #FF8B00;
	color: #fff;
}
.blogscommside {
	background: #FFFFFF;
	border-radius: 20px;
	padding: 24px;
}
.blogscommside h3 {
	font-weight: 600;
	font-size: 18px;
	margin: 0 0 20px;
}
.categoryblogs a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #4B5563;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 400;
}
.categorycount {
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	background: #F3F4F6;
	border-radius: 8px;
	color: #4B5563;
	font-size: 13px;
	font-weight: 500;
}
.blogssearch .form-control {
	height: 46px;
	border-radius: 16px;
	padding: 0 15px;
	font-size: 14px;
	padding: 10px 17px 10px 41px;
	box-shadow: unset !important;
	background-image: url(../img/search.png);
	background-repeat: no-repeat;
	background-position: 14px;
	background-size: 16px;
	border: 1px solid #E5E7EB !important;
}
.subscribenow {
	background: linear-gradient(135deg, #FCBA02 0%, #F97316 100%);
	border-radius: 20px;
	padding: 24px;
}
.subscribenow h3 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-weight: 600;
}
.subscribenow p {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 400;
}
.subscribe .form-control {
	height: 36px;
	border: 0;
	border-radius: 20px;
	margin-bottom: 15px;
	color: #9CA3AF;
	font-size: 14px;
	font-weight: 500;
	padding: 0 15px;
	box-shadow: unset !important;
}
.subscribe button {
	background: #FFFFFF;
	border: 0;
	width: 100%;
	border-radius: 16px;
	font-weight: 600;
	height: 36px;
}
.postimg {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	overflow: hidden;
	height: 48px;
	width: 48px;
	margin-right: 13px;
}
.postimg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.postcontent {
	width: 73%;
}
.postcontent h4 {
	font-weight: 600;
	font-size: 14px;
	color: #1C3440;
	margin-bottom: 5px;
}
.postcontent span {
	color: #808080;
	font-size: 13px;
	display: block;
}
.whychooseploom {
	background-color: #FCF5EA;
}
.faq {
	background-color: #FCF5EA;
}
.contacthead {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #1C3440;
}
.contacticon {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	margin-right: 15px;
	height: 40px;
	width: 40px;
	background: #FF8B00;
}
.contactdetail span {
	color: #1C3440;
	font-weight: 600;
	display: block;
	margin-bottom: 2px;
	font-size: 16px;
}
.contactdetail a {
	font-size: 16px;
	color: #1C3440;
	font-weight: 400;
}
.ortherdetails h4 {
	color: #1C3440;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 18px;
}
.businehours span {
	font-size: 14px;
	font-weight: 500;
	color: #1C3440;
}
.socialiconsss a {
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FF8B00;
	border-radius: 50px;
	margin-right: 14px;
}
.contact-form .form-group label {
	font-size: 14px;
	font-weight: 600;
	color: #1C3440;
	margin-bottom: 7px;
}
.contact-form .form-group .form-control {
	background: #FFFFFF;
	border: 1px solid #D1D5DB;
	height: 50px;
	border-radius: 16px;
	padding: 13px 17px;
	font-size: 16px;
	color: #808080;
	box-shadow: unset !important;
}
.contact-form .form-group .form-select {
	border: 1px solid #D1D5DB;
	height: 50px;
	border-radius: 16px;
	padding: 13px 17px;
	font-size: 16px;
	color: #808080;
	box-shadow: unset !important;
}
.contact-form .form-group textarea.form-control {
	height: 146px;
}
.accordiandesign .accordion-item {
	box-shadow: 0px 1px 2px 0px #0000000D;
	border: 1px solid #E5E7EB;
	border-radius: 16px !important;
	margin-bottom: 20px;
}
.accordiandesign .accordion-button {
	background-color: transparent !important;
	font-size: 18px;
	font-weight: 600;
	color: #1C3440 !important;
	padding: 24px 25px;
	border-radius: 0 !important;
	box-shadow: unset !important;
}
.accordiandesign .accordion-button span {
	margin-right: 10px;
	height: 32px;
	width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	background-color: #FF8B00;
	color: #fff;
	font-size: 14px;
}
.accordiandesign .accordion-body {
	font-size: 15px;
	line-height: 25px;
	padding: 0 24px 25px;
	font-weight: 400;
}
.videoboxcontent h3 {
	font-size: 20px;
	font-weight: 600;
	color: #1C3440;
	margin-bottom: 10px;
}
.videoboxcontent p {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 15px;
}
.videoboxploom {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	height: 309px;
	overflow: hidden;
	margin-bottom: 25px;
	position: relative;
}
.videoimg {
	max-width: 100%;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.videobtn {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
}
.partnerfooter .footerbox ul li a:hover {
	color: #FCBA02;
}
.vendortestimon {
	background: #FCF5EA;
}
.headingmain span {
	color: #FCBA02;
	font-size: 20px;
	display: block;
	margin-bottom: 10px;
}
/* Vendor Choose Box Container */

.vendorchoosebox {
	border: 1px solid #F5DCB9;
	border-radius: 20px;
	padding: 20px;
	background: #fff;
	transition: all 0.4s ease;
	cursor: pointer;
}
/* Icon Circle */

.vendorchoosebox span {
	margin-bottom: 20px;
	display: block;
	transition: all 0.4s ease;
}
/* Icon Image */

.vendorchoosebox span img {
	max-width: 38px;
	transition: transform 0.4s ease;
}
/* Title */

.vendorchoosebox h3 {
	font-size: 18px;
	margin-bottom: 10px;
	transition: color 0.3s ease;
	color: #333;
}
/* Description */

.vendorchoosebox p {
	font-size: 14px;
	color: #666;
	transition: color 0.3s ease;
}
/* Hover Effects */

.vendorchoosebox:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 25px rgba(252, 186, 2, 0.25);
	border-color: #FCBA02;
}
.vendorchoosebox:hover span img {
	transform: scale(1.2) rotate(10deg);
}
.vendorchoosebox:hover h3 {
	color: #FCBA02;
}
.vendorchoosebox:hover p {
	color: #555;
}
.vendorchoosebox h3 {
	color: #1C3440;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.vendorchoosebox p {
	font-weight: 400;
	font-size: 16px;
	color: #808080;
	margin: 0;
}
.ploomworksbox {
	transition: all 0.3s;
	text-align: center;
	padding: 30px 10px;
	border-radius: 16px;
}
.ploomworksbox span {
	height: 64px;
	width: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px;
	background: #FCBA02;
	border-radius: 50px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	transition: all 0.3s ease;
}
.ploomworksbox h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	margin: 0 0 15px;
	color: #1C3440;
}
.ploomworksbox p {
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 0;
	color: #808080;
}
.ploomworksbox:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}
.ploomworksbox:hover span {
	background: #fff;
	color: #FCBA02;
	border: 2px solid #FCBA02;
	transform: scale(1.1);
}
.withoutploomtext {
	list-style: none;
	padding: 0;
	margin: 0;
}
.withoutploomtext li p {
	color: #808080;
	margin: 0;
	font-size: 22px;
}
.withoutploomtext li {
	position: relative;
	list-style: none;
	padding-left: 40px;
	margin-bottom: 10px;
}
.withoutploomtext li::after {
	background-image: url(../img/close1.png);
	content: '';
	position: absolute;
	top: 4px;
	left: 6px;
	height: 24px;
	width: 24px;
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: center;
}
.withoutploom h3 {
	color: #EF4444;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 12px;
}
.withoutploom {
	border-radius: 20px;
	padding: 30px 20px;
	border: 1px solid #D1D5DB;
	background: #FFFFFF1A;
}
.withploomtext {
	list-style: none;
	padding: 0;
	margin: 0;
}
.withploomtext li p {
	color: #808080;
	margin: 0;
	font-size: 22px;
}
.withploomtext li {
	position: relative;
	list-style: none;
	padding-left: 40px;
	margin-bottom: 10px;
}
.withploomtext li::after {
	background-image: url(../img/correct.png);
	content: '';
	position: absolute;
	top: 4px;
	left: 6px;
	height: 24px;
	width: 24px;
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: center;
}
.withploom h3 {
	color: #FCBA02;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 12px;
}
.withploom {
	background: #FC9F2E1A;
	border-radius: 20px;
	padding: 30px 20px;
	background: #FCBA021A;
}
.whothis {
	background-color: #FCF5EA;
}
.whothisbox {
	background: #FFFFFF;
	border-radius: 20px;
	padding: 20px;
	text-align: center;
	transition: all 0.4s ease;
	cursor: pointer;
}
.whothisbox span {
	display: block;
	margin: 0 auto 15px;
	transition: all 0.4s ease;
	height: 158px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 5px;
}
.whothisbox span img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.whothisbox h3 {
	font-size: 20px;
	font-weight: 600;
	color: #1C3440;
	line-height: 28px;
	margin: 0;
	transition: color 0.3s ease;
}
/* Hover Effect */

.whothisbox:hover {
	background: #F5DCB9;
	/* box background changes to span color */
	transform: translateY(-8px);
	/* lifts the box */
	box-shadow: 0 12px 25px rgba(245, 220, 185, 0.3);
	/* subtle shadow */
}
.whothisbox:hover h3 {
	color: #1C3440;
	/* optional: text color can stay same or change */
}
.partnerbanner {
	background: #F9F9F9;
	padding: 50px 0;
}
.partnerbannerright {
	width: 500px;
	background: #FFFFFF;
	padding: 20px;
	border-radius: 20px;
}
.notee {
	font-size: 12px;
	font-weight: 400;
	color: #808080;
}
.partnerbannerright .contacthead {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #111827;
}
.themeyellowbtn {
	background-color: #FCBA02;
	/* golden yellow */
	height: 48px;
	padding: 0 22px;
	margin: 0 10px;
	border-radius: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease, transform 0.2s ease;
}
/* Hover Effect */

.themeyellowbtn:hover {
	background-color: #e0a800;
	/* slightly darker yellow */
	transform: translateY(-3px);
	box-shadow: 0 6px 14px rgba(252, 186, 2, 0.3);
}
/* Active/Click Effect */

.themeyellowbtn:active {
	transform: translateY(0);
	box-shadow: none;
}
.callus {
	background: #FFFFFF;
	border: 1px solid #E5E7EB;
	border-radius: 8px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 500;
	color: #1C3440;
	text-decoration: none;
	transition: transform 0.3s ease;
	position: relative;
}
/* animated underline */

.callus::after {
	content: "";
	position: absolute;
	bottom: 8px;
	left: 20px;
	width: 0;
	height: 2px;
	background: #FCBA02;
	transition: width 0.3s ease;
}
.callus:hover::after {
	width: calc(100% - 40px);
	/* grows under text */
}
.callus:hover {
	transform: translateY(-3px);
}
.partnerbannerheading h1 {
	font-weight: 700;
	font-size: 62px;
	margin-bottom: 20px;
	line-height: 72px;
}
.partnerbannerheading p {
	color: #808080;
	margin-bottom: 0;
	font-weight: 400;
	font-size: 18px;
}
.chatboat {
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background: #FF8B00;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 99999;
	/* Animation */
	animation: float 3s ease-in-out infinite;
	transition: transform 0.3s ease;
}
/* Chatbot image */

.chatboat img {
	max-width: 40px;
	transition: transform 0.3s ease;
}
/* Hover effect */

.chatboat:hover {
	transform: scale(1.2) rotate(-10deg);
}
/* Floating animation */

@keyframes float {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}
.corporatechatbot {
	background-color: #1E4F9E;
}
.partnerchatbot {
	background-color: #FCBA02;
}
.moonogramdesign {
	position: relative;
}
.moonogramdesign::after {
	position: absolute;
	content: '';
	top: -30px;
	left: -7px;
	height: 159px;
	width: 186px;
	background-image: url(../img/monogramleft.png);
	background-repeat: no-repeat;
	background-position: center;
}
.moonogramdesign::before {
	position: absolute;
	content: '';
	top: -37px;
	right: 13px;
	height: 175px;
	width: 186px;
	background-image: url(../img/monogramright.png);
	background-repeat: no-repeat;
	background-position: center;
}
.corporatestimonials .moonogramdesign::after {
	top: 16px;
	left: 13px;
	background-image: url('../img/corporatemonoleft.png');
}
.corporatestimonials .moonogramdesign::before {
	top: 1px;
	right: 13px;
	background-image: url('../img/corporatemonoright.png');
}
.coustorersuccess {
	background: #D2DCEC;
}
.automatedboxx {
	margin: 0;
	background: #FFFFFF;
	border-radius: 20px;
	padding: 20px 12px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.automatedboxx:hover {
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
}
.automatedimg {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	overflow: hidden;
	height: 300px;
	transition: transform 0.5s ease;
}
.automatedimg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.automatedboxx:hover .automatedimg img {
	transform: scale(1.1);
}
.toggle-container {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: center;
	font-size: 20px;
	margin-bottom: 0;
	color: #808080;
}
.toggle-switch {
	position: relative;
	width: 60px;
	height: 30px;
	background: #fff;
	border-radius: 15px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.toggle-switch.enabled {
	background: #FF8B00;
}
.toggle-circle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 22px;
	height: 22px;
	background: #FF8B00;
	border-radius: 50%;
	transition: all 0.3s ease;
	box-shadow: 0px 2px 4px 0px #0000001A;
}
.toggle-switch.enabled .toggle-circle {
	left: 34px;
	background: #fff;
}
.toggle-switch:active .toggle-circle {
	transform: scale(0.9);
}
.coustomerstoryimg {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	overflow: hidden;
	height: 472px;
}
.coustomerstoryimg img {
	max-width: 100%;
	width: 100%;
	object-fit: cover;
	height: 100%;
}
.coustomerstorybox {
	margin: 0;
	background: #FFFFFF;
	border-radius: 20px;
	padding: 20px 10px;
}
.coustomerstoryinner h3 {
	font-size: 40px;
	color: #1C3440;
	margin-bottom: 10px;
	line-height: 40px;
}
.coustomerstoryinner span {
	font-weight: 500;
	color: #1C3440;
	font-size: 16px;
	display: block;
}
.coustomerstoryinner h4 {
	font-size: 24px;
	font-weight: 500;
	color: #1C3440;
	margin: 0 0 0 10px;
}
.coustomerstoryinner p {
	font-weight: 400;
	color: #808080;
	font-size: 20px;
	margin: 0;
}
.whatsupbtnicon {
	height: 48px;
	width: 48px;
	border-radius: 50px;
	padding: 0;
	margin-right: 15px;
}
.modal-open {
	padding-right: 0 !important;
}
.pageLoadModal .modal-content {
	padding: 22px 20px;
	border-radius: 10px;
	border: 0;
}
.pageLoadModal .modal-dialog {
	margin-left: auto !important;
	margin-right: 80px !important;
}
.pageLoadModal .modal-dialog {
	position: fixed;
	bottom: 20px;
	margin: 0;
	left: 0;
	right: 20px;
	transform: none;
	max-width: 360px;
}
/* .pageLoadModal .modal-content {
      border-radius: 16px 16px 0 0;
      box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.2);
      animation: slideUp 0.3s ease;
    } */

@keyframes slideUp {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(0);
	}
}
.pageloadmodal .contact-form .form-group .form-control {
	height: 46px;
	border-radius: 10px;
	font-size: 14px;
}
.pageloadmodal .contact-form .form-group textarea.form-control {
	height: 100px;
}
.howitworks::after {
	top: 10px;
	left: 0;
}
.howitworks::before {
	top: 10px;
	right: 0;
}
.pageloadmodal .btn-close {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 1;
}
/* NEW CSS Start */

.authpages {
	background: #fff;
	height: 100vh;
	overflow: hidden;
	padding: 30px;
}
.authinner {
	display: flex;
}
.authleft {
	height: calc(100vh - 60px);
	width: 50%;
	border-radius: 29px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.authleft::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg, rgba(151, 118, 68, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%);
}
.authright {
	width: 50%;
	text-align: center;
	height: calc(100vh - 60px);
	overflow-y: auto;
	overflow-x: hidden;
}
.authright::-webkit-scrollbar {
	display: none;
}
.authslider .owl-nav {
	display: none !important;
}
.formpart {
	max-width: 500px;
	margin: 0 auto;
	padding: 40px 0;
}
.authslider .owl-dot span {
	width: 20px;
	height: 10px;
	border-radius: 10px;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	opacity: 0.5;
	border: 0;
	transition: 0.3s ease-in-out;
	margin-right: 5px;
}
.authslider .owl-dot.active span {
	opacity: 1;
	width: 42px;
}
.authslider {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	z-index: 99;
	margin: 0 auto;
	width: 90%;
}
.authslide h2 {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
}
.authslide p {
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	margin: 0;
}
.authslider .owl-dots {
	position: absolute;
	top: -30px;
}
.logoauth img {
	max-width: 175px;
}
.formhead h1 {
	font-weight: 700;
	font-size: 30px;
	color: #1C3440;
	font-family: 'Open Sans';
	margin-bottom: 10px;
}
.authbtns1 {
	background-color: #FF8B00;
	height: 48px;
	border-radius: 10px;
	padding: 20px 20px;
	width: 100%;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Open Sans';
	display: flex;
	align-items: center;
	justify-content: center;
}
.authbtns2 {
	background-color: #fff;
	height: 48px;
	border-radius: 10px;
	padding: 20px 20px;
	width: 100%;
	color: #1C3440;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Open Sans';
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #D1D5DB;
}
.authbtns3 {
	border: 1px solid #FC9F2E;
	height: 48px;
	border-radius: 10px;
	padding: 20px 20px;
	width: 100%;
	color: #FC9F2E;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Open Sans';
	display: flex;
	align-items: center;
	justify-content: center;
}
.formhead p {
	font-weight: 400;
	font-size: 19px;
	margin: 0;
	color: #808080;
	font-size: 14px;
	font-family: 'Open Sans';
}
.labelinput {
	font-size: 14px;
	font-weight: 600;
	color: #1C3440;
	font-family: 'Open Sans';
	margin-bottom: 6px;
}
.formauth .form-group .form-control {
	height: 46px;
	border-radius: 10px;
	padding: 10px 14px;
	border: 1px solid #D1D5DB;
	box-shadow: unset !important;
	font-family: 'Open Sans';
	color: #000;
	font-size: 14px;
}
.formauth .form-group .form-control::placeholder {
	color: #808080;
}
.eyebtn {
	position: absolute;
	border: 0;
	padding: 0;
	background-color: transparent;
	right: 18px;
	top: 10px;
}
.forgotpassword {
	color: #FF8B00;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans';
}
.custom-checkbox {
	display: flex;
	align-items: center;
	cursor: pointer;
	line-height: 21px;
	color: #10181E;
	font-size: 14px;
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: 600;
}
.custom-checkbox input {
	display: none;
}
.custom-checkbox .checkmark {
	width: 19px;
	height: 19px;
	background-color: #fff;
	display: inline-block;
	position: relative;
	border-radius: 0;
	border-radius: 4px;
	margin-right: 12px;
	border: 2px solid #D1D5DB;
}
.custom-checkbox input:checked + .checkmark {
	background-color: #FF8B00;
	border-color: #FF8B00;
}
.custom-checkbox input:checked + .checkmark::after {
	content: "";
	position: absolute;
	left: 5px;
	top: 1px;
	width: 6px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.iconinput {
	padding-left: 48px !important;
}
.inputicon {
	position: absolute;
	top: 16px;
	left: 18px;
}
.continue_with {
	color: #1C3440;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	position: relative;
}
.continue_with span {
	position: relative;
	z-index: 1;
	padding: 0 10px 0;
	background-color: #fff;
}
.continue_with::after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 9px;
	border: 1px solid #E5E5E5;
	width: 180px;
	margin: 0 auto;
}
.continuebtns {
	border: 1px solid #E5E5E5;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	border-radius: 10px;
	color: #1C3440;
	font-weight: 500;
	font-size: 16px;
	font-family: 'Open Sans';
}
.continuebtns img {
	margin-right: 8px;
}
.donthave {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	font-family: 'Open Sans';
}
.donthave a {
	color: #FF8B00;
}
.otpinputs .form-control {
	width: 113px;
}
.formauth .form-group .numberinput .form-select {
	position: absolute;
	top: 14px;
	left: 15px;
	z-index: 1;
	padding: 0;
	width: 48px;
	background-color: transparent;
	border: 0;
	font-weight: 500;
	color: #272727;
	font-size: 13px;
	border-right: 1px solid !important;
	border-radius: 0;
	height: 18px;
	padding-right: 20px;
	background-position: 28px;
	box-shadow: unset !important;
}
.Genderbtns {
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid #D1D5DB;
	color: #1C3440;
	font-size: 14px;
	font-family: 'Open Sans';
	font-weight: 600;
}
.Genderbtns img {
	margin-right: 10px;
}
.Genderbtns.active {
	background: #FC9F2E1A;
	color: #FF8B00;
	border-color: #FC9F2E1A;
}
.twofectorbtns a {
	border: 1px solid #D1D5DB;
	padding: 20px;
	display: block;
	border-radius: 8px;
}
.twofectorbtns a span {
	color: #1C3440;
	display: block;
	font-family: 'Open Sans';
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 14px;
}
.twofectorbtns a p {
	color: #808080;
	display: block;
	font-family: 'Open Sans';
	margin-bottom: 5px;
	font-weight: 400;
	font-size: 13px;
	margin: 0;
}
.twofectorbtns a.active {
	border: 1px solid #FF8B00;
}
.twofectorbtns a.active span {
	color: #FF8B00;
}
.lookerbx.row {
	border: 1px solid #CECECE;
	border-radius: 12px;
	padding: 20px;
	background-color: #fff;
	margin: 0;
}
.lookerbx h4 {
	font-size: 16px;
	font-family: 'Open Sans';
	margin: 0 0 6px;
}
.lookerbx p {
	font-size: 14px;
	margin: 0;
	font-family: 'Open Sans';
}
.panelsidebar {
	border-right: 1px solid #D1D5DB;
	padding: 20px 24px;
	width: 19.6%;
}
.panelcontent {
	width: 80.4%;
}
.logosidebar {
	margin-bottom: 35px;
}
.panelmain {
	display: flex;
	height: 100vh;
	overflow: hidden;
}
.panelsidebar .sidebar-menu {
	padding: 0;
	list-style: none;
}
.panelsidebar .sidebar-menu li a {
	height: 51px;
	display: flex;
	align-items: center;
	border-radius: 10px;
	background: #fff;
	font-size: 14px;
	color: #1C3440;
	padding: 8px 7px;
	font-weight: 500;
}
.panelsidebar .sidebar-menu li.active a {
	background: #FF8B00;
	color: #fff;
}
.panelsidebar .sidebar-menu li a span {
	height: 35px;
	display: flex;
	align-items: center;
	background: #FC9F2E1A;
	width: 35px;
	border-radius: 5px;
	justify-content: center;
	margin-right: 12px;
}
.panelsidebar .sidebar-menu li.active a span {
	background-color: #fff;
}
.panelsidebar .sidebar-menu li a span img {
	max-width: 19px;
}
.panelinner {
	background: #F9FAFB;
	padding: 20px;
	height: calc(100vh - 63px);
	overflow-y: auto;
	overflow-x: hidden;
}
.panelheader {
	height: 63px;
	display: flex;
	align-items: center;
	padding: 10px 20px;
}
.arrowback img {
	max-width: 14px;
}
.headerusername {
	font-size: 20px;
	font-weight: 600;
	color: #1C3440;
	font-family: 'Open Sans';
}
.timerheader {
	color: #808080;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Open Sans';
	line-height: 14px;
}
.statsbox {
	border-radius: 16px;
	padding: 16px;
	background: #FF8B00;
}
.statsbox img {
	margin-bottom: 10px;
}
.statsbox h2 {
	color: #fff;
	font-size: 16px;
	font-family: 'Open Sans';
	font-weight: 600;
}
.statsbox p {
	margin-bottom: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Open Sans';
}
.statsbox1 {
	background: #FC9F2E;
}
.statsbox2 {
	background: #FAB35C;
}
.commandesign {
	border: 1px solid #D2DCEC;
	background: #FFFFFF;
	border-radius: 20px;
	padding: 20px;
}
.commanheading {
	color: #1C3440;
	font-size: 18px;
	font-family: 'Open Sans';
	font-weight: 600;
}
.trendcategory {
	border: 1px solid #D1D5DB;
	border-radius: 8px;
	padding: 10px;
}
.trendcategory img {
	max-width: 10px;
}
.trendcategory h3 {
	color: #1C3440;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans';
	margin-bottom: 5px;
	line-height: 14px;
}
.trendcategory span {
	color: #808080;
	font-size: 12px;
	display: block;
	font-weight: 600;
	font-family: 'Open Sans';
}
.trendcategory img {
	max-width: 25px;
	margin-bottom: 10px;
}
.taskcompleted {
	font-size: 13px;
	font-weight: 400;
	color: #808080;
	font-family: 'Open Sans';
}
.comman_a_btn {
	color: #FF8B00;
	font-size: 14px;
	font-weight: 500;
	font-family: 'Open Sans';
}
.duedate {
	display: block;
	color: #808080;
	font-size: 12px;
}
.taskbox .custom-checkbox .checkmark {
	width: 24px;
	height: 24px;
	border: 2px solid #D1D5DB;
	border-radius: 8px;
}
.taskbox .custom-checkbox input:checked + .checkmark {
	background-color: #FF8B00;
	border-color: #FF8B00;
}
.taskbox .custom-checkbox input:checked + .checkmark::after {
	left: 7px;
	top: 3px;
	width: 6px;
}
.realtime h3 {
	font-size: 14px;
	color: #1C3440;
	margin-bottom: 5px;
	font-weight: 600;
	font-family: 'Open Sans';
}
.realtime p {
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 5px;
	color: #808080;
	font-family: 'Open Sans';
}
.realtime span {
	font-size: 13px;
	color: #9CA3AF;
	font-family: 'Open Sans';
	display: block;
}
.notificationpoint {
	background-color: #000;
	border-radius: 50px;
	height: 10px;
	width: 10px;
}
.color1 {
	background-color: #EF4444;
}
.color2 {
	background: #3B82F6;
}
.color3 {
	background: #10B981;
}
.color4 {
	background: #FC9F2E;
}
.trendingpackages {
	border: 1px solid #D1D5DB;
	border-radius: 20px;
	padding: 20px;
}
.tredingimg {
	height: 175px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 20px;
}
.tredingimg img {
	height: 100%;
	max-width: 100%;
	width: 100%;
	object-fit: cover;
}
.trendingpackagestext h3 {
	font-size: 18px;
	color: #1C3440;
	font-weight: 600;
	margin-bottom: 5px;
}
.mapbox {
	font-size: 12px;
	color: #7E7E7E;
}
.trendingpackagestext span {
	color: #2E2E2E;
	font-size: 16px;
	font-weight: 600;
	display: block;
}
.viewdetailsbtn {
	border: 1px solid #FF8B00;
	height: 37px;
	border-radius: 10px;
	color: #FF8B00;
	display: flex;
	align-items: center;
	justify-content: center;
}
.timer {
	font-size: 24px;
	font-weight: 700;
	color: #1C3440;
	font-family: 'Open Sans';
}
.countdown {
	text-align: center;
}
.countdown span {
	color: #808080;
	display: block;
	font-size: 14px;
	font-family: 'Open Sans';
}
.quickcall {
	background: #DCFCE7;
	height: 24px;
	border-radius: 50px;
	padding: 4px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	color: #15803D;
	font-family: 'Open Sans';
}
.chattnn {
	background: #DBEAFE;
	height: 24px;
	border-radius: 50px;
	padding: 4px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	color: #1D4ED8;
	font-family: 'Open Sans';
}
.vendorhubprofile {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	overflow: hidden;
	height: 40px;
	width: 40px;
}
.vendorhubprofile img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.vendorhub h2 {
	font-size: 16px;
	font-weight: 600;
	font-family: 'Open Sans';
}
.vendorhub h3 {
	font-weight: 400;
	font-size: 14px;
	font-family: 'Open Sans';
	margin-bottom: 0;
}
.chart-wrapper {
	position: relative;
	width: 200px;
	height: 200px;
	margin: 0 auto 30px;
}
.donut-chart {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: conic-gradient(#f5a855 0deg 252deg, #e8e8e8 252deg 360deg);
	position: relative;
}
.donut-hole {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 140px;
	height: 140px;
	background: white;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.amount {
	font-size: 24px;
	font-weight: 600;
	color: #333;
	margin: 0;
}
.label {
	font-size: 12px;
	color: #999;
	margin: 4px 0 0 0;
}
.legend {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.legend-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}
.legend-label {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #666;
}
.legend-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.spent {
	background: #f5a855;
}
.remaining {
	background: #e8e8e8;
}
.legend-value {
	font-weight: 500;
	color: #333;
}
.vendorrequestbox .nav-tabs .nav-item .nav-link {
	font-size: 14px;
	font-weight: 600;
	height: 47px;
	border: 0;
	font-family: 'Open Sans';
	padding: 0 30px;
	color: #1C3440;
}
.vendorrequestbox .nav-tabs .nav-item .nav-link.active {
	border-bottom: 1px solid #1E4F9E;
	color: #1E4F9E;
}
.requesticon {
	height: 40px;
	width: 40px;
	border-radius: 8px;
	background: #FF8B001A;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
}
.vendorrequestbox {
	padding: 20px;
	border-radius: 20px;
	border: 1px solid #D1D5DB;
}
.requestdetails h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 6px;
	font-family: 'Open Sans';
}
.vendorrequestbox span {
	font-size: 13px;
	color: #7E7E7E;
	display: block;
	font-family: 'Open Sans';
}
.quoteee {
	font-size: 13px;
	color: #7E7E7E;
	display: block;
	font-family: 'Open Sans';
	margin-left: 10px;
}
.badgess {
	background-color: #000;
	border-radius: 50px;
	height: 24px;
	font-size: 12px;
	font-weight: 600;
	font-family: 'Open Sans';
	padding: 0 10px;
	display: flex;
	align-items: center;
	color: #fff;
}
.inprogress {
	background: #FF8B00;
}
.completed {
	background: #DCFCE7;
	color: #27AE60;
}
.draft {
	background: #FC9F2E1A;
	color: #FF8B00;
}
.filterbtns {
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 400;
	color: #1C3440;
	padding: 0 10px;
	font-family: 'Open Sans';
}
.filterbtns img {
	margin-right: 7px;
	max-width: 20px;
}
.headersearch .form-control {
	height: 40px;
	border-radius: 5px;
	border: 1px solid #E5E5E5;
	padding: 0 20px;
	box-shadow: unset !important;
	width: 269px;
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: 400;
	padding-left: 40px;
	background-image: url(../img/searchheader.png);
	background-position: 5%;
	background-repeat: no-repeat;
}
.filtertabs a {
	font-size: 16px;
	font-weight: 500;
	font-family: 'Open Sans';
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	padding: 0 10px;
	color: #1C3440;
}
.filtertabs {
	background: #F7F7F7;
	border: 1px solid #E5E5E5;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	padding: 5px;
}
.filtertabs a.active {
	background: #FFFFFF;
	box-shadow: 0px 1px 1px 0px #0000001F;
}
.headcomman h2 {
	font-size: 18px;
	font-weight: 600;
	color: #1C3440;
	font-family: 'Open Sans';
	margin: 0 0 2px;
}
.headcomman p {
	font-size: 13px;
	font-family: 'Open Sans';
	color: #1C3440;
}
.commanheadbtn1 {
	height: 40px;
	border-radius: 8px;
	background: #FF8B00;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Open Sans';
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
}
.commanheadbtn2 {
	height: 40px;
	border-radius: 8px;
	border: 2px solid #F8C88B;
	background: #fff;
	color: #FF8B00;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Open Sans';
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
}
.commanheadbtn1 img {
	margin-right: 8px;
	max-width: 24px;
}
.commantable {
	background: #F7F7F7;
	border: 1px solid #E5E5E5;
	padding: 20px;
	border-radius: 10px;
}
.commantable .table thead tr th {
	border-right: 1px solid #FFFFFF1A;
	background: #FC9F2E;
	padding: 15px;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Open Sans';
	border-bottom: 0;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
.commantable .table thead tr th:nth-child(2) {
	text-align: left;
}
.commantable .table tbody tr td {
	border-right: 1px solid #D1D5DB;
	border-bottom: 1px solid #D1D5DB;
	background: #FFFFFF;
	padding: 15px;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Open Sans';
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.commantable .table tbody tr td:last-child {
	border-right: 0;
}
.eventpic {
	height: 36px;
	width: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	overflow: hidden;
	margin-right: 10px;
}
.eventpic img {
	max-width: 100%;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.eventscontent h3 {
	font-size: 14px;
	font-weight: 600;
	color: #292D32;
	margin: 0 0 2px;
	font-family: 'Open Sans';
}
.eventscontent span,
.smcontent {
	font-size: 12px;
	font-weight: 400;
	color: #808080;
	font-family: 'Open Sans';
}
.tablebadge {
	height: 24px;
	padding: 0 10px;
	border-radius: 5px;
	display: inline-flex;
	align-items: center;
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: 500;
	justify-content: center;
}
.t_confirmed {
	background: #3EB6551A;
	color: #3EB655;
}
.t_planing {
	background: #1E4F9E1A;
	color: #1E4F9E;
}
.t_upcoming {
	background: #3EB6551A;
	color: #3EB655;
}
.t_past {
	background: #D1D5DB1A;
	color: #D1D5DB;
}
.t_pending {
	color: #FC9F2E;
	background: #FC9F2E1A;
}
.commantable .dots-btn {
	background: #F7F7F7;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 50px;
	height: 25px;
	width: 25px;
	margin: 0 auto;
	border: 0;
}
.commantable .icon-section:hover {
	background: #f8f8f8;
}
.commantable .dots {
	display: flex;
	gap: 3px;
	transform: scale(0.7);
}
.commantable .dot {
	width: 6px;
	height: 6px;
	background: #666;
	border-radius: 50%;
}
.commantable .dropdown-menu {
	position: absolute;
	top: 100%;
	left: auto !important;
	right: 20px !important;
	width: 100%;
	background: white;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	display: none;
	z-index: 9999;
	margin-top: 4px;
	padding: 0;
	min-width: 110px;
}
.commantable .dropdown-menu.active {
	display: block;
}
.commantable .dropdown-item {
	padding: 8px 14px;
	cursor: pointer;
	transition: background 0.2s;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px;
	font-weight: 600;
}
.commantable .dropdown-item:last-child {
	border-bottom: none;
}
.commantable .dropdown-item:hover {
	background: #f8f8f8;
}
.innerpagination a {
	height: 33px;
	width: 33px;
	display: inline-flex;
	align-items: center;
	background: #FFFFFF;
	border-radius: 8px;
	border: 0.83px solid #E5E5E5;
	justify-content: center;
	font-weight: 500;
	color: #1C3440;
	font-size: 13px;
	margin: 0 3px;
}
.innerpagination a.active {
	background: #F7F7F7;
	border-color: #F7F7F7;
}
.periviousbtn {
	height: 33px;
	display: inline-flex;
	align-items: center;
	background: #F7F7F7;
	border-radius: 8px;
	border: 0.83px solid #F7F7F7;
	justify-content: center;
	font-weight: 500;
	color: #1C3440;
	font-size: 13px;
	padding: 10px;
	margin-right: 10px;
}
.nextbtnss {
	height: 33px;
	display: inline-flex;
	align-items: center;
	background: #FF8B00;
	border-radius: 8px;
	border: 0.83px solid #FF8B00;
	justify-content: center;
	font-weight: 500;
	color: #fff;
	font-size: 13px;
	padding: 10px;
	margin-left: 10px;
}
.profileprogressbar {
	margin-bottom: 0;
	background-color: #F8F8F8;
	height: 8px;
	width: 88%;
	border-radius: 99px;
	overflow: hidden;
	margin-right: 14px;
}
.profileprogressinner {
	height: 8px;
	background: #FC9F2E;
	border-radius: 99px;
}
.profilecompletionprogreess span {
	color: #808080;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans';
	width: 12%;
	text-align: center;
}
.eventprogress_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	width: 32px;
	margin-right: 10px;
	border-radius: 50px;
	background: #E5E7EB;
}
.eventprogress_text h2 {
	color: #808080;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	font-family: 'Open Sans';
}
.eventprogress_text p {
	color: #808080;
	font-size: 13px;
	margin-bottom: 0;
}
.eventprogress.active .eventprogress_icon {
	background: #FF8B00;
}
.eventprogress.active .eventprogress_icon img {
	filter: brightness(0) invert(1);
}
.innerborderdesign {
	border: 1px solid #D1D5DB;
	border-radius: 10px;
	padding: 20px;
}
.formdesign .form-group .form-control {
	height: 48px;
	border-radius: 10px;
	padding: 10px 14px;
	border: 1px solid #D1D5DB;
	box-shadow: unset !important;
	font-family: 'Open Sans';
	color: #000;
	font-size: 14px;
}
.formdesign .form-group .form-select {
	height: 48px;
	border-radius: 10px;
	padding: 10px 14px;
	border: 1px solid #D1D5DB;
	box-shadow: unset !important;
	font-family: 'Open Sans';
	color: #000;
	font-size: 14px;
}
.formdesign .form-group .form-control::placeholder {
	color: #808080;
}
.venuebudgetbtn {
	border: 1px solid #D1D5DB;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	border-radius: 10px;
	color: #FF8B00;
	font-size: 14px;
}
.eventsdata h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1C3440;
	margin-bottom: 14px;
	font-family: 'Open Sans';
}
.eventsdata p {
	color: #808080;
	font-size: 14px;
	margin: 0;
	font-weight: 400;
	font-family: 'Open Sans';
}
.eventsdata ul li {
	margin-bottom: 5px;
}
.eventsdata ul li:last-child {
	margin-bottom: 0;
}
.eventsdata ul {
	list-style: circle;
	padding-left: 20px;
}
.commanmodal .modal-content {
	border: 0;
	border-radius: 20px;
	padding: 20px;
}
.commanmodal .modal-dialog {
	max-width: 634px;
}
.commanmodal .modal-header {
	padding: 0;
	border: 0;
	margin-bottom: 25px;
	color: #1C3440;
	font-size: 20px;
	font-weight: 700;
	font-family: 'Open Sans';
}
.commanmodal .modal-header h5 {
	font-weight: 700;
	font-family: 'Open Sans';
}
.commanmodal .modal-header p {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Open Sans';
	color: #1C3440;
}
.draftdetails {
	background: #FFF4E5;
	padding: 16px;
	border-radius: 10px;
}
.draftdetails h3 {
	color: #1C3440;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	font-family: 'Open Sans';
}
.draftdetails p {
	font-size: 14px;
	margin-left: 8px;
	font-weight: 400;
	font-family: 'Open Sans';
	color: #1C3440;
}
.innersubheading h2 {
	font-size: 18px;
	font-weight: 600;
	font-family: 'Open Sans';
	color: #1C3440;
}
.ploomm-toggle-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
	font-size: 14px;
}
.ploomm-toggle {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 26px;
}
.ploomm-toggle input {
	opacity: 0;
	width: 0;
	height: 0;
}
.ploomm-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	border-radius: 50px;
	transition: 0.3s;
}
.ploomm-slider::before {
	content: "";
	position: absolute;
	height: 20px;
	width: 20px;
	left: 3px;
	bottom: 3px;
	background-color: #fff;
	border-radius: 50%;
	transition: 0.3s;
}
/* Checked state */

.ploomm-toggle input:checked + .ploomm-slider {
	background-color: #FF8B00;
}
.ploomm-toggle input:checked + .ploomm-slider::before {
	transform: translateX(24px);
}
.Preferredbox {
	border: 1px solid #D1D5DB;
	border-radius: 10px;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.Preferredbox span {
	font-size: 14px;
	font-weight: 600;
	color: #1C3440;
	font-family: 'Open Sans';
	display: block;
}
.Preferredbox p {
	color: #808080;
	font-size: 14px;
}
.calendar-container {
	background-color: white;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	padding: 10px;
	width: 100%;
}
.calenderbtm {
	border-radius: 10px;
	padding: 10px;
	background: #F8F8F8;
}
.calendar-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}
.calendar-header h2 {
	font-size: 16px;
	font-weight: 600;
	color: #1f2937;
	margin-bottom: 0;
}
.nav-button {
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	border-radius: 8px;
	transition: background-color 0.2s;
}
.nav-button:hover {
	background-color: #f3f4f6;
}
.nav-button svg {
	width: 20px;
	height: 20px;
	color: #4b5563;
}
.week-days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 8px;
	margin-bottom: 16px;
}
.week-day {
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	color: #9ca3af;
	padding: 8px 0;
}
.calendar-days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 8px;
	margin-bottom: 24px;
}
.day-button {
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s;
	background-color: white;
	color: #374151;
	height: 30px;
	width: 30px;
}
.day-button:hover {
	background-color: #f3f4f6;
}
.day-button.selected {
	background-color: #FF8B00;
	color: white;
}
.day-button.selected:hover {
	background-color: #ea580c;
}
.date-info {
	text-align: center;
	margin-bottom: 16px;
}
.date-info-title {
	font-size: 14px;
	font-weight: 600;
	color: #1f2937;
	margin-bottom: 4px;
}
.date-info-description {
	font-size: 12px;
	color: #6b7280;
}
.add-button {
	width: 100%;
	background-color: #FF8B00;
	color: white;
	border: none;
	padding: 8px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.2s;
}
.add-button:hover {
	background-color: #ea580c;
}
.timetbns {
	background: #EFEFEF;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 400;
	color: #808080;
}
.timetbns.active {
	background: #FF8B00;
	color: #fff;
}
.rounded-12 {
	border-radius: 12px !important;
}
.selectedtags {
	border: 1px solid #D1D5DB;
	height: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	color: #FF8B00;
}
.selectedtags img {
	margin-left: 10px;
}
.procceddvendorbox {
	background: #F8F8F8;
	padding: 14px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.skipcontent h3 {
	font-size: 14px;
	font-weight: 600;
	color: #1C3440;
	margin-bottom: 5px;
}
.skipcontent p {
	color: #808080;
	font-size: 14px;
}
.procceddvendorbox a {
	background-color: #FF8B00;
	height: 36px;
	border-radius: 14px;
	padding: 9px 16px;
	width: auto;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Open Sans';
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.venuebudgetbtn.active {
	background: #FC9F2E1A;
	border-color: #FC9F2E1A;
	;
}
.timeslotsbox {
	border: 1px solid #D1D5DB;
	border-radius: 10px;
	padding: 15px 100px;
	text-align: center;
	margin-right: 12px;
	white-space: nowrap;
}
.timeslotsbox.active {
	background: #FC9F2E1A;
	border-color: #FC9F2E1A;
}
.timeslotss {
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 10px;
}
.timeslotsbox span {
	font-size: 14px;
	color: #808080;
	display: block;
}
.timeslotsbox p {
	font-size: 12px;
	color: #808080;
	display: block;
	margin-bottom: 0;
}
.timeslotsbox.active span {
	color: #FF8B00;
}
.table-wrapper {
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
}
.custom-table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}
.custom-table thead th {
	background: transparent;
	color: #4b5563;
	font-weight: 500;
	padding: 10px 12px;
	border-bottom: 1px solid #e5e7eb;
}
.custom-table tbody td {
	padding: 10px 12px;
	border-bottom: 1px solid #e5e7eb;
	color: #374151;
}
.custom-table tfoot td {
	background: #fff7ed;
	color: #f97316;
	font-weight: 500;
	padding: 10px 12px;
}
.custom-table input[type="text"] {
	border: 1px solid #d1d5db;
	border-radius: 4px;
	padding: 4px 6px;
	font-size: 13px;
	color: #374151;
	text-align: center;
	background: #f9fafb;
}
.toggetxttxt span {
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans';
	display: block;
	color: #1C3440;
}
.toggetxttxt p {
	font-size: 14px;
	font-weight: 400;
	color: #1C3440;
	font-family: 'Open Sans';
}
.vensuimg {
	height: 352px;
	display: flex;
	align-items: center;
	overflow: hidden;
	border-radius: 10px;
}
.vensuimg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.venubanner {
	overflow: hidden;
	border-radius: 10px;
	display: flex;
}
.venusleft {
	width: 68%;
	margin-right: 20px;
}
.venusright {
	width: 30%;
}
.venusright .vensuimg {
	height: 168px;
}
.scrollslinks {
	margin-bottom: -20px;
}
.scrollslinks a {
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	color: #1C3440;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans';
}
.scrollslinks a.active {
	color: #FF8B00;
	border-bottom: 2px solid #FF8B00;
}
.venusdescription {
	max-height: 285px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	transition: max-height 0.6s ease;
}
.venusdescription::after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, #525252 0%, #FFFFFF 100%);
	height: 85px;
	width: 100%;
	mix-blend-mode: lighten;
	transition: opacity 0.4s ease;
}
/* Expanded state */

.venusdescription.expanded::after {
	opacity: 0;
	visibility: hidden;
}
.venushead {
	font-size: 18px;
	font-weight: 700;
	color: #1C3440;
	margin: 0;
	font-family: 'Open Sans';
}
.venusdescription p {
	font-size: 14px;
	font-weight: 400;
	color: #1C3440;
	margin: 0 0 8px;
	font-family: 'Open Sans';
}
.readmorebtn {
	font-size: 14px;
	font-weight: 700;
	color: #FF8B00;
	font-family: 'Open Sans';
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	transition: color 0.3s ease;
}
.readmorebtn img {
	transition: transform 0.3s ease;
}
.readmorebtn.active img {
	transform: rotate(180deg);
}
.rateinghead {
	color: #808080;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}
.reviewcontent h3 {
	font-size: 18px;
	font-weight: 700;
	color: #1C3440;
	margin: 0 0 2px;
	font-family: 'Open Sans';
}
.reviewcontent span {
	font-size: 12px;
	color: #1C3440;
	font-weight: 500;
	display: block;
}
.reviewprofile {
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #D1D5DB;
}
.reviewprofile img {
	max-width: 100%;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.reviewsmain {
	border: 1px solid #D1D5DB;
	border-radius: 10px;
	padding: 13px;
}
.reviews_p {
	font-size: 14px;
	font-weight: 500;
	font-family: 'Open Sans';
	color: #808080;
}
.maplocation {
	height: 285px;
	border: 1px solid #D1D5DB;
	overflow: hidden;
	border-radius: 8px;
}
.anmitiestbox {
	background: #FC9F2E1A;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border-radius: 10px;
	color: #FF8B00;
	font-weight: 500;
	font-size: 15px;
	font-family: 'Open Sans';
}
.anmitiestbox img {
	margin-right: 10px;
}
.dininoptionhead {
	font-size: 14px;
	font-weight: 600;
	color: #1C3440;
	font-family: 'Open Sans';
}
.mapppart {
	display: flex;
	align-items: center;
	color: #1C3440;
	font-weight: 500;
	font-size: 14px;
	font-family: 'Open Sans';
}
.mapppart img {
	margin-right: 7px;
}
.venuesmaindetails h2 {
	font-size: 24px;
	font-weight: 600;
	color: #1C3440;
	font-family: 'Open Sans';
}
.venuerght_header {
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans';
	color: #1C3440;
	margin-bottom: 20px;
}
.pricesdetails span {
	color: #1C3440;
	font-size: 14px;
	display: block;
	font-weight: 500;
	font-family: 'Open Sans';
}
.pricesdetails strong {
	color: #1C3440;
	font-size: 14px;
	display: block;
	font-weight: 600;
	font-family: 'Open Sans';
}
.venusright_top .authbtns3,
.venusright_top .authbtns1 {
	padding: 0 0;
	font-size: 14px;
}
.ortherdetails_p p {
	font-size: 16px;
	color: #808080;
	font-family: 'Open Sans';
	margin: 0;
}
#chart {
	width: 100%;
}
.custom-timeline {
	position: relative;
	padding: 20px 0 0;
}
.timeline-item {
    position: absolute;
    color: white;
    padding: 7px 0;
    border-radius: 10px;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    transition: transform 0.3s 
ease, box-shadow 0.3s 
ease;
    background: #FF8B00;
    padding: 7px 16px;
}
.timeline-months {
	display: flex;
	justify-content: space-between;
	color: #666;
	font-size: 13px;
}
.rightcoladjust {
	width: 36%;
}
.leftcoladjust {
	width: 64%;
}
.notiico {
	background: #FFF7ED;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	height: 48px;
	width: 48px;
	margin-right: 10px;
}
.notifi_text h3 {
	color: #1C3440;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
	font-family: 'Open Sans';
}
.notifi_text p {
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	font-family: 'Open Sans';
}
.notifi_text span {
	font-size: 12px;
	font-weight: 400;
	margin: 0;
	color: #808080;
	font-family: 'Open Sans';
}
.notificationbox {
	border: 1px solid #D1D5DB;
	padding: 15px;
	border-radius: 10px;
}
.downloadbtn {
	position: absolute;
	right: 10px;
	top: 20px;
}
.downloadbtn {
	position: absolute;
	right: 19px;
	top: 50%;
	transform: translateY(-50%);
}
.uploadmainpdf {
	border: 2px dashed #E5E5E5;
	border-radius: 16px;
	padding: 20px 20px;
	text-align: center;
	margin-bottom: 10px;
}
.uploadmainpdf span {
	font-size: 14px;
	color: #949494;
	font-weight: 400;
	display: block;
	margin: 10px 0 10px;
}
.uploadmainpdf button {
	border: 1px solid #E5E5E5;
	background: #F8F8F7;
	height: 40px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 14px;
	color: #1C3440;
	width: 200px;
}
.compltenamee {
	color: #808080;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Open Sans';
}
.usernameprofiless span {
	height: 24px;
	width: 24px;
	background: #DBEAFE;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	font-weight: 500;
	color: #2563EB;
	font-size: 12px;
	position: relative;
	z-index: 1;
	margin-left: -5px;
}
.greencolor {
	background: #DCFCE7!important;
	color: #16A34A !important;
}
.sidebar {
	width: 291px;
	border-right: 1px solid #e5e5e5;
	display: flex;
	flex-direction: column;
	background: #fafafa;
	border: 1px solid #D1D5DB;
	border-radius: 20px;
	margin-right: 20px;
	background: #FFFFFF;
	overflow: hidden;
}
.sidebar-header {
	padding: 16px;
	background: white;
}
.sidebar-title {
	font-size: 18px;
	color: #1C3440;
	margin-bottom: 12px;
	font-weight: 600;
}
.search-box {
	position: relative;
}
.search-box input {
	width: 100%;
	padding: 8px 12px 8px 32px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	font-size: 13px;
	outline: none;
	background: #F2F2F2;
	border-radius: 50px;
	border: 0;
	height: 36px;
	padding-left: 38px;
}
.search-box::before {
	content: '';
	position: absolute;
	left: 17px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../img/chatsearch.png);
	height: 12px;
	width: 13px;
}
.newest-label {
	text-align: right;
	font-size: 14px;
	color: #2D9CDB;
	font-weight: 500;
	padding: 0 17px;
}
.contacts-list {
	flex: 1;
	overflow-y: auto;
}
.contact-item {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	cursor: pointer;
	transition: background 0.2s;
	border-bottom: 1px solid #f0f0f0;
}
.contact-item:hover {
	background: #f5f5f5;
}
.contact-item.active {
	background: #FC9F2E1A;
}
.avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #ddd;
	margin-right: 12px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	color: white;
	position: relative;
}
.avatar img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.avatar.online::after {
	content: '';
	width: 10px;
	height: 10px;
	background: #4caf50;
	border: 2px solid white;
	border-radius: 50%;
	position: absolute;
	margin-left: 26px;
	margin-top: 26px;
}
.contact-info {
	flex: 1;
	min-width: 0;
}
.contact-name {
	font-size: 14px;
	font-weight: 500;
	color: #333;
	margin-bottom: 2px;
}
.contact-message {
	font-size: 12px;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.contact-time {
	font-size: 11px;
	color: #999;
	flex-shrink: 0;
	margin-left: 8px;
}
.unread-badge {
	width: 8px;
	height: 8px;
	background: #4a9eff;
	border-radius: 50%;
	margin-left: 8px;
}
.chat-area {
	flex: 1;
	display: flex;
	flex-direction: column;
	border: 1px solid #D1D5DB;
	border-radius: 20px;
	overflow: hidden;
}
.chat-header {
	padding: 16px 20px;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: white;
}
.chat-header-left {
	display: flex;
	align-items: center;
}
.chat-header-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #ddd;
	margin-right: 12px;
	overflow: hidden;
}
.chat-header-avatar img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.chat-header-info h3 {
	font-size: 15px;
	font-weight: 600;
	color: #333;
}
.chat-header-info p {
	font-size: 12px;
	color: #4caf50;
}
.chat-header-icons {
	display: flex;
	gap: 16px;
}
.icon-btn {
	background: none;
	border: none;
	cursor: pointer;
	color: #666;
	font-size: 18px;
	padding: 4px;
}
.messages-container {
	flex: 1;
	overflow-y: auto;
	padding: 20px;
	background: #fafafa;
}
.message-group {
	margin-bottom: 20px;
}
.message {
	display: flex;
	margin-bottom: 12px;
}
.message.sent {
	justify-content: flex-end;
}
.message-avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-right: 10px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.message-avatar img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.message-content {
	max-width: 60%;
}
.message-bubble {
	padding: 10px 14px;
	border-radius: 16px;
	font-size: 14px;
	color: #333;
	margin-bottom: 4px;
	background: #F4F4F7;
}
.message.sent .message-bubble {
	background: #F4F4F7;
	color: #333;
}
.message-time {
	font-size: 11px;
	color: #999;
	padding: 0 10px;
}
.message.sent .message-time {
	text-align: right;
}
.message-date {
	text-align: center;
	color: #999;
	font-size: 12px;
	margin: 15px 0;
	position: relative;
}
.message-date::after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 8px;
	border: 1px solid #EEEEEE;
	z-index: 0;
}
.message-date span {
	position: relative;
	z-index: 1;
	background-color: #fafafa;
	padding: 0 20px;
}
.chat-input-area {
	padding: 16px 20px;
	background: white;
	border-top: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	gap: 12px;
}
.chat-input-area input {
	flex: 1;
	padding: 10px 16px;
	border-radius: 20px;
	outline: none;
	background: #FAFAFA;
	border: 0;
	height: 36px;
	font-size: 13px;
}
.send-btn {
	background: none;
	border: none;
	color: #ffa726;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	padding: 8px 16px;
}
.communication {
	display: flex;
}
.pointss {
	color: #808080;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans';
	text-align: center;
}
.progresstitle {
	color: #1C3440;
	font-size: 14px;
	font-weight: 600;
	padding-left: 20px;
	font-family: 'Open Sans';
	position: relative;
}
.progresstitle::after {
	position: absolute;
	content: '';
	top: 5px;
	left: 0;
	background: #FC9F2E;
	border-radius: 50px;
	height: 12px;
	width: 12px;
}
.goldtier h2 {
	color: #FF8B00;
	font-size: 24px;
	margin: 0;
	font-family: 'Open Sans';
	font-weight: 600;
}
.goldtier span,
.goldtierpoints span {
	color: #808080;
	font-size: 14px;
	margin: 0;
	font-family: 'Open Sans';
	font-weight: 400;
}
.goldtierpoints h3 {
	color: #1C3440;
	font-size: 24px;
	margin: 0;
	font-family: 'Open Sans';
	font-weight: 600;
}
.referralbox {
	background: #F5F5F5;
	padding: 12px 5px;
	border-radius: 10px;
	margin: 0;
}
.referralbox h3 {
	color: #808080;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans';
	margin: 0;
}
.referralbox span {
	color: #1C3440;
	display: block;
	margin-top: 4px;
	font-family: 'Open Sans';
	font-size: 16px;
	font-weight: 700;
}
.referralbox .copylink {
	color: #FF8B00;
	font-weight: 600;
	font-family: 'Open Sans';
	font-size: 14px;
}
.socialbtns {
	border: 1px solid #D1D5DB;
	border-radius: 10px;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FF8B00;
	font-weight: 500;
}
.socialbtns img {
	margin-right: 10px;
}
.refrencestext h3 {
	font-size: 14px;
	color: #1C3440;
	margin-bottom: 5px;
	font-weight: 600;
	font-family: 'Open Sans';
}
.refrencestext span {
	font-size: 13px;
	color: #9CA3AF;
	font-family: 'Open Sans';
	display: block;
}
.programsettings {
	border: 1px solid #D1D5DB;
	margin: 0;
	padding: 11px 4px;
	border-radius: 12px;
}
.referralbonus {
	color: #16A34A;
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: 600;
}
.chartbox {
	background: #F5F5F5;
	border-radius: 12px;
	padding: 12px;
}
.chartbox h3 {
	font-size: 16px;
	font-weight: 700;
	font-family: 'Open Sans';
	margin-bottom: 4px;
}
.chartbox span {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Open Sans';
	display: block;
}
.headertabs {
	background: #FFFFFF;
	border-bottom: 1px solid #D1D5DB;
	margin: -20px -20px 0;
	padding: 0;
	height: 47px;
	display: flex;
	align-items: center;
}
.headertabs a {
	font-size: 14px;
	color: #1C3440;
	font-weight: 600;
	font-family: 'Open Sans';
	padding: 0 30px;
	border-bottom: 2px solid transparent;
	height: 47px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.headertabs a.active {
	color: #FF8B00;
	border-color: #FF8B00;
}
.eventoverviewbox {
	border-radius: 20px;
}
.eventoverviewbox .authbtns3,
.eventoverviewbox .authbtns1 {
	height: 37px;
	font-size: 14px;
	padding: 10px 10px;
}
.bookingbdges {
	height: 24px;
	border-radius: 10px;
	padding: 3px 10px;
	font-size: 12px;
	display: inline-flex;
	font-weight: 500;
}
.bookingbdges1 {
	background: #FF8B001A;
	color: #FF8B00;
}
.bookingbdges2 {
	background: #22C55E1A;
	color: #22C55E;
}
.bookingbdges3 {
	background: #8080801A;
	color: #808080;
}
.eventnameeee {
	font-size: 20px;
	font-weight: 600;
	color: #1C3440;
	line-height: 24px;
	margin: 10px 0 6px;
}
.eventdateee {
	display: flex;
	color: #808080;
	font-size: 12px;
	align-items: center;
}
.eventdateee img {
	margin-right: 5px;
}
.eventsstats {
	background: #FF8B00;
	border-radius: 10px;
	padding: 16px;
}
.eventsstats h2 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #fff;
}
.eventsstats span {
	font-size: 15px;
	font-weight: 400;
	display: block;
	color: #fff;
}
.eventsstatsicon {
	height: 49px;
	width: 49px;
	margin-right: 10px;
	background-color: #fff;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.securitybox {
	border-radius: 12px;
	padding: 12px;
	background: #FFF7ED;
	border: 1px solid #D1D5DB;
	margin: 0;
	align-items: center;
}
.contractsecurity h3 {
	font-size: 14px;
	font-weight: 500;
	color: #FF8B00;
	margin-bottom: 5px;
}
.contractsecurity p {
	font-size: 14px;
	font-weight: 400;
	color: #808080;
}
.timlinetabss .nav-tabs {
	background: #FFFFFF;
	border: 1px solid #D1D5DB;
	border-radius: 10px;
	padding: 4px;
}
.timlinetabss .nav-tabs .nav-link {
	color: #1C3440;
	font-size: 14px;
	font-weight: 400;
	border: 0 !important;
	height: 37px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}
.timlinetabss .nav-tabs .nav-link.active {
	background-color: #FF8B00;
	color: #fff;
	font-weight: 600;
}
.inprogressbadges {
	background: #FFF7ED;
	height: 28px;
	border-radius: 50px;
}
.inprogressbadges {
	background: #FFF7ED;
	height: 28px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 500;
	color: #FF8B00;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 17px;
}
.timlinetabss .timeline {
	position: relative;
}
.timlinetabss .timeline-item {
    position: relative;
    display: flex;
    gap: 16px;
    padding: 0 0 14px;
    background-color: transparent;
}
.timlinetabss .timeline-item:last-child {
	padding-bottom: 0;
}
.timlinetabss .timeline-line {
	position: absolute;
	left: 15px;
	top: 32px;
	width: 2px;
	height: calc(100% - 8px);
	background-color: #e5e7eb;
}
.timlinetabss .timeline-item:last-child .timeline-line {
	display: none;
}
.timlinetabss .timeline-icon {
	position: relative;
	z-index: 10;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 14px;
	top: 10px;
}
.timlinetabss .timeline-icon.completed {
	background-color: #FF8B00;
}
.timlinetabss .timeline-icon.pending {
	background-color: #d1d5db;
}
.timlinetabss .timeline-content {
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 2px;
}
.timlinetabss .timeline-info {
	flex: 1;
}
.timlinetabss .timeline-title {
	font-size: 16px;
	font-weight: 600;
	color: #111827;
	margin-bottom: 4px;
}
.timlinetabss .timeline-subtitle {
	font-size: 12px;
	color: #6b7280;
	line-height: 1.4;
}
.timlinetabss .timeline-buttons {
	display: flex;
	gap: 8px;
	margin-top: 12px;
}
.timlinetabss .timeline-buttons .authbtns1,
.timlinetabss  .timeline-buttons .authbtns3 {
	height: 32px;
	font-size: 14px;
	border-radius: 8px;
	width: auto;
	padding: 10px 16px;
	display: flex;
}
.timlinetabss .timeline-date {
	flex-shrink: 0;
	text-align: right;
	margin-left: 16px;
}
.timlinetabss .timeline-date-value {
	font-size: 12px;
	color: #111827;
	font-weight: 500;
}
.timlinetabss .timeline-time {
	font-size: 12px;
	color: #6b7280;
	margin-top: 2px;
}
.timlinetabss .timeline-pending-text {
	font-size: 12px;
	color: #6b7280;
}
.timelinecolor1 , .timelinecolor2 , .timelinecolor3 {
    display: flex;
    align-items: center;
    color: #808080;
    font-size: 14px;
    font-weight: 500;
}
.timelinecolor1 span, .timelinecolor2 span , .timelinecolor3 span{
	height: 16px;
	width: 16px;
	display: flex;
	align-items: center;
	border-radius: 50px;
	margin-right: 10px;
}

.timelinecolor1 span{
	background: #FF8B00;

}
.timelinecolor2 span{
	background: #FC9F2E;


}
.timelinecolor3 span{
	background: #FAB35C;


}
.commantable .table tbody tr td:nth-child(2) {
    text-align: left;
}
.finalbreackstats .eventsstatsicon{
	height: 40px;
	width: 40px;
	border-radius: 8px;
}
.finalbg1 {
	border: 1px solid #F5DCB9;
	background: #FAB35C; 
}
.finalbg2 {
	border: 1px solid #F5DCB9;
	background: #F5DCB9;
}
.finalbg3 {
	background: #FF8B00;
	border: 1px solid #FFFFFF;
}
.gstbadge {
    background: #FFF7ED;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    padding: 0 10px;
    font-size: 14px;
    color: #FF8B00;
}
.invoicesprive {
    color: #1C3440;
    font-weight: 700;
}

.whats-app {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 103px;
    right: 23px;
    background-color: #25d366;
    color: #fff !important;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    animation-name: pulsewala;
    animation-duration: 1.5s;
    animation-timing-function: 
ease-out;
    animation-iteration-count: infinite;
    display: flex;
    align-items: center;
    justify-content: center;
}
@-webkit-keyframes pulsewala {
    0% {
        -webkit-box-shadow: 0 0 0 0 #25d366;
        box-shadow: 0 0 0 0 #25d366;
    }

    80% {
        -webkit-box-shadow: 0 0 0 14px #25d36678;
        box-shadow: 0 0 0 14px #25d36678;
    }
}

@keyframes pulsewala {
    0% {
        -webkit-box-shadow: 0 0 0 0 #25d366;
        box-shadow: 0 0 0 0 #25d366;
    }

    80% {
        -webkit-box-shadow: 0 0 0 14px #25d36678;
        box-shadow: 0 0 0 14px #25d36678;
    }
}

.whats-app i {
    transition: 0.5s ease-in-out;
}
.invoicedownload {
    background: #FF8B00;
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.invoicedownload img{
	filter: brightness(0) invert(1);
	margin-right: 5px;
}
.paymentradio label {
    border: 1px solid #D1D5DB;
    border-radius: 10px;
    padding: 16px;
	position: relative;
}
.paymentradio label .notifi_text span {
    font-size: 14px;
}
.paymentradio label .notifi_text h3{
	font-weight: 600;
	font-size: 16px;
}
.paymentradio label::after {
    position: absolute;
    content: '';
    border: 2px solid #D1D5DB;
    height: 20px;
    width: 20px;
    border-radius: 50px;
    right: 20px;
}
.paymentradio label::before {
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    background-image: url(../img/checkbox.png);
    right: 20px;
    z-index: 1;
	transform: scale(0);
	transition: 0.3s ease-in-out;
}
.paymentradio input:checked ~ label::before {
	transform: scale(1);
}
.paymentradio input:checked ~ label{
	border: 1px solid #FF8B00;
}
.gstinvoice h3 {
    font-size: 24px;
    color: #1C3440;
    font-family: 'Open Sans';
}
.gstinvoice p {
    font-size: 16px;
    color: #1C3440;
	font-weight: 400;
    font-family: 'Open Sans';
}
.downloadino {
    height: 36px;
    display: flex;
    align-items: center;
    border: 1px solid #FF8B00;
    font-size: 16px;
    padding: 0 17px;
    font-size: 14px;
    font-weight: 500;
    color: #1C3440;
    border-radius: 8px; 
}

.innergst{
	width: 70%;
}