/*=====================================
BUSINESS HERO
=====================================*/
.business-hero{
padding:var(--space-8) 0 var(--space-10);
}
.business-hero-box{
position:relative;
background: linear-gradient(
-45deg,
#EAF5FF,
#E3F2FD,
#DCEEFF,
#E8F5FF
);
background-size: 400% 400%;
animation: gradientMove 15s ease infinite;
border-radius:24px;
padding:70px;
overflow:hidden;
}
@keyframes gradientMove {
0% {
background-position: 0% 50%;
}
25% {
background-position: 100% 50%;
}
50% {
background-position: 100% 100%;
}
75% {
background-position: 0% 100%;
}
100% {
background-position: 0% 50%;
}
}
.business-hero-box:before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:5px;
background:#2196F3;
border-radius:20px;
}
.business-hero h1{
margin-bottom:22px;
max-width:900px;
}
.business-hero-content{
max-width:760px;
}
.business-hero-content p{
color:var(--color-text);
line-height:1.8;
margin:0;
}



/*=========================
Tablet
=========================*/
@media(max-width:991px){
.business-hero{
padding:var(--space-4) 0 var(--space-9);
}
.business-hero-box{
padding:50px;
}
.business-hero h1{
margin-bottom:18px;
}
}
.pcb-timeline-image img{max-height:300px; max-width:100%; object-fit:cover; object-position:center}
/*=========================
Mobile
=========================*/
@media(max-width:767px){
.business-hero{
padding:25px 0 60px;
}
.business-hero-box{
padding:35px 24px;
border-radius:18px;
}
.business-hero-box:before{
width:4px;
}
.business-hero h1{
margin-bottom:15px;
}
.business-hero-content{
max-width:100%;
}
.business-hero-content p{
line-height:1.7;
}
}