#strategy_block{
    overflow: hidden;
    padding: 5% 0;
}
.growth-block{
    display: flex;
    margin: 50px 0 0; 
}
/* --------------growth-block__right------------------------- */
.growth-block__right{
    padding: 33px 45px;
    width: 55%;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    position: relative;
    height: 500px;
}
.growth-block-wrapper.visible .growth-block__right-box::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #FFFFFF;
    animation: growdiv-right 3s forwards;
    animation-delay: 3s;
}
@keyframes growdiv-right{
    0%{
        left: 0;
     }
    
     100%{
        left: 101%;
     }
   }

.growth-block__right-box{
    width: 100%;
}
.growth-block__right .block-title{
    text-align: center;
}
.growth-block__right .box{
    background: #FFFFFF;
    padding: 15px;
    text-align: center;
    margin: 10px;
    position: relative;
}
.growth-block__right .box .icon-section{
    position: absolute;
    right: 8px;
    top: 8px;
}
.growth-block__right .box .icon-section .xmark-icon{
    display: none;
}
.growth-block__right .box .icon-section.custom-style .xmark-icon{
    display: block;
}
/* We need the info icon on desctop
.growth-block__right .box .icon-section.custom-style i.info_icon{
    display: none;
}
*/
.growth-block__right .box p{
    margin: 0;
    line-height: 1.2;
    max-width: 225px;
    margin: 0 auto;
}
.growth-block__right .box-item__title{
    color: #ffc510;
}
/* We need the info icon on desctop
.growth-block__right .box .icon-section{
    display: none;
}
*/

