.organic-growth-sec {
    background-color: #F3F8FF;
    padding: 100px 0 280px;
}
.organic-growth-wrap{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    position: relative;
    .organic-growth-left{
        width:610px;
        max-width:550px;
    }
    .organic-growth-right{
        width:calc(100% - 610px);

        & .organic-growth-image{
           position: absolute;
            top: 0;
            right: 0;
            margin-right:-60px;
        }
    }
}

/*---------------*/

.four-grid
{
   display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
    margin-top: -125px;
   
   .four-grid-li{
        width: 25%;
        padding: 0 18px;
   }
   .fgrid-block{
        border-radius: 30px;
        background-color: var(--white);
        background: linear-gradient(126deg, rgb(255 255 255) 0%, rgba(227, 239, 254, 1) 100%);
        border: 6px solid #FFFFFF;
        box-shadow: 0 5px 24px 0px rgb(64 0 78 / 10%);
        padding: 30px;
        text-align:center;
        height:100%;
        & img{
            margin-bottom:20px;
            filter: brightness(0) saturate(100%) invert(38%) sepia(66%) saturate(1305%) hue-rotate(188deg) brightness(97%) contrast(113%);
        }
   }
   
}


/*------- media ------*/

@media(max-width:1599.98px) {
.organic-growth-wrap {
    .organic-growth-right {
        position:relative;
        .organic-growth-image{
            position: relative;
            margin-right:0;
        }
    }
}
}

@media(max-width:1439.98px) {
    .organic-growth-wrap {
        .organic-growth-left {
            width:calc(100% - 600px);
            max-width:100%;
            padding-right:30px;
        }
        .organic-growth-right {
            position: relative;
            width:600px;
        }
    }

    .four-grid {
        margin: 0 -10px;
        margin-top: -120px;
        .four-grid-li {
            padding: 0 10px;
        }
        .fgrid-block{
            padding:22px;
        }
    }

    .organic-growth-sec{
        padding:80px 0 200px;   
    }

}

@media(max-width:1199.98px) {
     .organic-growth-wrap {
        .organic-growth-left {
            width:calc(100% - 450px);
        }
        .organic-growth-right {
            width:450px;
        }
    }

    .four-grid {
        margin: 0 -5px;
        margin-top: -120px;
        .four-grid-li {
            padding: 0 5px;
        }
        .fgrid-block{
            padding:22px;
        }
    }

}

@media(max-width:991.98px) {
   .organic-growth-wrap {
        .organic-growth-left {
            width:100%;
            margin-bottom:30px;
            padding-right:0;
        }
        .organic-growth-right {
            width:100%;
        }
    } 

    .four-grid {
        margin-left:0;
        margin-right:0;
        gap:10px;
        .four-grid-li {
            padding:0px;
            width:calc(50% - 5px);
        }
    }

    .organic-growth-sec{
        padding:60px 0 180px;   
    }

}

@media(max-width:767.98px) {
    
}

@media(max-width:575.98px) {
    .four-grid {
        margin-top:-60px;
					gap:8px;
        .fgrid-block {
            padding: 20px;
            border: 3px solid #FFFFFF;
									   border-radius:10px;
            & img{
             width:50px;
													height:50px;
													object-fit:contain;
             margin-bottom:12px; 
            }
        }
        .four-grid-li{
            width:calc(50% - 4px);
        }
    }
        .organic-growth-sec {
        padding:40px 0 140px;
    }
}


@media(max-width:479.98px){
	  .four-grid {
					.fgrid-block {
						padding: 15px;
						.fgrid-content p{
							 font-size:14px;
							line-height:20px;
						}
				}
		 }
}