/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/***** ADD CUSTOM CSS HERE.   *****/

.home-banner h1 {
    letter-spacing: -2.5px;
    font-size: 64px;
    font-weight: 400;
    line-height: 120%;
}

.subpage-banner h1 {
    letter-spacing: -2.5px;
    font-size: 56px;
    font-weight: 400;
    line-height: 120%;
}

.home-banner p, body p {
    font-size: 18px;
    line-height: 168%;
}

.dark p {
	color: #aaa;
}

.home-challenges h3, .home-about h3, .contact-trusted h3, .contact-transform h3, .contact-why h3, .home-bms h3, .about-demo h3, .about-challenges h3, .about-benefits h3, .about-vision h3 {
    letter-spacing: -1.5px;
    font-size: 36px;
    font-weight: 500;
    line-height: 120%;
}

.home-challenges h4, .home-about h4, .contact-trusted h4, .contact-transform h4, .contact-why h4, .home-bms h4, .product-main h4, .about-demo h4, .about-challenges h4, .about-benefits h4, .about-vision h4 {
	font-size: 24px;
    font-weight: 500;
    line-height: 142%;
}

.overlay-col .col-inner {
	-webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background-color: #74747412;
    box-shadow: inset 2px 4px 16px #f8f8f80f;
}

.home-banner .img {
	opacity: 0.5;
}

a.button {
	padding: 12px 32px;
    font-size: 16px;
    font-weight: 500;
    line-height: 180%;
}

a.button.primary {
	border-bottom: 1px none var(--transparent);
/*     background-image: linear-gradient(137.45deg, #005df6 3.75%, #f8a8f9 26.75%, #7a86fa 97%, #01ffff 97.25%); */
    background-image: linear-gradient(137.45deg, #005df6 3.75%, #01ffff 97.25%);
	border: 0;
}

a.button.primary:hover {
	box-shadow: none;
    background-image: linear-gradient(137.45deg, #01ffff 3.75%, #005df6 97.25%);
}

.nav .nav-dropdown {
	padding: 10px;
}

.logo a {
    text-transform: none;
}

body main #content {
	background: url(/wp-content/uploads/2025/03/dots-1.png) top center no-repeat;
	background-size: 100% auto;
	background-color: #0f0f0f;
}

body section.dark {
background-color: transparent !important;
}

.off-canvas .nav-vertical li li>a {
	font-size: 80%;
}

@media only screen and (max-width: 48em) {
	
.home-banner h1 {
    font-size: 40px;
}

.subpage-banner h1 {
    font-size: 36px;
}

.home-challenges h3, .home-about h3, .contact-trusted h3, .contact-transform h3, .contact-why h3, .home-bms h3, .about-demo h3, .about-challenges h3, .about-benefits h3, .about-vision h3 {
    letter-spacing: -1.5px;
    font-size: 30px;
    font-weight: 500;
    line-height: 120%;
}

.home-challenges h4, .home-about h4, .contact-trusted h4, .contact-transform h4, .contact-why h4, .home-bms h4, .product-main h4, .about-demo h4, .about-challenges h4, .about-benefits h4, .about-vision h4 {
	font-size: 22px;
    font-weight: 500;
    line-height: 142%;
}

}