enter image description here

How can I achieve that shadow in the middle of the div? I am dividing this by 2 colors using

.box {
    width: 300px;
    height: 400px;
    background: linear-gradient(-10deg, #ffffff 50%, #d6fa02 50%);
  }

I tried using box shadow but it gave me the shadow at the top of the section not in that divide part. I am expecting this shadow exactly like this image.

>Solution :

Add it to the gradient

.box {
  width: 300px;
  height: 400px;
  background: linear-gradient(-10deg, #ffffff 47%,#bbb 50%, #d6fa02 50.5%);
}

<div class="box"></div>