.info_icon, .xmark-icon{
    width: 16px;
    height: 16px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.info_icon{
    background-image:url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" stroke="%231C274C" stroke-width="1.5"/><path d="M12 17V11" stroke="%231C274C" stroke-width="1.5" stroke-linecap="round"/><circle cx="1" cy="1" r="1" transform="matrix(1 0 0 -1 11 9)" fill="%231C274C"/></svg>') ;
}
.xmark-icon{
    background-image: url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.207 6.207a1 1 0 0 0-1.414-1.414L12 10.586 6.207 4.793a1 1 0 0 0-1.414 1.414L10.586 12l-5.793 5.793a1 1 0 1 0 1.414 1.414L12 13.414l5.793 5.793a1 1 0 0 0 1.414-1.414L13.414 12l5.793-5.793z" fill="%23000000"/></svg>');
}
@media(max-width:1024px){
    .growth-block__right .box .box-hidden {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
    }
    
    .growth-block__right .box .box-hidden.collapsed {
        max-height: 200px;
    }
    .growth-block__right .box .icon-section{
        display: block;
    }
    .growth-block__right {
        width: 70%;
        height: 479px;
    }
    
}
/* @media(max-width:992px){
    .growth-block__right {
        padding: 20px 30px;
        width: 70%;
    }
} */
@media(max-width:767px){
    .growth-block{
        flex-direction: column;
    }
    .growth-block__right {
        width: 100%;
        position: relative;
        top: -46px;
        padding: 40px 5px;
    }
}
@media(min-width:1024px){
    .growth-block__right .box:not(:hover) .box-hidden {
        font-size: 0;
        margin: 0;
        opacity: 0;
        padding: 0;
        /* fade out, then shrink */
        transition: opacity .25s,
                    font-size .5s .25s,
                    margin .5s .25s,
                    padding .5s .25s;
    }
    .growth-block__right .box:hover .box-hidden {
        /* unshrink, then fade in */
        font-size: 12px;
        transition: font-size .25s,
                    margin .25s,
                    padding .25s,
                    opacity .5s .25s;
    }
}
/* --------------growth-block__left------------------------- */
.growth-block__left{
    width: 45%;
    display: flex;
    height: 500px;
    align-items: center;
}
.growth-block__left-box{
    background-image: url(../images/growth-block-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 365px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 20px;
    /* animation: growdiv 5s forwards; */
}
.growth-block__left-box h5{
margin: 0;
}

.growth-block-wrapper.visible .growth-block__left-box::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #FFFFFF;
    animation: growdiv-left 3s forwards;
}
@keyframes growdiv-left{
 0%{
    left: 0;
 }
 60%{
    left: 60%;
 }
 75%{
    left: 75%;
 }
 100%{
    left: 101%;
 }
}
@media(max-width:991px){
    .growth-block__left-box {
        height: 318px;
    }
}
@media(min-width:1200px){
    .growth-block__left-box {
        height: 400px;
    }
}
@media(min-width:1450px){
    .growth-block__left-box {
        height: 450px;
    }
}
@media(min-width:1500px){
    .growth-block__left-box {
        height: 100%;
    }
}
@media(min-width:1300px){
   
}
@media(max-width:767px){
    .growth-block__left{
        width: 100%;
        height: 175px;
    }
    .growth-block__left-box {
        background-image: url(../images/growth-block-mb-bg.png);
        background-size: 97%;
        background-position: center bottom;
        /* height: 175px; */
        height: 250PX;
        flex-direction: revert;
        padding-left: 0;
    }
    .growth-block__left-box h5{
        width: 126px;
        text-align: center;
        padding: 5px;
        line-height: 1.2;
        position: relative;
        top: 11%;
    }
    .growth-block-wrapper.visible .growth-block__left-box::before{
        content: "";
        position: absolute;
        width: 100%;
        /* height: 21%; */
        height: 33%;
        left: 0;
        /* top: 53%; */
        top: 53%;
        background-color: #FFFFFF;
        animation: ss 3s forwards;
        animation-delay: 2s;
    }
    @keyframes ss{
     0%{
        top: 53%;
     }
     
     100%{
        top: 100%;
     }
    }
    .growth-block-wrapper.visible .growth-block__left-box::after{
       
        animation: growdiv-left-mob 3s forwards;
    }
    @keyframes growdiv-left-mob{
     0%{
        left: 0;
     }
    
     100%{
        left: 101%;
     }
    }
    



    .growth-block-wrapper.visible .growth-block__right-box::after{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: #FFFFFF;
        animation: growdiv-right-mob 3s forwards;
        animation-delay: 3s;
    }

    @keyframes growdiv-right-mob{
        0%{
            top: 0;
         }
        
         100%{
            top: 100%;
         }
       }
    
}
@media(max-width:481px){
    .growth-block__left-box h5 {
        width: 109px;
    }
}




@media(max-width:668PX){
    .growth-block__left-box {
        height: 235px;
    }
    .growth-block__left-box::before{
        height: 29%;
        top: 39%;
    }  
}
@media(max-width:600PX){
    .growth-block__left-box {
        height: 220px;
    }
    .growth-block__left-box::before{
        height: 28%;
        top: 41%;
    }  
}
@media(max-width:480PX){
    .growth-block__left-box {
        height: 195px;
    }
    .growth-block__left-box::before{
        height: 26%;
        top: 46%;
    }
}
@media(max-width:430PX){
    .growth-block__left-box {
        height: 177px;
    }
    .growth-block__left-box::before{
        height: 26%;
        top: 48%;
    
    }
}
@media(max-width:395PX){
    .growth-block__left-box::before{
        height: 22%;
        top: 52%;
    }
   
}
@media(max-width:360PX){
    .growth-block__left-box {
        height: 155px;
    }
    .growth-block__left-box::before{
        height: 27%;
        top: 50%;
    }
   
}


/* --------------------FONT INFO---------------------------- */
.growth-block__left-box h5{
    font-size: 21px;
}
.growth-block__right .block-title h6{
    font-size: 14px;
}
.growth-block__right .box-visible p{
    font-size:16px ;
}
.growth-block__right .box-visible span{
    font-size: 32px;
}

@media(max-width:1200px){
    .growth-block__left-box h5{
        font-size:14px;
    }
}


@media(max-width:1024px){
    .growth-block__left-box h5{
        font-size:14px;
    }
    .growth-block__right .block-title h6{
        font-size: 13px;
    }
    .growth-block__right .box-visible p{
        font-size:14px ;
        max-width: 100%;
    }
    .growth-block__right .box-hidden p{
        font-size:12px ;
    }
    .growth-block__right .box-visible span{
        font-size: 30px;
    }

}
@media(max-width:767px){
    .growth-block__right {
        height: 494px;
    }
    .growth-block__left-box h5{
        font-size: 14px;
    }
    .business-model-block .mobile-spec-block_right .business-block:after,
    .business-model-block .mobile-spec-block_left .business-block:after{
        position: absolute;
        left:8px;
        top: 10px;
        content:"";
        width: 20px;
        height: 20px;
        background-image:url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" stroke="%231C274C" stroke-width="1.5"/><path d="M12 17V11" stroke="%231C274C" stroke-width="1.5" stroke-linecap="round"/><circle cx="1" cy="1" r="1" transform="matrix(1 0 0 -1 11 9)" fill="%231C274C"/></svg>') ;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }
    .business-model-block .mobile-spec-block_right .business-block:after{
        left:auto;
        right:9px;
    }

}
@media(max-width:468px){
    .growth-block__left-box h5{
        font-size: 10px;
    }
    .growth-block__right .box-visible span {
        font-size: 27px;
    }
    .growth-block__right .box-visible p {
        font-size: 14px;
    }
}
/* ------------------------------END OF FONT INFO------------------------------- */
@media(max-width:480px){
    .growth-block__right {
        height: 476px;
    }
}
.growth-block__right .box p.text-break{
    margin-bottom: 10px;
}