/* --- 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: 8px 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: 8px 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: 8px 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';
}
.scrollslinks .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';
}
.scrollslinks .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: #000000;
	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 #FF8B00;
	color: #FF8B00;
}
.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%;
}
.cancelheader {
	display: flex;
	align-items: center;
	width: 48px;
	height: 48px;
	background: #FEE2E2;
	margin-right: 14px;
	border-radius: 50px;
	align-items: center;
	justify-content: center;
}
.cancelmodal .modal-dialog {
	max-width: 450px;
}
.cancelbox {
	border: 1px solid #FECACA;
	background: #FEF2F2;
	border-radius: 8px;
	padding: 14px 16px;
}
.cancelbox h3 {
	font-size: 14px;
	font-weight: 600;
	color: #991B1B;
	margin-bottom: 8px;
}
.cancelbox p {
	font-size: 12px;
	font-weight: 400;
	color: #B91C1C;
	margin: 0;
}
.cancelpaymentdata span {
	color: #1C3440;
	font-size: 14px;
	font-weight: 500;
	display: block;
}
.themecolor1 {
	color: #FF8B00 !important;
}
.commanmodal .btn-close {
	position: absolute;
	top: 50%;
	right: 30px;
	font-size: 14px;
	transform: translateY(-50%);
}
.agreementmodal .modal-dialog {
	max-width: 890px;
}
.agreementboxinner span {
	font-size: 14px;
	color: #808080;
	font-weight: 400;
	display: block;
	margin-bottom: 4px;
}
.agreementboxinner h3 {
	font-size: 13px;
	color: #1C3440;
	font-weight: 500;
	display: block;
}
.Signedbox {
	background: #FC9F2E1A;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 12px;
	border-radius: 30px;
	color: #FF8B00;
	font-size: 13px;
}
.Signedbox img {
	max-width: 14px;
	margin-right: 5px;
}
.contractdatebox span {
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	background: #FC9F2E1A;
	border-radius: 8px;
	justify-content: center;
	margin-right: 10px;
}
.contractdatebox {
	display: flex;
	align-items: center;
}
.contractdatebox h3 {
	color: #808080;
	font-size: 14px;
	margin-bottom: 4px;
	font-weight: 400;
}
.contractdatebox strong {
	color: #FF8B00;
	font-size: 14px;
	display: block;
	margin-bottom: 0;
	font-weight: 700;
}
.contractdatebox span img {
	max-width: 17px;
}
.Signatoriesbox span {
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	background: #FC9F2E1A;
	border-radius: 8px;
	justify-content: center;
	margin-right: 10px;
	color: #FF8B00;
	font-size: 14px;
	font-weight: 600;
	border-radius: 50px;
}
.Signatoriesboxtext h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1C3440;
	margin-bottom: 5px;
}
.posttt {
	font-size: 14px;
	color: #808080;
	font-weight: 400;
}
.signedon {
	font-size: 12px;
	font-weight: 400;
}
.Signatoriesbox {
	border: 1px solid #D1D5DB;
	border-radius: 12px;
	padding: 17px;
}
.Signatoriesbox .Signedbox {
	position: absolute;
	right: 18px;
	top: 17px;
}
.agreementaccordian .accordion-button {
	background-color: transparent;
	border: 0 !important;
	color: #1C3440;
	font-weight: 600;
	font-size: 17px;
	box-shadow: unset !important;
}
.agreementaccordian .accordion-button img {
	margin-right: 10px;
}
.agreementaccordian .accordion-item {
	border: 0;
}
.agreementaccordian .accordion-body {
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
}
.paymentdetailsmodal .modal-dialog {
	max-width: 1050px;
}
.infosimilarbox {
	background: #F9FAFB;
	border-radius: 20px;
	padding: 20px;
}
.infosimilarbox h3 {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
}
.infosimilarbox span {
	font-size: 14px;
	font-weight: 400;
	display: block;
}
.infosimilarbox strong {
	font-size: 14px;
	font-weight: 500;
	display: block;
	color: #1C3440;
}
.transbg {
	background: #FFF7ED;
}
.ratemodal .modal-dialog {
	max-width: 588px;
}
.rateeeiconsss img {
	max-width: 42px;
}
.ratingnotess {
	background: linear-gradient(90.73deg, #FDE9D2 5.73%, #F5DCB9 98.29%);
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	padding: 16px;
	font-size: 14px;
	font-weight: 400;
}
.ratingnotess img {
	margin-right: 10px;
}
.excelenttext {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
	color: #FF8B00;
}
.loginheader {
	background-color: #fff;
}
.loginheader .nav-list a {
	color: #1C3440;
	font-weight: 500;
}
.loginheader .nav-list a img {
	filter: unset;
}
.signinbtn {
	border: 1px solid #D1D5DB;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 500;
	color: #1C3440;
}
.breadcrumbmain {
	background: #FC9F2E;
	height: 45px;
	display: flex;
	align-items: center;
}
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
	color: #FFFFFF;
	font-size: 14px;
	position: relative;
}
.breadcrumb-item+.breadcrumb-item::before {
	background-image: url(../img/arrowbread.png);
	background-position: center;
	background-repeat: no-repeat;
	content: '';
	height: 9px;
	width: 6px;
	padding-right: 0;
	position: absolute;
	top: 5px;
	left: 10px;
}
.borderdesign {
	border: 1.35px solid #DEDEDE;
	padding: 20px;
	border-radius: 12px;
}
.accounthead h2 {
	color: #1C3440;
	font-weight: 600;
	font-size: 24px;
	margin: 0;
}
.profilehead {
	border: 1.35px solid #DEDEDE;
	padding: 20px 8px;
	border-radius: 12px;
}
.userdetails h2 {
	font-weight: 600;
	font-size: 22px;
	color: #1C3440;
	margin: 0 0 2px;
}
.userdetails p {
	font-weight: 400;
	font-size: 14px;
	color: #808080;
	margin: 0;
}
.userpic {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	border: 2px solid #FF8B00;
}
.userpic img {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	width: 100%;
	border-radius: 50%;
}
.uploadpic {
	position: absolute;
	bottom: 0;
	right: 6px;
}
.myaccounttabs .myaccounttabsleft {
	border: 1px solid #DEDEDE;
	border-radius: 12px;
	padding: 10px;
	width: 26%;
}
.myaccounttabs {
	display: flex;
	align-items: flex-start;
}
.myaccounttabs .myaccounttabsright {
	width: 74%;
	padding-left: 20px;
}
.myaccounttabsleft .tabslink {
	font-weight: 500;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 10px;
	padding: 0 10px;
	color: #1C3440;
	height: 50px;
	outline: 0;
	margin-bottom: 2px;
}
.myaccounttabsleft .tabslink.active {
	background: #FC9F2E;
	color: #fff;
}
.myaccounttabsleft .tabslink span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	width: 32px;
	background: #C06A5D1A;
	border-radius: 8px;
	margin-right: 10px;
}
.myaccounttabsleft .tabslink.active span {
	background-color: #fff;
}
.headbtn1 {
	background-color: #FF8B00;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}
.actionsmodal .modal-dialog {
	max-width: 530px;
}
.actionsmodal .modal-content {
	border-radius: 20px;
	border: 0;
	backdrop-filter: blur(30px);
}
.actionsmodal .modal-body {
	padding: 25px;
}
.actionsmain h2 {
	color: #1C3440;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 10px;
}
.actionsmain p {
	color: #6C7278;
	font-size: 14px;
	margin: 0 auto;
	max-width: 80%;
}
.actionsmain p {
	color: #6C7278;
	font-size: 14px;
	margin: 0 auto;
	max-width: 80%;
}
.actionsmodal .modal-dialog {
	max-width: 400px;
}
.mettinghead {
	color: #1C3440;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
}
.meetinglable {
	height: 10px;
	width: 10px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
	margin-top: 3px;
}
.bluelabel {
	background: #3B82F6;
}
.pinklabel {
	background: #EC4899;
}
.mettingtext {
	width: 80%;
}
.joincall {
	font-size: 13px;
	font-weight: 500;
	color: #2563EB;
}
.mettingtext span {
	color: #808080;
	font-size: 13px;
	display: block;
}
.mettingtext h3 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 5px;
}
.mettingtext a {
	color: #2563EB;
	font-size: 12px;
	font-weight: 500;
	display: block;
}
.calendar-headersss {
	display: grid;
	grid-template-columns: 80px repeat(7, 1fr);
	border-bottom: 2px solid #e0e0e0;
	background: transparent;
}
.day-header {
	padding: 12px 10px;
	text-align: center;
	border-left: 1px solid #e0e0e0;
}
.day-header:first-child {
	border-left: none;
}
.day-name {
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 5px;
	line-height: 13px;
}
.day-number {
	font-size: 20px;
	color: #333;
	font-weight: 500;
	line-height: 20px;
}
.calendar-body {
	display: grid;
	grid-template-columns: 80px repeat(7, 1fr);
	max-height: 600px;
	overflow-y: auto;
}
.calendar-body::-webkit-scrollbar {
	display: none;
}
.time-column {
	border-right: 0;
	background: #fafafa;
}
.time-slot {
	height: 60px;
	padding: 8px 12px;
	font-size: 13px;
	color: #666;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
}
.day-column {
	position: relative;
	border-left: 1px solid #e0e0e0;
}
.hour-slot {
	height: 60px;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
}
.event {
	position: absolute;
	right: 0;
	padding: 6px 8px;
	border-radius: 4px;
	font-size: 12px;
	cursor: pointer;
	transition: all 0.2s;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	min-width: 88px;
	top: 0;
}
.event:hover {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	transform: translateY(-1px);
}
.event-time {
	font-weight: 600;
	margin-bottom: 2px;
}
.event-title {
	font-size: 11px;
	opacity: 0.9;
}
.event-blue {
	background: #e3f2fd;
	color: #1565c0;
	border-left: 3px solid #1976d2;
}
.event-red {
	background: #ffebee;
	color: #c62828;
	border-left: 3px solid #d32f2f;
}
.event-pink {
	background: #fce4ec;
	color: #c2185b;
	border-left: 3px solid #e91e63;
}
.view-tabs {
	display: inline-flex;
	align-items: center;
	background: #F3F4F6;
	border-radius: 16px;
	height: 32px;
	padding: 0 14px;
	margin-bottom: 15px;
}
.view-tabs .tab {
	font-size: 12px;
	font-weight: 500;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border-radius: 8px;
}
.view-tabs .tab.active {
	background-color: #fff;
}
.walletbalancee h3 {
	color: #1C3440;
	font-weight: 600;
	font-size: 24px;
	margin: 4px 0 0;
}
.walletbalancee span {
	font-size: 14px;
	color: #808080;
	display: block;
}
.morebtn {
	color: #FC9F2E;
	font-size: 14px;
	font-weight: 400;
}
.Paymentmethodbox {
	border: 1px solid #E5E7EB;
	border-radius: 12px;
	padding: 17px;
	transition: 0.3s all;
}
.smaccounthead h2 {
	font-size: 16px;
	margin: 0;
	font-weight: 600;
}
.Paymentmethodbox h4 {
	font-size: 16px;
	color: #1C3440;
	margin: 0 0 10px;
	font-weight: 500;
}
.carddetils {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #1C3440;
}
.carddetils img {
	margin-right: 10px;
}
.Paymentmethodbox:hover {
	border: 1px solid #FF8B00;
}
.amounttt {
	font-size: 16px;
	font-weight: 500;
	color: #1C3440;
	display: block;
	margin-top: 2px;
}
.topupmodal .modal-dialog {
	max-width: 448px;
}
.topupbtns {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #F3F4F6;
	padding: 6px 9px;
	font-size: 14px;
	color: #1C3440;
	font-weight: 500;
}
.pleasenote span {
	font-size: 15px;
	color: #1C3440;
	font-weight: 500;
	display: block;
	margin-bottom: 6px;
}
.pleasenote p {
	color: #1C3440;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 6px;
}
.pagelink {
	color: #FF8B00;
	font-size: 15px;
	font-weight: 500;
}
.amountttbalanc {
	font-size: 20px;
	color: #1C3440;
	font-weight: 600;
}
.infordetailssss {
	background: #F9FAFB;
	border-radius: 8px;
	padding: 16px 16px;
}
.infordetailssss p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 7px;
}
.infordetailssss p:last-child {
	margin-bottom: 0;
}
.accounthead p {
	font-size: 14px;
	margin-top: 2px;
}
.disputebox {
	border: 1px solid #E5E7EB;
	border-radius: 12px;
	padding: 16px;
}
.disputebox h3 {
	margin: 5px 0 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
}
.disputebox span {
	font-size: 14px;
	font-weight: 400;
	color: #808080;
	display: block;
}
.pdficon {
	display: flex;
	background: #F9FAFB;
	height: 40px;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 13px;
	border-radius: 10px;
	padding: 10px 15px;
}
.pdficon img {
	margin-right: 8px;
}
.viewdetails {
	background: #F4F4F4;
	height: 38px;
	border-radius: 8px;
	padding: 10px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #FF8B00;
}
.disputebadge {
	background: #FC9F2E1A;
	height: 20px;
	border-radius: 50px;
	padding: 2px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 12px;
	font-weight: 500;
}
.active_b {
	background: #FC9F2E1A;
	color: #FF8B00;
}
.closed_b {
	background: #FEE2E2;
	color: #991B1B;
}
.pending_b {
	background: #F3F4F6;
	color: #1C3440;
}
.uploadfileee {
	height: 78px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px dashed #D2DCEC;
	border-radius: 10px;
	color: #808080;
	font-size: 16px;
	font-weight: 500;
}
.uploadfileee img {
	display: block;
}
.commaanparabox h3 {
	font-size: 14px;
	font-weight: 600;
	margin: 3px 0 15px;
}
.commaanparabox p,
.commaanparabox span {
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	color: #808080;
}
.onlinebadge {
	background: #22C55E1A;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	padding: 0 10px;
	font-weight: 400;
	color: #22C55E;
	font-size: 13px;
	position: absolute;
	right: 10px;
	top: 10px;
}
.commaanparabox {
	position: relative;
	padding: 10px;
}
.commaanparabox .authbtns1 {
	font-size: 13px;
	padding: 0;
	border-radius: 6px;
	height: 40px;
}
.commaanparabox h4 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 8px;
}
.supportfaq .accordion-button {
	background-color: transparent !important;
	font-size: 13px;
	padding: 10px 14px;
	color: #1C3440;
	font-weight: 500;
	line-height: 18px;
	box-shadow: unset !important;
}
.supportfaq .accordion-item {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: unset !important;
}
.supportfaq .accordion-body {
	padding: 4px 14px 10px;
	color: #1C3440;
	font-size: 13px;
	font-weight: 400;
}
.supportfaq .accordion-button::after {
	background-size: 15px !important;
	background-position: 5px center;
}
.helpcenterbtnss a {
	height: 28px;
	border-radius: 200px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #FC9F2E1A;
	font-size: 12px;
	font-weight: 500;
	padding: 0 11px;
	margin-bottom: 8px;
	color: #FF8B00;
	margin-right: 8px;
}
.helpcenterbtnss a.active {
	background: #FF8B00;
	color: #fff;
}
.comunitybox h2 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}
.comunitybox p {
	color: #808080;
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 14px;
}
.comunitybox a {
	color: #2563EB;
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
}
.videoboxxx {
	padding: 10px;
}
.videoboxtxt h3 {
	color: #1C3440;
	font-weight: 600;
	font-size: 14px;
	margin: 0 0 4px;
}
.videoboxtxt p {
	color: #1C3440;
	font-size: 13px;
	margin: 0;
}
.testipic {
	height: 48px;
	width: 48px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.testipic img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.testidetails h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1C3440;
	margin-bottom: 4px;
	line-height: 18px;
}
.testidetails span {
	color: #808080;
	font-size: 14px;
	display: block;
}
.testiparaa {
	display: flex;
	align-items: flex-start;
	font-size: 16px;
	font-weight: 400;
	color: #1C3440;
}
.video-container {
	position: relative;
	max-width: 100%;
	width: 100%;
	height: 208px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 10px;
}
.video-container video {
	width: 100%;
	display: block;
	height: 100%;
	object-fit: cover;
}
.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.play-button.hidden {
	display: none;
}
.play-icon {
	width: 0;
	height: 0;
	border-left: 25px solid #000;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	margin-left: 5px;
}
.casestudybox {
	border: 1.35px solid #DEDEDE;
	padding: 0;
	border-radius: 12px;
	overflow: hidden;
}
.casestudyimg {
	height: 192px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.cs_details .casestudyimg{
	height: 360px;
}
.casestudyimg img {
	max-width: 100%;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.casestudycontent {
	padding: 24px;
}
.casestudycontent h3 {
    color: #1C3440;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.casestudycontent h4 {
    color: #1C3440;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.casestudycontent p {
    font-size: 16px;
    line-height: 25px;
    margin: 0;
    color: #1C3440;
}
.casestudyinner {
    display: flex;
    align-items: center;
    margin-right: 14px;
    font-size: 14px;
    color: #808080;
    font-weight: 400;
    line-height: 20px;
}

.casestudyinner img{
	margin-right: 5px;
}
.casestudycontent .authbtns1 {
    height: 38px;
    border-radius: 6px;
    padding: 8px 17px;
    width: 100%;
    font-size: 14px;
}
.cs_details .casestudycontent h3 {
    font-size: 28px;
    line-height: 38px;
}

.backcasestudy {
    color: #FF8B00;
    font-weight: 600;
    font-size: 14px;
}
.actionsssbtnsssssss {
    font-size: 14px;
    font-weight: 500;
    color: #1C3440;
    display: flex;
    align-items: center;
}
.blogsboxx {
    box-shadow: 0px 1px 2px 0px #0000000D;
}
.blogsboxx .casestudycontent {
    padding: 16px;
}
.blogsboxx  .casestudycontent h3 { 
    font-size: 15px; 
    margin-bottom: 8px;
    line-height: 22px;
}
.blogsboxx .casestudycontent p {
    font-size: 15px;
    line-height: 22px; 
}
.readmore {
    color: #FF8B00;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-weight: 500;
}
.readmore img{
	margin-left: 5px;
}
.bloglabel {
    background: #4B72B11A;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 5px 10px;
    font-weight: 500;
    color: #1E4F9E;
    font-size: 14px;
}
.casestudyinner {
    margin-right: 9px;
    font-size: 12px;
}
.vendortypebox {
    border: 1px solid #D1D5DB;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
    color: #FF8B00;
    font-weight: 500;
	transition: 0.3s all;
}
.vendortypebox img{
	display: block;
	margin-bottom: 10px;
}
.vendortypebox:hover{
	border: 1px solid #FF8B00;
}
.packgesstart img {
    max-width: 20px;
    margin-right: 4px;
}
.vendordetailsbtn {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F8F8F8;
    padding: 6px 20px;
	cursor: pointer;
}
.vendordetailsname img {
    margin-right: 6px;
}
.vendordetailsname{
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
}
.detrailshead {
    color: #808080;
    font-size: 14px;
    font-weight: 500;
    padding: 18px 15px;
}
.detrailsprice {
    color: #1C3440;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 15px;
    border-bottom: 1px solid #D1D5DB;
}
.detrailsall ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.detrailsall ul li {
    position: relative;
    padding-left: 18px;
    font-size: 14px;
    color: #808080;
    font-weight: 400;
    margin-bottom: 2px;
}
.detrailsall ul li::after {
    position: absolute;
    content: '';
    left: 0;
    top: 6px;
    background-image: url(../img/ularrow.png);
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: center;
}
.detrailsall {
    padding: 0 0 16px 15px;
    border-bottom: 1px solid #D1D5DB;
}
.availblity_label {
    height: 24px;
    border-radius: 10px;
    padding: 5px 10px;
	font-size: 12px;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.Available{
	background: #22C55E1A;
	color: #22C55E;
}
.limitedslots{
	background: #FF8B001A;
	color: #FF8B00;
}
.portfolioimgas {
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.portfolioimgas img{
	max-width: 100%;
	object-fit: cover;
	height: 100%;
}
.detrailsall span {
    font-size: 13px;
    color: #808080;
    font-weight: 400;
}
.detrailsall .packgesstart img {
    max-width: 17px;
    margin-right: 1px;
}
.vendordetailsbtn1{
	background: #FF8B00;
	height: 34px;
	border-radius: 10px;
	padding: 7px 20px;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vendordetailsbtn2{
	background: #FAB35C;
	height: 34px;
	border-radius: 10px;
	padding: 7px 20px;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vendordetailsbtn3{
	background: #F8C88B;
	height: 34px;
	border-radius: 10px;
	padding: 7px 20px;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bestvaluebox {
    border: 1px solid #D1D5DB;
    border-radius: 10px;
    padding: 10px 10px;
    display: flex;
    align-items: flex-start;
}
.bestvaluebox img {
    margin-right: 10px;
    margin-top: 3px;
}
.bestvaluetext h3{
	color: #1C3440;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
}
.bestvaluetext p{
	color: #808080;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}
.quickactions{
	font-weight: 500;
	font-size: 16px;
	color: #1C3440;
	border: 1px solid #D1D5DB;
	border-radius: 8px;
	padding: 13px 17px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s all;
}
.quickactions img{
	margin-right: 5px;
	transition: 0.3s all;
}
.quickactions:hover{
	background-color: #FF8B00;
	border-color: #FF8B00;
	color: #FFF;
}
.quickactions:hover img{
	filter: brightness(50);
}
.protip {
    background: #FEFCE8;
    border-radius: 16px;
    padding: 16px;
    border: 1px solid #FEF08A;
}
.protip h3{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 5px;
	color: #854D0E;
}
.protip p{
	color: #A16207;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
}
.availablevenuesbox .packgesstart {
    font-size: 14px;
    font-weight: 400;
    color: #808080;
}
.availablevenuesbox .packgesstart img {
    margin-right: 6px !important;
    margin-bottom: 3px;
    max-width: 17px;
}
.specialties h3{
	font-size: 14px;
	color: #1C3440;
	margin-bottom: 10px;
	font-weight: 600;
}
.msgaction {
    background: #FC9F2E1A;
    height: 37px;
    width: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 10px;
}
.availablevenuesbox .authbtns1{
	height: 37px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 500;
}
.carticon span {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #FF7A00;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: -7px;
    right: -9px;
}
.carticon {
    position: relative;
}
.prompocode .form-control {
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    padding: 9px 13px;
    box-shadow: unset !important;
	color: #1C3440;
	height: 37px;
}
.prompocode button{
	background-color: #FF8B00; 
    border-radius: 10px;
    padding: 8px 20px;
    width: 100%;
    color: #FFFFFF; 
    font-family: 'Open Sans';
    display: flex;
    align-items: center;
    justify-content: center;
	height: 37px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
	width: 70px;
	margin-left: 10px;
	border: 0;
}
.confirmation {
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.confirmation img{
	margin-right: 5px;
}
.completebooking .modal-dialog{
	max-width: 540px;
}
.completedbookings {
    background: #FFF7ED;
    padding: 20px;
    border-radius: 20px;
}
.completedbookingsdata span {
    font-size: 15px;
    display: block;
}
.completedbookingsdata strong {
    font-size: 15px;
    display: block;
	font-weight: 500;
}
.cb_userimg{
	height: 48px;
	width: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	overflow: hidden;
}
.cb_userimg img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.cb_usernamess h3{
	color: #1C3440;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2px;
}	
.cb_usernamess span{
	font-size: 16px;
	font-weight: 400;
	color: #4B5563;
	display: block;
}
.customradiobtn label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #1C3440;
}
.customradiobtn label::after{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	border: 2px solid #D1D5DB;
	height: 20px;
	width: 20px;
	transition: 0.3s 
ease-in-out;
	border-radius: 50px;
} 
.customradiobtn label::before {
    position: absolute;
    content: '';
    left: 5px;
    top: 5px;
    background-color: #FF8B00;
    height: 10px;
    width: 10px;
    border-radius: 50px;
    transition: 0.3s 
ease-in-out;
    transform: scale(0);
}
.customradiobtn input:checked ~ label::before{
	transform: scale(1);
}
.customradiobtn input:checked ~ label::after{ 
	border: 2px solid #FF8B00;
}
.tableformfield .form-control {
    height: 36px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #808080;
    box-shadow: unset !important;
    width: 130px;
}
.searchlong .form-control { 
    background-position: 1.5%;  
}

.categorybox {
    display: flex;
    align-items: center;
    height: 38px;
    border: 1px solid #D1D5DB;
    border-radius: 10px;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: 500;
    color: #1C3440;
}
.categorybox span{
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	overflow: hidden;
	height: 22px;
	width: 22px;
	margin-right: 10px;
}
.categorybox span img{
	max-width: 100%;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.categorybox.selected{
	border: 1px solid #FF8B00
} 
.categoryoptional {
    background: #F7F7F7;
    margin: 0;
    border-radius: 10px;
    padding: 17px 6px;
}
.categoryoptional h3{
	color: #1C3440;
	font-size: 16px;
	margin: 0;
	font-weight: 600;
}
.categoryoptional .categorybox.selected{
	background: #FC9F2E1A;
}
 .sidebartoggle{
	display: none;
}
.applycouponmodal .modal-dialog{
	max-width: 662px;
}
.applycoupon {
	background: #FFFFFF;
	margin: 0;
	border: 1px solid #D1D5DB;
	border-radius: 12px;
	padding: 15px 0;
}
.applycoupon p {
    margin: 12px 0 0;
    font-size: 14px;
    font-weight: 400;
}
.applycouponcode {
    font-size: 15px;
    font-weight: 600;
    color: #1C3440;
}
.codecopy {
    background: #FFFFFF1A;
    border: 2px dashed #FF8B00;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 400;
    color: #FF8B00;
}



/* Seo landing css */

