/* Our Works Page */
.top-layout {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-column-gap: 100px; }
  .top-layout h1 span {
    font-size: 32px;
    color: #B6B6B6; }
  .top-layout p {
    max-width: 440px; }

.v-layout-1-2 {
  grid-column-gap: 40px;
  grid-row-gap: 60px; }

.main-description-wrapper {
  max-width: 450px; }

.project-card img {
  width: 100%;
  max-height: 320px;
  object-fit: cover; }

.project-card a {
  position: relative;
  display: block; }
  .project-card a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: box-shadow .2s; }
  .project-card a:hover:after {
    box-shadow: inset 0 0 0 15px #3628EF; }

.bottom-layout {
  background: #EBFBF7;
  border-radius: 10px;
  padding-left: 115px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden; }
  .bottom-layout:after {
    content: "";
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgba(53, 215, 176, 0.5);
    box-shadow: 0 0 0 50px rgba(53, 215, 176, 0.25), 0 0 0 100px rgba(53, 215, 176, 0.1), 0 -300px 0 40px rgba(53, 215, 176, 0.25);
    position: absolute;
    bottom: -50px;
    right: 380px; }
  .bottom-layout img {
    position: relative;
    z-index: 1; }

.bottom-title {
  color: #35D7B0; }

.bottom-description {
  flex-wrap: wrap; }