/* ==========================================
INNER HERO
========================================== */
.inner-hero{
padding: var(--space-8) 0;
}
.inner-hero-box{
background:
linear-gradient(
90deg,
#eef2f4 0%,
#f2efed 100%
);
background-position:right center;
border-radius: var(--radius-xl);
overflow: hidden;
padding:
var(--space-11)
var(--space-10) 0;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:var(--space-10);
position:relative;
}

.career .inner-hero-box{
background:
linear-gradient(
90deg,
#eef2f4 0%,
#f2efed 100%
);
background-position:right center;}


 .business-excellence-methodology .inner-hero-box {background: linear-gradient(90deg, #eef2f4 0%, #f2efed 100%);
    background-position: right center;}


.agile-scrum-methodology .inner-hero-box{background: linear-gradient(90deg, #eef2f4 0%, #f2efed 100%);
    background-position: right center;}


/* ==========================================
LEFT
========================================== */
.inner-hero-content{
max-width:550px;
position:relative;
z-index:2;
width: 0 auto;
}
.inner-hero-badge{
display:inline-flex;
align-items:center;
padding:
var(--space-2)
var(--space-4);
background:var(--color-primary);
color:var(--color-text-light);
border-radius:50px;
font-size:var(--fs-body-xs);
margin-bottom:var(--space-6);
}
.inner-hero-content h1{
margin-bottom:var(--space-5);
}
.inner-hero-content p{
max-width:520px;
margin-bottom:var(--space-7);
}
/* ==========================================
CTA
========================================== */
.inner-hero-cta{
display:flex;
align-items:center;
justify-content:space-between;
background:#fff;
border-radius:60px;
padding:8px;
max-width:570px;
box-shadow:
0 10px 30px rgba(0,0,0,.08);
text-decoration:none;
gap:20px
}
.inner-hero-cta-text{
padding-left:25px;
color:var(--color-primary);
font-weight:500;
}
.inner-hero-cta-text strong{ color:var(--color-highlight); display:block; font-size:12px; font-weight:normal; text-align: left;}
.inner-hero-cta-btn.btn-outline {
display:flex;
align-items:center;
gap:10px;
transition:.3s ease;
z-index: 2;
}
.inner-hero-cta:hover .inner-hero-cta-btn.btn-outline{
transform:translateX(4px);
}
.inner-hero-cta:hover     .btn-outline .arrow-old {
transform: translate(120%, -120%);
}
.inner-hero-cta:hover   .btn-outline .arrow-new {
transform: translate(0, 0);
}
/* ==========================================
RIGHT
========================================== */
.inner-hero-image{
flex:1;
position:relative;
min-height:500px;
z-index: 9;
text-align: center;
    justify-content: center;
    display: flex;
}
.inner-hero-image > img{
width:100%;
max-width:650px;
display:block;
margin-left:0px;
margin-top:15px;
margin-bottom:-15px;
position:relative;
z-index:3;
}
/* ==========================================
LINES
========================================== */
.inner-hero-lines{
position:absolute;
left:0;
right:0;
top:70px;
z-index:1;
}
.inner-hero-lines span{
display:block;
height:32px;
border-top:2px solid rgba(132,121,98,.6);
border-radius:50%;
}
.inner-hero-lines span + span{
margin-top:6px;
}
/* ==========================================
FLOATING IMAGES
========================================== */
.hero-float{
position:absolute;
width:72px;
height:72px;
border-radius:50%;
overflow:hidden;
border:4px solid #fff;
box-shadow:
0 12px 30px rgba(0,0,0,.15);
z-index:4;
}
.hero-float img{
width:100%;
height:100%;
object-fit:cover;
}
.hero-float-1{
left:18%;
top:20px;
animation:float1 5s ease-in-out infinite;
}
.hero-float-2{
left:8%;
top:130px;
animation:float2 6s ease-in-out infinite;
}
.hero-float-3{
right:80px;
top:30px;
animation:float3 5.5s ease-in-out infinite;
}
.hero-float-4{
right:0;
top:150px;
animation:float4 6.5s ease-in-out infinite;
}
@keyframes float1{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-15px);}
}
@keyframes float2{
0%,100%{transform:translateY(0);}
50%{transform:translateY(18px);}
}
@keyframes float3{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-12px);}
}
@keyframes float4{
0%,100%{transform:translateY(0);}
50%{transform:translateY(16px);}
}
/* ==========================================
GRID DECORATION
========================================== */
.inner-hero-content::after{
content:"";
position:absolute;
left:-50px;
bottom:0px;
width:140px;
height:140px;
background-image:
linear-gradient(#d6dce2 1px,transparent 1px),
linear-gradient(90deg,#d6dce2 1px,transparent 1px);
background-size:20px 20px;
opacity:.3;
z-index: -1;
}
@media (min-width:992px) and (max-width:1279px){
.inner-hero-image{ min-height: auto;}
.inner-hero-content{ padding-bottom: 50px;}
}
/* ==========================================
TABLET
========================================== */


@media(max-width:991px){

    .inner-hero-content p{max-width: 100%;}
.inner-hero{
padding: 0;
}
.inner-hero .container{ padding:0}
.inner-hero-box{ border-radius:0!important}
.inner-hero-box{
flex-direction:column;
text-align:center;
padding:var(--space-10) var(--space-10) 0;
gap:var(--space-8);
}
.inner-hero-content{
max-width:100%;
max-width: 0 auto;
}
.inner-hero-cta{
margin:auto;
}
.inner-hero-image{
min-height:auto;
width:100%;
text-align:center
}
.inner-hero-image > img{
margin:0 auto!important;
}



}
/* ==========================================
MOBILE
========================================== */
@media(max-width:767px){
.inner-hero-box{
padding:var(--space-7) var(--space-7) 0;
border-radius:var(--radius-lg);
}
.inner-hero-cta{
flex-direction:column;
gap:12px;
border-radius:24px;
padding:16px;
}
.inner-hero-cta-text{
padding-left:0;
}
.inner-hero-cta-btn.btn-outline{
width:100%;
justify-content:center;
}
.hero-float{
width:55px;
height:55px;
}
.hero-float-1{
left:20%;
top:0;
}
.hero-float-2{
left:5%;
top:90px;
}
.hero-float-3{
right:10%;
}
.hero-float-4{
right:0;
top:100px;
}
}




.inner-hero-box{background: linear-gradient(
90deg,
#EEF7FE 0%,
#D5ECFB 55%,
#D5ECFB 45%,
#D5ECFB 100%
); position:relative}
.inner-hero-image { z-index:9}
.inner-hero-image > img{
width:100%;
max-width:500px;
max-height:490px;
object-fit:contain;
z-index:9;
display:block;
}

.inner-hero-content::before {
content: ""!important;
position: absolute!important;
left: -30px!important;
top: -60px!important;
}
.page-template-service .inner-hero-box::after {
content: ""!important;;
position: absolute!important;;
left: 0!important;;
bottom: 0!important;;
width: 290px!important;;
height: 260px!important;;
background: url(../../images/hero-bottom-circle.png) no-repeat left bottom;;
background-size:contain!important;
opacity: 1!important;;
z-index: 1!important;;
}
.career .inner-hero-box::after, .leadership .inner-hero-box::after,
 .business-excellence-methodology .inner-hero-box::after, .agile-scrum-methodology .inner-hero-box::after
{display:none!important}
.client-section {
margin: 0 0 0;
}
@media(max-width:767px){
.client-section {
margin:0;
}
}

.career .inner-hero-image > img{margin-bottom:-40px; max-height: 530px;}

.business-excellence-methodology .inner-hero-image > img { max-height: 600px;}

.agile-scrum-methodology .inner-hero-image > img {margin-bottom:-80px; max-height: 600px;}