.trapezoid-1 {
    clip-path: polygon(0 0, 96% 0, 100% 100%, 0 100%);
}

.trapezoid-2 {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 4% 100%);
}
  .trapezoid-spliter{
      background: rgb(255,250,203);
      background: linear-gradient(90deg, rgba(255,250,203,1) 0%, rgba(237,214,136,1) 13%, rgba(194,145,46,1) 40%, rgba(203,160,69,1) 45%, rgba(230,208,140,1) 59%, rgba(248,238,185,1) 70%, rgba(255,250,203,1) 75%, rgba(250,200,38,1) 99%);
  }



  @media (max-width: 768px) {
      #trapezoid-div {
          flex-direction: column;
      }
      .trapezoid-1, .trapezoid-2 {
          clip-path: none;
      }
      .trapezoid-1 img {
          width: 60%;
      }
      .trapezoid-1 p {
          font-size: 1.5rem;
      }
  }
 
  .dropdown:hover .dropdown-menu {
      display: block;
  }

  .dropdown-list{
      position: relative;
      z-index: 1 ;
  }

  .dropdown-list:before{
      content : "";
      position: absolute;
      left    : 10%;
      bottom  : 3px;
      height  : 1px;
      width   : 75%;  /* or 100px */
      border-bottom:1px solid #8A5D3B;
      opacity: 0.5;
  }