/* Rounded Search */

    .search-button {
      background: none;
      border: none;
      cursor: pointer;
      padding: 5px;
      display: flex;
      align-items: center;
    }

    .search-icon {
      width: 25px;
      height: 25px;
      stroke: white;
      stroke-width: 3.5;
      fill: none;
    }

    .search-panel {
      background-color: #17235d; /* set background color */
      overflow: hidden;
      max-height: 0;
      transition: max-height 0.8s ease;
      width: 100%;
      box-sizing: border-box;
      z-index: 1;
      box-shadow: 0 4px 3px rgba(0, 0, 0, 0.8);
      visibility: hidden;
      opacity: 0;
    }

    .search-panel.show {
      max-height: 400px;
      visibility: visible;
      opacity: 1;  
    }

    .search-panel-content {
     padding: 15px 20px 0 20px;
     max-width: 350px;
     margin: 0 auto;
    }

    .gsib_a {
      width: 90% !important;
      padding: 0 !important;
    }

    .gsc-search-box {
    border: 0 !important;
    border-radius: 3px;
    padding: 0 !important; 
    max-width: 500px !important;
    }

    table.gsc-search-box td.gsc-input {
      padding-right: 0 !important;
    }

    .gcse-searchbox-only {
      width: 100% !important;
      max-width: none !important;
    }

    .gsc-control-cse {
      background: none !important;
      border: none !important;
      padding: 0 !important;
    }

    .gsc-clear-button {
      display: none !important;
    }

	
    /* Wrapper */
   .gsc-input-box {
     display: flex !important;
     width: 100% !important;
     border: none !important;
     background: #f9f9f9 !important;
     border-radius: 30px !important;
     overflow: hidden;
     padding: 0 !important;
     /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); */
   }

   /* Search Input */
   input.gsc-input {
     flex: 1 !important;
     border: none !important;
     padding: 10px 20px !important;
     font-size: 16px !important;
     border-radius: 0 !important;
     background: transparent !important;
     outline: none !important;
     color: #fff !important;
   }

   input.gsc-input::placeholder {
     font-size: 18px !important;
     font-weight: 400 !important;
     color: #fff;
   /*  text-transform: uppercase; */
     font-style: italic;
     letter-spacing: 0.9px;
   } 
   
   /* Search Button - Circular and overlaps input */
   .gsc-search-button-v2 {
     background: #406bbf !important;
     border: none !important;
     border-radius: 50% !important;
     width: 45px !important;
     height: 45px !important;
     margin-left: -17px !important; /* Shift left to overlap */
     margin-top: 0 !important;
     z-index: 2;
     display: flex !important;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     position: relative !important;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */
     color: white !important;
     padding: 4px 15px !important;
     font-size: 18px !important;
     vertical-align: middle !important;
   }
   
	/* Search icon inside button */
	.gsc-search-button-v2 svg {
	width: 16px !important;
	height: 16px !important;
	fill: white !important;
	margin: 0 !important;
   }