div#container
{
   width: 1440px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   background-image: url('https://i.ibb.co/gn8pB2M/shapes2.jpg');
   background-attachment: scroll;
   background-position: left top;
   background-repeat: repeat;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#Layer2
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#Layer1
{
   background-color: #1E90FF;
   background-image: none;
   border-radius: 0px;
}
#wb_CssMenu1
{
   border: 0px solid #1E90FF;
   border-radius: 0px;
   background-color: #1E90FF;
   margin: 0;
   text-align: center;
}
#wb_CssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: relative;
   display: inline-block;
}
#wb_CssMenu1 li
{
   float: left;
   margin: 0;
   padding: 0px 0px 0px 0px;
   width: 120px;
}
#wb_CssMenu1 a
{
   display: block;
   float: left;
   color: #FFFFFF;
   border: 0px solid #1E90FF;
   border-radius: 20px;
   background-color: #1E90FF;
   background-image: none;
   font-family: Acme;
   font-weight: normal;
   font-size: 24px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
   vertical-align: middle;
}
#wb_CssMenu1 > ul > li > a
{
   width: 110px;
   height: 40px;
   padding: 0 5px 0px 5px;
   line-height: 40px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #1E90FF;
   border: 0px solid #FFFFFF;
   background-color: #FFFFFF;
   background-image: none;
}
#wb_CssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu1 li:hover, #wb_CssMenu1 li a:hover
{
   position: relative;
}
#wb_CssMenu1 a.withsubmenu
{
   padding: 0 5px 0 5px;
   background-image: none;
}
#wb_CssMenu1 li:hover a.withsubmenu, #wb_CssMenu1 a.withsubmenu:hover
{
   background-image: none;
}
#wb_CssMenu1 ul ul
{
   position: absolute;
   left: 0;
   top: 0;
   visibility: hidden;
   width: 200px;
   height: auto;
   border: none;
   background-color: transparent;
}
#wb_CssMenu1 ul :hover ul
{
   left: 0px;
   top: 40px;
   padding-top: 20px;
   visibility: visible;
}
#wb_CssMenu1 .firstmain:hover ul
{
   left: 0px;
}
#wb_CssMenu1 li li
{
   width: 200px;
   padding: 0 0px 0px 0px;
   border: 0px solid #1E90FF;
   border-width: 0 0px;
}
#wb_CssMenu1 li li.firstitem
{
   border-top: 0px #1E90FF solid;
}
#wb_CssMenu1 li li.lastitem
{
   border-bottom: 0px #1E90FF solid;
}
#wb_CssMenu1 ul ul a, #wb_CssMenu1 ul :hover ul a
{
   float: none;
   margin: 0;
   width: 186px;
   height: auto;
   white-space: normal;
   padding: 7px 6px 7px 6px;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #1E90FF;
   border-radius: 20px;
   color: #1E90FF;
   font-family: Acme;
   font-weight: normal;
   font-size: 24px;
   font-style: normal;
   line-height: 24px;
   text-align: center;
   text-decoration: none;
   text-transform: none;
}
#wb_CssMenu1 ul :hover ul .firstitem a
{
   margin-top: 0px;
}
#wb_CssMenu1 ul ul :hover a, #wb_CssMenu1 ul ul a:hover, #wb_CssMenu1 ul ul :hover ul :hover a, #wb_CssMenu1 ul ul :hover ul a:hover
{
   background-color: #FF8C00;
   background-image: none;
   border: 1px solid #FFFFFF;
   color: #FFFFFF;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#Layer3
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#Layer6
{
   background-color: transparent;
   background-image: none;
   border: 1px solid #1E90FF;
   border-radius: 0px;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: scale-down;
}
    body {
      font-family: Arial, sans-serif;
      padding: 20px;
      background: https://i.ibb.co/gn8pB2M/shapes2.jpg;
    }

    /* Spacing under Search Results heading */
    h2 {
      margin-bottom: 25px;
      text-align: center; /* Center the heading */
    }

    #searchResults div {
      display: flex;
      align-items: center; /* aligns image + text container vertically */
      border: 1px solid #ccc;
      border-radius: 6px;
      padding: 10px;
      gap: 15px;
      background: #fff;
      margin-bottom: 15px;
      min-height: 120px; /* Card minimum height */
    }

    #searchResults img {
      width: 250px;
      height: 250px;
      object-fit: cover;
      border-radius: 4px;
    }

    /* Text container (title + description) */
    .result-text {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center; /* centers title + description vertically */
    }

    #searchResults a.name {
      font-weight: bold;
      font-size: 16px;
      color: #007bff;
      text-decoration: none;
      display: inline-block;
      margin-bottom: 6px;
    }

    /* Hide categories but keep searchable */
    #searchResults .categories {
      display: none;
    }

    /* Scrollable description box with fixed height */
    .description-box {
      height: 200px; /* fixed height for all description boxes */
      overflow-y: auto; /* scroll if content is longer */
      font-size: 14px;
      color: #333;
      margin: 6px 0;
      padding-right: 6px;
      white-space: pre-wrap; /* preserves line breaks */
    }

    /* Uniform Button */
    #searchResults a.button {
      background: #ff9800;
      color: white;
      padding: 10px 18px;
      text-decoration: none;
      border-radius: 4px;
      font-weight: bold;
      min-width: 125px; /* consistent width */
      text-align: center;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      height: 40px; /* consistent height */
    }

    @media (max-width: 600px) {
      #searchResults div {
        flex-direction: column;
        align-items: flex-start;
      }
      #searchResults a.button {
        margin-top: 10px;
        width: 100%;
      }
    }