/*
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.2.0.1781072637
Updated: 2026-06-10 06:23:57

*/


html {
    scroll-behavior: smooth;
    scroll-padding-top: 87px;
}
.text-color-change{
  background: linear-gradient(90deg, #2258C3, #2258c3a8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.apply-now-btn {
    display: none !important;
}
.image-box .elementor-image-box-wrapper figure.elementor-image-box-img {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EDF3FD;
    border-radius: 12px;
}
.career-support-carousel .owl-item .ue-item{
	padding:25px;
}
.career-support-carousel .owl-item .ue-item .uc_image_carousel_placeholder {
    width: 48px;
    height: 48px;
    background: #EDF3FD;
    border-radius: 12px;
}
.career-support-carousel .owl-item .ue-item .uc_image_carousel_placeholder .carousel-image {
    background-size: 24px;
}
.career-support-carousel .owl-nav button {
    top: 150px !important;
    transform: translateY(-50%);
}
.logo-text {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.logo-text:hover{
	    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.contact-us-sec label {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
}
.contact-us-sec input, .contact-us-sec textarea{
border-color:#E2E8F0;
	font-size:16px;
	margin-top:5px;
	width: 100%;
}
.contact-us-sec .wpcf7-form-control-wrap textarea{
	height:100px;
}
.contact-us-sec input.wpcf7-submit {
    width: 100%;
    display: inline-block;
    background-color: transparent;
    font-family: "Inter", Sans-serif;
    font-size: 17px;
    font-weight: 600;
    background-image: linear-gradient(90deg, #06B6D4 0%, #2563EB 100%);
    box-shadow: 0px 10px 15px -3px rgba(5.999999999999999, 181.99999999999994, 212, 0.30196078431372547);
    transition-duration: 3s;
    border-radius: 30px 30px 30px 30px;
    padding: 12px 24px 12px 24px;
    color: #fff;
}
.contact-us-sec input.wpcf7-submit:hover {
	   background-image: linear-gradient(90deg, #2563EB 0%, #06B6D4 100%);
}
.how-it-works-sec .steps-sec .uc-items-wrapper {
    width: 100%;
    min-width: 220px;
    overflow: auto;
}
.programs-col:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 36px rgba(26, 107, 196, 0.13);
}
.tech-logos .elementor-image-carousel .swiper-slide figure.swiper-slide-inner img.swiper-slide-image {
    width: 70px;
    height: 70px;
    object-fit: contain;
}
.tech-logos .elementor-image-carousel .swiper-slide {
    background-color: #FFFFFF;
    padding: 25px;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
}
.tech-logos .elementor-image-carousel {
    column-gap: 15px;
}
.tech-logos .elementor-image-carousel .swiper-slide:hover {
	border-color: #06B6D4;
	    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tech-logos .elementor-swiper-button {
    background-color: #2258C3;
    border-radius: 30px 30px 30px 30px;
    padding: 5px 5px 5px 5px;
}
.tech-logos-col .owl-item .ue-item .uc_image_carousel_placeholder .carousel-image {
    background-size: 70px;
	background-repeat:no-repeat;
	background-size:contain;
}
.tech-logos-col .owl-item .ue-item .uc_image_carousel_placeholder {
    width: 70px;
    height: 70px;
    background: none;
    border-radius: 0;
}
.tech-logos-col .owl-item .ue-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.tech-logos-col .owl-item {
    background: #fff;
}
.testimonials-section .ti-profile-img img {
    object-position: top center !important;
}
 .career-support-carousel.tech-logos-col .owl-nav button {
    top: 80px !important;
    transform: translateY(-50%);
}
.mission-sec .owl-item .uc_image_carousel_container_holder {
    background: #fff;
}
.contact-us-sec span.wpcf7-spinner {
    position: absolute;
    left: 60%;
    bottom: 10%;
}

@media screen and (max-width: 767px) {
.apply-now-btn {
    display: block !important;
}
.how-it-works-sec {
    overflow: hidden;
}
	.how-it-works-sec .steps-sec .uc-items-wrapper {
    width: 100%;
    min-width: 180px;
    overflow: auto;
}
	.how-it-works-sec .steps-sec .uc-items-wrapper .ue-step-item {
    width: 100%;
    min-width: 180px;
}
	.image-box .elementor-image-box-wrapper figure.elementor-image-box-img {
    margin-left: 0 !important;
}
	.career-support-carousel .owl-nav button {
    top: 170px !important;
}
}

@media screen and (min-width: 1025px) and (max-width: 1300px) { 
.career-support-carousel .owl-nav button.owl-prev {
    left: -10px !important;
}
	.career-support-carousel .owl-nav button.owl-next {
    right: -10px !important;
}
	.career-support-carousel .owl-nav button {
    width: 25px !important;
    height: 25px !important;
}
	.career-support-carousel .owl-nav button i {
    font-size: 15px;
}
}

.text-color-change {
    background-image: linear-gradient(90deg, #06B6D4 0%, #2563EB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
button.owl-prev {
    top: 50% !important;
    transform: translateY(-100%) !important;
}
button.owl-next{
    top: 50% !important;
    transform: translateY(-100%) !important;
}
#apply-now-sec input.wpcf7-form-control {
    margin-top: 13px;
}
#apply-now-sec input.wpcf7-submit {
   background-color: transparent; 
   background-image: linear-gradient(90deg, #06B6D4 0%, #2563EB 100%); box-shadow: 0px 10px 15px -3px rgba(5.999999999999999, 181.99999999999994, 212, 0.30196078431372547); 
   transition-duration: 3s; 
   border-radius: 30px 30px 30px 30px; 
   padding: 13px 24px 13px 24px;
   border: none ;
   color: #fff;
   width:100%;
}
@media screen and (max-width: 600px) {
.how-it-works-sec .uc-items-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.how-it-works-sec .uc-items-wrapper .ue-step-item {
    flex: unset !important;
    width: 90% !important;
    max-width: unset !important;
    min-width: 43%;
}
}
@media screen and (max-width:400px) {
#apply-now-sec .wpcf7-file {
    max-width: 100%;
    min-width: 100%;
    width: 50% !important;
    display: block;
    overflow: hidden;
}
}
