:root {
    --primary: #f8a32e !important;
}

.btn-primary{
	background-color: #f8a32e !important;
	border-color: #f8a32e !important;
}

a:focus, a:hover, .color, .connected-icon a i, .testimonial-name, .testimonial-name small, .highlight, .btn-ghost-color, .contact-details-social li a:hover, .portfolioContainer li .info i, .project-changer li a, #iconTabs li.active a span, .box a, .box.box-style6 a, .box.box-style8b a, .about-me-social li a:hover, .icon-box-hover i, .footer.style-1 li a:hover, .footer.style-1 > a:hover, .countdown-big h1, .home-blog-filters .cbp-filter-item-active.cbp-filter-item, .home-blog-filters .cbp-filter-item:hover, .home-filters-dark .cbp-filter-item:hover, .home-filters-dark .cbp-filter-item-active.cbp-filter-item, .connected-icons li a h4, .footer.style-1.dark ul li a, .btn-ghost, #twitter-feed-slider .user a:hover:before, #twitter-feed-slider .timePosted a:hover, #twitter-feed-slider .interact a:hover:before, #twitter-feed-list ul li:first-child .user a:hover:before, .project-nav a:hover h5, .project-nav a:hover i, .color, .feature-center.white i.color, .counter h1, .team figure figcaption a:hover, .portfolio figure figcaption p, a:hover .subheading, .blog-columns .blog-thumb-desc a:hover h4, .blog-standard a:hover h4, .blog-pagination li a:hover, .sidebar-share a:hover, .shop .cbp-l-caption-body a:hover, .team-caption ul li a:hover, .read-more-link.color span, .read-more-link2.color span, #clock .digit {
    color: #f8a32e !important;
}

.scroll-top {
background-color: #f8a32e !important;
}

.babz-img img {
        max-width: 100%; /* Ensures image responsiveness */
        height: auto;    /* Maintains aspect ratio */
        max-height: 400px; /* Adjust this as needed to control vertical size */
    }