/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2025 | 07:41:58 */
 /* Main Email Container */

  
/* .uicore-navbar .uicore-extra .uicore-btn{
background-color: #FF3000 !important;
color: #fff !important;
box-shadow: inset 0 4px 8px rgba(255, 255, 255, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 0 1px #000000, 0px 0px 12px rgba(0, 0, 0, 0.3);
} */
.text-normal{
	text-transform: unset !important;
}
.text-normal h2 {
  text-transform: unset !important;
}
/* Target the wrapper around the name input */
.bottom-form .ui-e-field-group-name {
	position: relative;
}
.list-gap ul li{
	margin-bottom: 8px !important;
}

.bottom-form .ui-e-field-group-name::before {
	content: "";
	position: absolute;
	left: 21px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-image: url('https://businessscales.ai/wp-content/uploads/2025/09/industry-grey-icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	z-index: 2;
}

/* Add left padding to the input so it doesn't overlap the icon */
.name-icon {
	padding-left: 40px !important;
}

.bottom-form .ui-e-field-group-email {
	position: relative;
}

.bottom-form .ui-e-field-group-email::before {
	content: "";
	position: absolute;
	left: 21px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-image: url('https://businessscales.ai/wp-content/uploads/2025/09/grey-mail-icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	z-index: 2;
}

.email-icon {
	padding-left: 40px !important;
}
/* industry icon starts */
.industry-field {
    padding-left: 40px !important;
}
.bottom-form .ui-e-field-group-field_0mxp2wm {
	position: relative;
}

.bottom-form .ui-e-field-group-field_0mxp2wm::before {
	content: "";
	position: absolute;
	left: 21px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-image: url('https://businessscales.ai/wp-content/uploads/2025/10/bsai-industry-icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	z-index: 2;
}
/* industry icon ends */

.bottom-form .ui-e-field-group-phone {
	position: relative;
}

.bottom-form .ui-e-field-group-phone::before {
	content: "";
	position: absolute;
	left: 21px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-image: url('https://businessscales.ai/wp-content/uploads/2025/09/grey-call-icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	z-index: 2;
}

.phone-icon {
  padding-left: 40px !important;
}




.custom-h2-line-height h2{
	line-height: 1;
}
.why-us-h3-title h3{
	font-size: 16px;
	font-weight: 700 !important;
}
.why-us-h3-title p{
	font-size: 15px;
}
span.ui-menu-item-wrapper:hover{
	color: #FF3000;
}
.uicore-navbar .uicore ul.sub-menu:not(.uicore-megamenu) li:hover{
	color: #FF3000 !important;
}
.uicore-navbar nav.uicore ul.sub-menu:not(.uicore-megamenu){
	    background: #2f2f2f;
}
.uicore-h-classic.uicore-navbar .uicore-menu>.menu-item-has-children>a:after{
	top: 0 !important;
}
.linear-gradient-border::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  padding: 1px 1px 0 1px; /* Border thickness */
  background: linear-gradient(to bottom, #ffffff29 0%, transparent 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.solution-p-tag{
    font-size: 12px !important;
    line-height: 17px !important;
    font-weight: 400 !important;
}
/* Blog css */
.single-post .uicore-post-content img{
	width: 100%;
}
.single-post h3{
	font-size: 24px;
}
.single-post p{
	color: #ffffffad;
}
.custom-breadcrumb{
	display: none;
}
.full-width-featured-image{
	max-width:800px; 
	margin: 0 auto;
	padding-top: 32px;
	padding-bottom: 32px;
}
.uicore-blog #main.uicore{
	padding: 0 0 100px 0;
}
.category-over-title .uicore-post-category{
	color: #fff;
    background-color: #ef2a4b21;
    border-radius: 6px 6px 6px 6px;
    padding: 6px 12px;
    border: 1px solid #FF3000;
    width: fit-content;
}
.single-post .uicore-page-title.uicore-section>.uicore{
	padding: 100px 0 0 0;	
	margin: 0;
}
.custom-meta-style a{
	color: #fff;
}
.single-post .uicore-page-title{
	height: auto !important;
}
.single-post .entry-content .full-width-image{
	width: 100%;
	height: auto;
}

.single-post .uicore-transparent~#content header.uicore{
	background-image: none !important;
}
.single-post .ui-breadcrumb{
	color: #fff;
}
.single-post .ui-breadcrumb span{
	color: #fff;
}
.single-post.uicore-blog.single .uicore-page-title h1.uicore-title{
	color: #fff;
	max-width: 100%;
	margin: 16px 0 20px 0;
}
.single-post .uicore-entry-meta span{
	color: #fff;
}
.single-post .uicore-entry-meta .uicore-body a{
	color: #fff;
}
.single-post .uicore-page-title.uicore-section>.uicore{
	max-width: 800px;
}
.uicore-blog blockquote{
	background-color: #242535;
	color: #fff;
	border-radius: 12px;
	border-left: 3px solid #E8E8EA;
	padding: 32px;
	background-image: none;
}
.single-post .uicore-blog-grid h4.uicore-post-title:hover{
	color: #fff;
}
.single-post .ui-related-posts h3{
	color: #fff;
	font-size: 40px;
}
.single-post .ui-related-posts{
	margin-top: 60px;
}
.single-post .uicore-blog-grid h4.uicore-post-title{
	color: #fff;
	font-size: 20px;
}
.single-post .content-area .uicore-post-category a{
	color: #fff;
	background-color: #4B6BFB08;
	border-radius: 6px 6px 6px 6px;
	padding: 10px 14px 10px 14px;
}
.single-post .uicore-post-wrapper{
	background: #191919;
	padding: 16px;
	border-radius: 16px;
}
.single-post .uicore-blog-grid .uicore-blog-img-container{
	border-radius: 16px;
}
.single-post .uicore-blog-grid .uicore-post-info{
	padding-bottom: 0;
}
.single-post .uicore-blog-grid:not(.uicore-horizontal) .uicore-post-info {
	margin-top: 20px;
}
.zoom-animation {
	animation: subtleZoom 3s infinite ease-in-out;
}
.slight-zoom-in {
	transition: transform 0.3s ease;
	cursor: pointer;
}

.slight-zoom-in:hover {
	transform: scale(1.05);
}

.page-id-801 .elementor-element.elementor-element-72ac21a > ul, .single-post .elementor-element.elementor-element-72ac21a > ul{
	display: flex !important;
	margin: 0;
	padding-left: 0px !important;
	flex-wrap: wrap !important;
  	justify-content: center;
}
.page-id-801 .elementor-element-efd89bf ul, .single-post .elementor-element-efd89bf ul{
	padding-left: 0px !important;
	margin: 0 !important;	
}

@keyframes subtleZoom {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}
.current-date{
	color: #fff;
	font-family: Archivo;
	font-weight: 400;
	font-size: 22px;
}
.current-date-html{
	bottom: 198px;
	position: absolute;
	right: 122px;
	z-index: 1;
}
.recent-main-blog .ui-e-post-meta.ui-e-after_title{
	align-items: center;
}
.recent-main-blog .ui-e-post-meta .ui-e-meta-item a{
	align-items: center;
}
.recent-main-blog h1.ui-e-post-title{
	margin-top: 16px !important;
}
.recent-main-blog .ui-e-post-meta.ui-e-after_title{
	margin-top: 24px;
}
.grid-blog-listing .ui-e-meta-item a {
	align-items: center;
}

.grid-blog-listing .ui-e-post-meta.ui-e-after_title{
	align-items: center;
}
.uicore-navbar .uicore-extra .uicore-btn{
	background-color: #FF3000 !important;
	color: #fff !important;
}
.uicore-navbar:not(.uicore-left-menu) .uicore-nav-menu ul.uicore-menu li.menu-item>a{
	color: #fff;
}
.uicore-navbar:not(.uicore-left-menu) .uicore-branding{
	height: 50px;
	margin: 0;
}
.custom-gradient-text span.ui-e-headline-text.ui-e-headline-highlighted{
	background: linear-gradient(to right, #ED3535 0%, #CE3D92 50%, #A947FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}
.transparent-bg {
	background: transparent;
}
.pd-60 h2{
	padding-top: 60px;
}
.myButton_play{
	box-shadow: none !important;
}
.myButton_stop{
	box-shadow: none !important;
}
.icon-btn .elementor-button-icon svg {
	height: auto;
	width: 21px;
}
.icon-btn .elementor-button-content-wrapper{
	align-items: center;
}
.a-link:hover{
	color: #FF3000;
}
.uicore-custom-area .uicore-hca{
	display: none;
}

@media (max-width: 1200px){
	.uicore-mobile-head-right .uicore-cta-wrapper a{
		background-color: #FF3000 !important;
		color: #fff !important;
		box-shadow: inset 0 4px 8px rgba(255, 255, 255, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 0 1px #000000, 0px 0px 12px rgba(0, 0, 0, 0.3);
	}
	.uicore-ham .bar{
		background-color: #fff;
	}
	.uicore-mobile-nav-show .uicore-navigation-wrapper{
		background: #000;
	}
	.uicore-navigation-wrapper span.bar{
		background-color: #fff !important;
	}
	.uicore-navbar .uicore-extra{
		display: none !important;
	}
	/* 	.uicore-custom-area,
	.uicore-cta-wrapper{
	display: none;
} */
	.recent-main-blog .ui-e-post-img-wrapp{
		height: 400px;
	}
	.single-post.uicore-narow .uicore-post-content:not(.uicore-related){
		max-width: 800px;
	}
	.single-post .ui-related-posts h3{
		font-size: 32px;
	}
}


@media (max-width: 600px){
	.uicore-mobile-head-right .uicore-cta-wrapper a{
		background-color: #FF3000 !important;
		color: #fff !important;
		box-shadow: inset 0 4px 8px rgba(255, 255, 255, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 0 1px #000000, 0px 0px 12px rgba(0, 0, 0, 0.3);
	}
	.uicore-ham .bar{
		background-color: #fff;
	}
	.uicore-mobile-nav-show .uicore-navigation-wrapper{
		background: #000;
	}
	.uicore-navigation-wrapper span.bar{
		background-color: #fff !important;
	}
	.pd-60 h2{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.elementor-element.elementor-element-21788b1.e-con-full.h-auto.e-flex.e-con.e-child{
		height: auto !important;
	} 
	.current-date{
		font-size: 15px;
	}
	.current-date-html {
		bottom: 110px;
		position: absolute;
		right: 39px;
		z-index: 1;
		margin: 0 !important;
	}
	.recent-main-blog .ui-e-post-img-wrapp{
		height: 300px;
	}
	.single-post .uicore-page-title.uicore-section > .uicore{
		padding: 40px 0 0 0;
	}
	.full-width-featured-image{
		padding: 20px;
	}
	.single-post h3 {
	  font-size: 18px;
	}
	.single-post .ui-related-posts {
	  margin-top: 0px;
	}
	.single-post .ui-related-posts h3{
		font-size: 25px;
	}
	.single-post.uicore-blog #main.uicore {
	  padding: 0 0 40px 0;
	}
	#wrapper-navbar nav{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.uicore-branding.uicore-mobile{
		margin-top: 20px !important;
	}
}