/*
Theme Name: Hello Biz Child
Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-biz
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready,style-variations
Version: 1.1.0.1750081302
Updated: 2025-06-16 13:41:42

*/
:root{
	--hoverColor:#419eac;
	--post-paragraph-content:#566476;
	--primaryColor:#0f5268;
}
.scroll-links a.active{
  color: var(--hoverColor) !important; /* highlight color */
  font-weight: bold !important;
}

img[src$=".svg"] {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
}
img[src$=".svg"],
.elementor-widget-image img[src$=".svg"] {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.wellbeing-container {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
	margin: 40px 0;
}

.wellbeing-card {
	background: white;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	width: 426px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.wellbeing-card img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.wellbeing-card-content {
	padding: 20px;
	flex-grow: 1;
	position:relative;
	padding-bottom:60px;
}

.wellbeing-card h3 {
  position: relative;
  display: inline-block;
  color: var(--color-default);
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 20px;
  padding-bottom: 8px;
  transition: color 0.3s;
}

.wellbeing-card h3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 4px;
  background-color: var(--hoverColor);
  transition: width 0.4s ease;
}

.wellbeing-card:hover h3::after {
  width: 100%;
}

.wellbeing-card p {
	font-size: 0.95em;
	color: #333;
	line-height: 1.5;
	margin-bottom:40px;
}

.wellbeing-read-more {
	margin-top: 15px;
	display: inline-block;
	color: #007b7f;
	font-weight: bold;
	text-decoration: none;
}
.wellbeing-card-content .link{
	color:#000;
	text-decoration:none;
}
.wellbeing-card-content .link:hover{
  color:var(--hoverColor);
}
.wellbeing-card-content a.purchase-button{
	position:absolute;
	bottom:20px;
	text-decoration:none;
	display:flex;
	align-items:center;
	gap:8px;
}
.wellbeing-card-content a.purchase-button svg{
  width:22px;
  height:22px;
}
.page-content a.purchase-button span{
   display:inline-block;
	margin-left:10px;
 }
.wellbeing-read-more::after {
	content: ' →';
	transition: margin-left 0.2s;
}

.wellbeing-read-more:hover::after {
	margin-left: 5px;
}

.purchase-button {
  display: inline-block;
  background-color: #007b7f;
  color: #fff;
  padding: 10px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);

}
.purchase-button:hover{
	color:#fff;
	opacity:0.8;
}

.fw-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	margin-top: 40px;
}

.fw-card {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.08);
	padding: 20px;
	max-width: 426px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.fw-card .image_box{
	height:200px;
}
.fw-card img {
	max-width: 100%;
	width:100%;
	height: 100%;
	border-radius: 6px;
	margin-bottom: 15px;
	object-fit:cover;
}

.fw-card h3 {
	font-size: 20px;
	margin: 15px 0;
	color: #002244;
	font-weight: bold;
}

.fw-card p {
	font-size: 14px;
	color: #333;
	flex-grow: 1;
}

.fw-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}

.fw-price {
	font-size: 16px;
	font-weight: 600;
	color: #111;
}

.fw-button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background-color: #004D59;
	color: #fff;
	padding: 8px 14px;
	border-radius: 25px;
	text-decoration: none;
	font-weight: 500;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fw-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.fw-button .cart-icon {
	fill: white;
}
.fw-footer a:hover{
	color:#fff;
	opacity:0.8;
}

.purchase-button:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}

.loader{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 255);
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 9999;
}
.single-post #content{
	max-width:1320px;
	padding:100px 0px;
}
.single-post #content p,.single-post #content p strong,.single-post #content h2,.single-post #content h1,.single-post #content h3,.single-post #content ul,.single-post #content ul li strong,.single-post #content a{
	color:var(--post-paragraph-content);
}
.single-post #content a:hover{
	color:var(--hoverColor);
}
.post-title{
	margin: 25px 0px 30px;
	font-weight: 600;
}
.single-post #content h3{
	font-weight:600;
}
.single-post #content .wp-block-image img{
	width:100%;
}
.package-page-header::before{
	background-image: url(https://redge.server1.purelogics.net/wp-content/uploads/2025/06/Clients-BG-hero-new.png);
	--background-overlay: '';
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.package-page-header{
	background-color: transparent;
    background-image: linear-gradient(130deg, var(--e-global-color-primary) 0%, var(--e-global-color-accent) 90%);
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.disable_anchor{
  pointer-events: none;
  cursor: default;
  opacity:0.5;
}

.topbar .col-2  svg {
  width: 100%;
  max-width: 17px;
  height: auto;
}
.topbar .col-2 .elementor-icon-list-items{
	display: flex;
	list-style: none;
	justify-content: flex-end;
	align-items: center;	
}
.topbar .col-2  .elementor-icon-list-items li span.elementor-icon-list-icon{
	position:relative;
	top:2px;
}
.topbar .col-2 .elementor-icon-list-items li:first-child{
	margin-right:20px;
}
.footer .col-1 img{
	max-width:120px;
}
.footer .col-2 .elementor-icon-list-items,.footer .col-3 .elementor-icon-list-items{
	padding:0px;
}
.topbar .col-2 .elementor-social-icon svg {
  width: 100%;
  max-width: 17px;
  height: auto;
}
.footer .col-3 .elementor-icon-list-items svg {
    width: 100%;
    max-width: 14px;
    height: 14px;
}
.category-posts-container {
	max-width: 1400px;
	margin: 70px auto;
	padding: 0 20px;
}
.category-post-meta a {
	color:var(--hoverColor) !important;
}
.category-post-meta a:hover{
	color:#000;
}
.category-post-card {
	margin-bottom: 10px;
	transition: all 0.3s ease;
	padding: 50px;
	background-color: #fff;
	box-shadow: 9.899px 9.899px 30px 0 rgba(0, 0, 0, .1);
	border-radius: 10px;
}

.category-post-card:hover {
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.1);
}

.post-category {
	color: #00bcd4;
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	margin-bottom: 10px;
}

.category-post-title {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

.category-post-title a {
	color: #000;
	text-decoration: none;
}

.category-post-title a:hover {
	color: var(--hoverColor);
}

.category-post-excerpt {
	color: #666;
	font-size: 16px;
	line-height: 1.6;
}
.category_header {
		position: relative;
		height: 350px;
		width: 100%;
		background-image: linear-gradient(130deg, var(--primaryColor) 0%, var(--primaryColor) 90%);
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		text-align: center;
		overflow: hidden;
	}

.category_header::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://wordpress.whatisreset.com/wp-content/uploads/2025/06/Clients-BG-hero-new.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.3;
    z-index: 0;
}

.category_header_inner {
    position: relative;
    z-index: 1;
}

.category_header h2 {
    font-size: 48px;
    margin-bottom: 10px;
}

.category_header p {
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}


/* @media query begins */
@media (min-width:1025px){
	.main-header {
	position: relative; /* default on load */
	width: 100%;
	z-index: 1000;
	transition: all 0.4s ease;
}
.main-header.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	 animation: slideDown 0.4s ease forwards;
}
body.add-sticky-padding {
  padding-top: 80px; /* adjust to your header height */
}
}
@media (max-width: 960px) {
	.wellbeing-container {
		flex-direction: column;
		align-items: center;
	}
}
@media (max-width: 768px) {
	.wellbeing-card,.fw-card{
		width:100%;
	}
	.category_header_inner h2{
		font-size:32px;
	}
	.category_header{
		height:300px;
	}
}
@media (max-width: 600px){
	.category_header{
		height:200px;
	}
	.category-post-card {
		padding:10px;
	}
}