How to restrict the box shadowed 1st column of the 3-columns

Site URL: https://www.xystema.com/pricing

I created the shadows for the 3-columns (see screenshot attached) and I want the 1st column not to have the shadow.

Here's the code I used:

// create a shadow and border
section[data-section-id="61a0385f55deef3db8b5e406"] .sqs-col-4 {
  border: 1px solid #d5d5d5;
  width: 30%!important;
  margin-left: 3%;
  box-shadow: 5px 5px 15px rgba(0,0,0,.2)
}
//increase shadow and raise the column when hover
section[data-section-id="61a0385f55deef3db8b5e406"] .sqs-col-4:hover {
  box-shadow: 5px 5px 15px rgba(0,0,0,.4);
  transform: translateY(-10px);
  transition: all 0.25s;
}

I will appreciate any help. Thanks.

My website password: 061298

2 hours ago, bangank36 said:

Is it what your mean?

Try adding to Home > Design > Custom Css

section[data-section-id="6177d1eb3dfe9850e25d20a6"] .sqs-col-4:first-child {
	box-shadow: unset;
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

It works! As always. Thanks so much for the swift reply! appreciate it!