::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: #e7e7e7;
    border: 1px solid #cacaca;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
  border: 3px solid transparent;
   background-clip: content-box;
    background-color: #bcd3e3;
}

/* Main container styles */
.p-4.sm\:ml-64 {
  margin-top: 5rem;
}

.head-form {
  width: 100%;
  display:block;
  margin: auto;
}


@media (min-width: 768px) { /* Tablets */
  .head-form {
    width: 380px; 
  }
}

@media (min-width: 1024px) { /* Small desktops */
  .head-form {
    width: 700px; /* Example width for small desktops */
  }
}

@media (min-width: 1280px) { /* Large desktops */
  .head-form {
    width: 900px; /* Example width for larger desktops */
  }
}

.gcsc-branding {
    display: none;
}
.gcsc-find-more-on-google {
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  padding: 1rem;
}

.gs-webResult div.gs-visibleUrl-short {
    display: flex;
}

span.gcsc-find-more-on-google-text {
  padding: 0.2rem;
}


.gs-webResult.gs-result {
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 3px;
    padding: 8px;
    max-width: 100%;
  }
  
  /* Title styles */
  .gs-title {
    font-size: 18px;
    font-weight: bold;
    color: #1a0dab;
    text-decoration: none;
    margin-bottom: 8px;
  }
  
  .gs-title:hover {
    text-decoration: underline;
  }
  
  /* URL styles */
  .gs-visibleUrl {
    color: #006621;
    font-size: 14px;
    margin-bottom: 2px;
  }
  
  /* Snippet styles */
  .gs-snippet {
    color: #545454;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 8px;
    display:block;
  }
  
  /* Thumbnail styles */
  .gsc-table-cell-thumbnail {
    float: right;
    margin-left: 16px;
    display: block;
    margin-top: -8px;
}
  
  .gs-image {
    border-radius: 4px;
    max-width: 100px;
    height: auto;
  }
  
  /* Clear float */
  .gsc-table-result::after {
    content: "";
    display: table;
    clear: both;
  }


  .gs-per-result-labels {
    display: none; /* Hide labels as they're not in the example image */
  }
  
  /* Responsive design */
  @media (max-width: 480px) {
    .gsc-table-cell-thumbnail {
      float: none;
      margin-left: 0;
      margin-bottom: 8px;
    }
    
    .gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
      display: none;
  }
  }

  .gsc-result-info,.gsc-orderby{
    font-size:1.1em !important;
}

.gsc-above-wrapper-area {
  border:none !important;
  padding: 0px 0px 9px 0px;
}
.gsc-adBlock {
  position: relative;
  display: block;
  border-bottom: none !important;
  margin-bottom: 10px !important;
  padding: 20px !important;
  background:#ffffff;
  border-radius:8px;
}
.gsc-refinementsArea{
  border-radius:0px !important;
  border:none !important;
}
.gcsc-more-maybe-branding-box{
  border:1px solid #cccccc;
  background:#ffffff;
}

.gsc-results .gsc-cursor-box {
  margin: 10px;
  display: flex;
  justify-content: center;
}

svg.gcsc-find-more-on-google-magnifier {
  display: inline-flex;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
border-color: transparent !important;
background-color: #FFFFFF;
color: #333333;
font-size: 1.2em;
border: 1px solid transparent !important;
padding: 2px;
border-radius:4px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
border-color: #007bff !important;
background-color: #007bff !important;
color: #ffffff !important;
font-size: 1.2em;
border: 1px solid #007bff !important;
padding: 5px 10px;
border-radius:4px;
}
.gsc-control-cse{
padding:0px !important;
}
.gsc-results{
background-color: transparent !important;
}
.gsc-webResult.gsc-result{
border: 1px solid transparent !important;
}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult{
background-color: none !important;
background:none !important;
}

.gcsc-more-maybe-branding-root {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Base styles for the main and aside sections */
.main-section {
  width: 100%; /* Default width for smaller screens */
}

.aside-section {
  width: 100%; /* Default width for smaller screens */
}

/* Styles for larger screens */
@media (min-width: 1000px) {
  .main-section {
      width: 65%;
      float: left; /* Allows for side-by-side layout */
  }

  .aside-section {
      width: 35%;
      float: right; /* Allows for side-by-side layout */
  }
}


   /* Optional: You can add custom CSS to style the infobox */
.infobox {
    padding: 3px;
    margin: 0 auto;
    width:100%;
}
div#infoboxContainer table {
    width: 100%;
    border-collapse: collapse;
  }
div#infoboxContainer  td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
  }
div#infoboxContainer tr:nth-child(even) {
    background-color: #f2f2f2;
  }

  .tsingle {
    display: inline-grid;
    padding: 0.2rem;
}
.trow {
    display: flex;
    justify-content: center;
}
.multiimageinner {
    display: inline;
}
.locmap, td.infobox-full-data {
    display: none;
}

div#infoboxContainer td {
    font-size: small;
    padding: 1px;
    font-weight: 400;
}