.bridalbanner{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.bridalbanner_left {
    width: 50%;
    overflow: hidden;
    height: 537px;
}
.bridalbanner_left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bridalbanner_right{
	width: 50%;
}
.bridalbanner_right {
    width: 50%;
    padding: 20px 50px;
}
.bridalbanner_right h1 {
    font-weight: 700;
    font-size: 40px;
    color: #1C3440;
    line-height: 54px;
    margin-bottom: 10px;
}
.bridalbanner_right p{
	color: #808080;
	margin: 0;
	font-size: 20px;
	font-weight: 400;
}
.bridalbanner_text h2{
	color: #1C3440;
	font-size: 24px;
	margin: 0;
	font-weight: 700;
}
.bridalbanner_text h2 span{
	color: #FF8B00;
}
.bridaldetails h3{
	color: #1C3440;
	font-size: 32px;
	margin: 0;
	font-weight: 700;
}
.bridaldetails span{
	font-size: 20px;
	color: #1C3440;
	font-weight: 400;
}
.bg_light{
	background: #F5DCB94D;
}
.clientsays .testimonialbox {
    border: 0;
    border-radius: 20px;
    padding: 25px 20px 25px 20px;
    height: 300px;
    background-color: #fff;
}
.clientsays .testimonialbox .testimonialbottom p {
    color: #1C3440;
    font-size: 14px;
    margin: 0;
    line-height: 22px;
}
.clientsays .testimonialbox .clientprofile { 
    border-radius: 50px;
    overflow: hidden;
    margin-right: 10px;
    height: 34px;
    width: 34px;
    border: 2px solid #FF8B00;
}
.clientsays .testimonialbox .testimonialbottom h4 {
    font-size: 24px;
    font-weight: 700;
    color: #1C3440;
    margin-bottom: 10px;
}
.clientsays .testimonialbox .clientcontent span {
    color: #808080;
    font-size: 12px;
    display: block;
    margin-top: 2px;
}

/* Default side cards */
.clientsays .testimonialslider .owl-item {
    opacity: 0.9;
    transform: scale(0.9);
    transition: all 0.4s ease;
}

/* Center card */
.clientsays .testimonialslider .owl-item.center {
    opacity: 1;
    transform: scale(1.1);
    z-index: 2;
}
.clientsays .testimonialslider .owl-stage-outer {
    padding: 30px 0;
}

.ctamain{
	background: #FF8B00;
}
.ctamaininner {
    display: flex;
    align-items: center;
    padding: 0;
}
.ctacontent h2{
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 42px;
	color: #FFFFFF;
}
.ctacontent p{
	font-weight: 400;
    font-size: 20px;
    margin-bottom: 0;
    color: #fff;
}

.ctabtn {
	border: 2px solid #ffffff;
	height: 48px;
	padding: 0 22px; 
	border-radius: 10px;
	background: transparent;
	color: #ffffff;
	font-weight: 600;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease, transform 0.2s ease;
}

.ctabtn:hover {
	background-color: #ffffff;
	color: #FF8B00;
	transform: translateY(-3px);
	box-shadow: 0 6px 14px rgba(255, 255, 255, 0.3);
}

.buildfor_box {
    border: 1px solid #F5DCB9;
    border-radius: 8px;
    padding: 20px;
	background-color: #fff;
}
.buildfor_img {
    height: 178px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 14px;
    justify-content: center;
}
.buildfor_img img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.buildfor_box h3 {
    color: #1C3440;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}
.locationbox {
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.locationbox img{
	margin-right: 5px;
	max-width: 15px;
}
.ratee_builtfor {
    color: #1C3440;
    font-size: 16px;
    font-weight: 700; 
}
.enquirebtn {
    height: 40px;
    background: #F5DCB966;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #FF8B00;
}
.topmakeupmain {
    background: #FFFFFF;
    padding: 20px;
    border-radius: 18px;
}
.searchformmain {
    border: 1px solid #E5E5E5;
    border-radius: 18px;
    padding: 20px 10px;
    margin: 0;
    align-items: flex-end;
}
.searchformmain .form-group label{
	font-size: 15px;
	font-weight: 700;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.searchformmain .form-group .form-select{
	background: #FCF5EA url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
    height: 40px;
    border-radius: 10px;
    border: 0;
    background-size: 14px;
    background-position: 95%;
	color: #4F4F4F;
	font-size: 14px;
	font-weight: 400;
	box-shadow: unset;
}
.searchbtnform {
    background: #FF8B00;
    border: 0;
    border-radius: 8px;
    height: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 0 16px;
}
.searchbtnform img{
	margin-right: 5px;
}

@media (max-width:1279px) {
    .bridalbanner_right h1 {
        font-size: 32px;
        margin-bottom: 8px;
        line-height: 44px;
    }
	.bridalbanner_right p {
        font-size: 18px;
    }	
	.bridalbanner_text h2 {
    	font-size: 18px;
	}
	.bridaldetails h3 {
    	font-size: 20px;
	}
	.bridaldetails span {
    	font-size: 17px;
	}
	.clientsays .testimonialbox {
    	height: 330px;
	}
}
@media (max-width:1199px) {
	.bridaldetails span {
        font-size: 15px;
    }
	.bridalbanner_right p {
        font-size: 16px;
    }
	.ctacontent p {
		font-size: 16px;
	}
	.clientsays .testimonialbox .testimonialbottom h4 {
    	font-size: 20px;
	}
}
@media (max-width:1023px) {
	.bridalbanner_left {
    	width: 100%;
	}
	.bridalbanner_right {
		width: 100%;
		padding: 40px 50px;
		text-align: center;
	}
	.bridalbanner_text .row {
		justify-content: center;
	}
	.bridalbanner_right h1 {
		font-size: 26px;
		margin-bottom: 7px;
		line-height: 36px;
	}
	.ctacontent h2 {
		font-size: 26px;
		margin-bottom: 7px;
		line-height: 36px;
	}
	.ctabtn {
		height: 42px;
		padding: 0 20px;
		border-radius: 6px;
		font-size: 15px;
		padding: 0 18px;
	}
	
}
@media (max-width:767px) {
	.bridalbanner_left {
		height: 237px;
	}
	.bridalbanner_right {
        width: 100%;
        padding: 30px 20px;
        text-align: center;
    }
	.bridalbanner_right h1 {
        font-size: 24px;
        margin-bottom: 8px;
        line-height: 32px;
    }
	.bridalbanner_text h2 {
        font-size: 18px;
        line-height: 28px;
    }
	.bridaldetails {
		border: 1px solid #f2f2f2;
		border-radius: 8px;
		padding: 16px 10px;
	}
	.bridalbanner_text .row .col-md-auto {
		border: 0 !important;
		margin-bottom: 18px;
	}
	.topmakeupmain {
		padding: 12px;
		border-radius: 10px;
	}
	.searchformmain {
		border-radius: 8px;
		padding: 13px 2px;
	}
	.searchformmain .form-group label {
		font-size: 14px;
		font-weight: 600;
	}
	.searchformmain .form-group {
		width: 100%;
		flex: 0 0 100%;
		margin-bottom: 12px !important;
	}
	.searchformmain .form-group:last-child {
		margin: 10px 0 0 !important;
	}
	.searchformmain .form-group .searchbtnform {
		width: 100%;
		text-align: center;
		justify-content: center;
	}
	.searchformmain .form-group label img {
		max-width: 13px;
		margin-right: 4px !important;
	}
	.ctabtn {
		height: 40px;
		padding: 0 20px;
		border-radius: 6px;
		font-size: 14px;
		padding: 0 14px;
	}
	.clientsays .testimonialbox .testimonialbottom h4 {
        font-size: 16px;
    }
	.clientsays .testimonialslider .owl-item.center{
		transform: scale(1);
	}
	.clientsays .testimonialbox {
        height: auto;
        border-radius: 10px;
    }
	.clientsays .testimonialslider .owl-stage-outer{
		padding: 0;
	}
	.ctaimg img {
		max-width: 100%;
	}
	.ctaimg {
		width: 100%;
		margin-top: 20px;
	}
	.ctacontent {
		padding-top: 40px;
	}
	.ctamaininner{
		flex-wrap: wrap;
		text-align: center;
	}
}