body,h1, h4, label, menu-drop, span {font-family: "Raleway", Arial, sans-serif}
                                h1, h4, label, span {letter-spacing: 6px}
                                .w3-row-padding img {margin-bottom: 12px}
                    .mainContainer.active {
                        position: fixed; /* Fix container to viewport */
                          top: 0; /* Position at top of viewport */
                          left: 0; /* Position at left of viewport */
                          width: 100%; /* Match viewport width */
                          height: 100%; /* Match viewport height */

                          -webkit-filter: blur(5px);
                            -moz-filter: blur(5px);
                            -o-filter: blur(5px);
                            -ms-filter: blur(5px);
                            filter: blur(5px);
                            background-color: #eee;


                          /* Prevent scrolling within blurred container */
                          overflow: hidden;
                    }
                    .mainContainer_footer.active {
                       display: none;

                    }


                .mobile-head-scroll.is-hidden{
                transform: translateY(-500%);
                }
                .mobile-head-scroll .is-visible{
                transform: translateY(0);
                }

                .flag-se, .flag-en {
                width: 48px;
                height: auto;
                }

                #english-section
                 {
                  display: block;
                }

                #english-section.active,
                #swedish-section.active {
                  display: block;
                }

                .spinner {
                      width: 40px;
                      height: 40px;
                      margin: 0 auto;
                      border: 5px solid #ddd;         /* Light gray base */
                      border-top: 5px solid #007BFF;  /* Bright blue top */
                      border-radius: 50%;
                      animation: spin 1s linear infinite;
                    }

                    .spinner-text {
                      font-size: 14px;
                      color: #444;
                      margin-top: 8px;
                      text-align: center;
                    }

                    @keyframes spin {
                      0% { transform: rotate(0deg); }
                      100% { transform: rotate(360deg); }
                    }



                #products {
                  display: grid;
                  grid-template-columns: auto auto auto auto;
                  grid-column-gap: 1.5em;
                  padding: 1em 0;
                  justify-content: center;
                  margin: 0 15em; /* Adjust the margin as needed to get spaces on sides of image  */

                }
                .card {
                  background-color: #fff;
                  max-width: 15em;
                  margin-top: 1em;
                  padding: 1em;
                  border-radius: 5px;

                  /* Remove solid border */
                  border: none;

                  /* Soft but noticeable shadow */
                  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                  transition: box-shadow 0.3s ease;
                }

                .card:hover {
                  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
                }

                image-container {
                    display:inline-block;
                    position:relative;

                  text-align: center;

                }
                img {

                   width: 100%;
                    height: auto;
                    vertical-align: middle;
                    loading: lazy;

                        }
                           .far {
                            font-size: 25pt;
                            position: absolute;
                            padding: 16px;
                            color: black;
                            top: 10px;
                            left: 70%;
                            }



                             .fas {
                            font-size: 25pt;
                            padding: 16px;
                            color: red;
                                position: absolute;


                                top: 10px;
                            left: 70%;
                            }

                            .heart {

                            font-size: 25pt;
                            padding: 16px;

                            position: absolute;

                            cursor: pointer;
                             top: 10px;
                            left: 70 %;
                            }

                            .pulse {
                                animation: pulse .5s;
                            }

                            @keyframes .pulse {
                                0% {transform: scale(1); }
                                100% {transform: scale(1);}
                                100% {transform: scale(1);}
                            }




                .container {
                  padding-top: 1em;
                  color: #110f29;
                }
                .container h5 {
                  font-weight: 500;

                }
                .container h7 {
                  display: none;

                }

                .container h43{
                    display: none;

                }
                .container h99{
                    display: none;

                }

                .container h10 {
                 display: none;
                 }


                .hide {
                  display: none;
                }



               .sticky_2 {
                      position: fixed;
                      top: 0;
                      left: 0;
                      width:100%;
                      z-index: 16;

                    }

                .sticky_2 + #products {
                      padding-top: 102px;
                                            }

                .sticky {
                      position: fixed;
                      top: 0;
                      left: 0;
                      width:100%;
                      z-index: 16;


                    }

                .sticky + #products {
                      padding-top: 102px;
                      z-index: 16;
                                            }

                  .button {
                    display: inline-block;
                    margin: 4px 2px;
                    background-color: #FFFFFF;
                    font-size: 14px;
                    padding-left: 32px;
                    padding-right: 32px;
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    color: black;
                    text-decoration: none;
                    cursor: pointer;
                    -moz-user-select: none;
                    -khtml-user-select: none;
                    -webkit-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                }

                .button:hover {
                    transition-duration: 0.4s;
                    -moz-transition-duration: 0.4s;
                    -webkit-transition-duration: 0.4s;
                    -o-transition-duration: 0.4s;
                    background-color: white;
                    color: black;
                }

                .search-container-mobile {
                    position: relative;
                    display: inline-block;
                    margin: 4px 2px;
                    height: 50px;
                    width: 50px;
                    vertical-align: bottom;
                }

                .search-container {
                    position: relative;
                    display: inline-block;
                    margin: 4px 2px;
                    height: 50px;
                    width: 50px;
                    vertical-align: bottom;
                }


                .searchbutton {
                    position: absolute;
                    font-size: 22px;
                    width: 100%;
                    margin: 0;
                    padding: 0;
                }

                .search:focus + .searchbutton {
                    transition-duration: 0.4s;
                    -moz-transition-duration: 0.4s;
                    -webkit-transition-duration: 0.4s;
                    -o-transition-duration: 0.4s;
                    background-color: white;
                    color: black;
                }

                .search {
                    position: absolute;
                    left: 80px; /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */
                    background-color: white;
                    outline: none;
                    border: none;
                    padding: 0;
                    width: 0;
                    height: 100%;
                    z-index: 10;
                    transition-duration: 0.4s;
                    -moz-transition-duration: 0.4s;
                    -webkit-transition-duration: 0.4s;
                    -o-transition-duration: 0.4s;
                }

                .search:focus {
                    width: 363px; /* Bar width+1px */
                    padding: 0 16px 0 0;
                }


                .search-box {
                  position: relative;
                  width: 100%;
                  max-width: 360px;
                  height: 60px;
                  border-radius: 120px;
                  margin: 0 auto;
                  margin-top: 40px;

                }
                .search-icon, .go-icon {
                  position: absolute;
                  top: 0;
                  height: 60px;
                  width: 86px;
                  line-height: 61px;
                  text-align: center;

                }
                .search-icon {
                  left: 0;
                  pointer-events: none;
                  font-size: 1.22em;
                  will-change: transform;
                  transform: rotate(-45deg);
                  -webkit-transform: rotate(-45deg);
                  -moz-transform: rotate(-45deg);
                  -o-transform: rotate(-45deg);
                  transform-origin: center center;
                  -webkit-transform-origin: center center;
                  -moz-transform-origin: center center;
                  -o-transform-origin: center center;
                  transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
                  -webkit-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
                  -moz-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
                  -o-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
                }
                .si-rotate {
                  transform: rotate(0deg);
                  -webkit-transform: rotate(0deg);
                  -moz-transform: rotate(0deg);
                  -o-transform: rotate(0deg);
                }

                .search-border {
                  display: block;
                  width: 100%;
                  max-width: 360px;
                  height: 60px;
                }
                .border {
                  fill: none;
                  stroke: #000000;
                  stroke-width: 5;
                  stroke-miterlimit: 10;
                }
                .border {
                  stroke-dasharray: 740;
                  stroke-dashoffset: 0;
                  transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990);
                  -webkit-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990);
                  -moz-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990);
                  -o-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990);
                }
                .border-searching .border {
                  stroke-dasharray: 740;
                  stroke-dashoffset: 459;
                  transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000);
                  -webkit-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000);
                  -moz-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000);
                  -o-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000);
                }
                #search {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  border-radius: 120px;
                  border: none;
                  background: rgba(255,255,255,0);
                  padding: 0 68px 0 68px;
                  color: #000000;
                  font-size: 1.32em;
                  font-weight: 400;
                  letter-spacing: -0.015em;
                  outline: none;
                }
                #search::-webkit-input-placeholder {color: #000000;}
                #search::-moz-placeholder {color: #000000;}
                #search:-ms-input-placeholder {color: #000000;}
                #search:-moz-placeholder {color: #000000;}
                #search::-moz-selection {color: #000000; background: rgba(0,0,0,0.25);}
                #search::selection {color: #000000; background: rgba(0,0,0,0.25);}

                        /* ===== Keyframes ===== */
                        @keyframes fadeInUp {
                          from {
                            opacity: 0;
                            transform: translate3d(0, 20px, 0);
                          }

                          to {
                            opacity: 1;
                            transform: none;
                          }
                        }

                        @keyframes fadeOut {
                          from {
                            opacity: 1;
                          }

                          to {
                            opacity: 0;
                          }
                        }


        /* Filter choice user 2 button styles */
       .filter_choice_user_2 button {
             margin: 0 0 5px 10px;
             left: 0px;
            position:relative;
            border-bottom: 2px solid rgba(0, 0, 0, 0.3);
            color: #111;
            font-size: 15px;
            text-transform: uppercase;
            background: #FFFFFF;
            margin-top: 31px;

        }

        /* Add icon to the button */
        .filter_choice_user_2 button:after {
            font-family: "Font Awesome 5 Free";
            content: "\292B";
            padding-left: 1px;
            justify-content: center;
            align-items: center;
            font-weight: 900;
        }
                .showing-results{
                display:flex;
                position:absolute;
                font-size: 15px;
                left: 15px;
                }
        .exact-match-label {
    position: relative;
    top: 10px; /* Adjust the value as needed to lower or raise the label */
    display: inline-block;
    font-size: 20px;
    margin-left: 10px; /* Adjust horizontal spacing from search box */
}

                .navigation-trigger{
                display:flex;
                right: 10px;
                position:absolute;
                font-size: 20px;
                }

                .popup_old_items {
                background: rgba(100, 100, 100, 0.6);

                display: none;
                position: fixed;
                z-index: 50;
                padding-top: 100px;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: auto;

                }

                
                 .wrap_old_items

                {
                        position: relative;
                    background-color: #fff;
                    margin: auto;
                    padding: 0;
                    width: 450px;
                    border-radius: 10px;
                        box-shadow: 2px 2px 10px 0px rgba(#000000, 0.4);
                    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
                    -webkit-animation-name: animatetop;
                    -webkit-animation-duration: 0.4s;
                    animation-name: animatetop;
                    animation-duration: 0.4s;
                    border-radius: 0.3rem;

                }

                .navigation-bar{
                width:100%;
                height:auto;
                float:left;
                margin:  0px;
                display: block;
                position: relative;


                }

                /* scroll for drop down filter store */



                /*
                -- Navigation Trigger ------*/


                #myHeader-phone .w3-button{
                font-size: 30px;
                }

						 /* Prevent scrolling inside the wrapper */

               .navigation-bar.mobile-active{
               position: fixed; /* Fix the navigation bar to the viewport */
                  top: 0px;
                  right: 0; /* Change 'left' to 'right' for right side positioning */
                  width: 30%; /* Cover 30% of the screen width from the right */
                  height: 100%; /* Cover the entire screen height */
                  background-color: white; /* Set the background color (optional) */
                  z-index: 30000; /* Set a high z-index to ensure the navigation bar is on top of other elements */
                  flex-direction: column; /* Arrange elements vertically */
                  justify-content: space-between; /* Distribute vertical space between elements */
                  padding: 1rem; /* Add some padding for aesthetics */
                  display: none; /* Initial hidden state (change in JavaScript) */
                    box-shadow: 0 2px 25px 0 rgba(120, 120, 120, 0.6);
                      overflow-y: auto; /* Allow scrolling within the popup menu */

                }


                .navigation-bar.mobile-active.active {
                display: flex;
                }

               /*
                -- navigation-trigger:after -----------------*/

                .navigation-trigger:after {
                            content: "\2261";
                            display: inline-block;
                            padding-left: 10px;
                            justify-content: center;
                            align-items: center;
                            font-weight: 900;
                }

          .close-trigger-btn-text {
                  display: absolute; /* Use flexbox for layout */
                  position: relative;
                  padding: 1rem; /* Optional padding for aesthetics */
                margin-bottom: 190px; /* Space between dropdowns */
                left: -12px;


                }

                .close-trigger-btn-text h4 {
                  font-size: 1.8em;
                  font-weight: bold;
                    text-align: left;
                  color: #838e95;
                  margin: 0; /* Remove default margin */
                  display: block;
                }

                 .close-trigger {
                  font-size: 2.0em;
                  position: absolute;
                  color: #838e95;
                  cursor: pointer; /* Make it clear that this is clickable */
                  right: 5px;
                 padding: 1rem; /* Optional padding for aesthetics */



                }



						/* Ensure dropdowns are styled consistently */
                        .sel{
                            top: -190px;
                            margin-bottom: 15px; /* Space between dropdowns */
                            font-size: 12px;
                            position: relative;
                            left: -12px;
                            display: absolute;
                            border-bottom: 4px solid rgba(0, 0, 0, 0.3);
                        }



                        .sel h4 {
                          display: block;
                          font-size: 2.3em;
                          color: #838e95;
                          padding: 0.2em 0.5em;
                          text-align: left;
                          pointer-events: none;
                          user-select: none;
                          visibility: visible;

                        }
                        .sel::before {
                          position: absolute;
                            content: '\f063';
                            font-family: 'FontAwesome';
                            font-size: 2em;
                            color: #000000;
                            right: 20px;
                            top: calc(50% - 0.5em);
                        }

                        .sel.active::before {
                          transform: rotateX(-180deg);
                        }
                        .menu-drop {
                          display: none; /* Initially hide the checkboxes */
                          position: absolute;
                          color: #838e95;
                          top: calc(100% + 4px);
                          left: 4px;
                          text-align: left;
                          font-size: 1.2em;
                          background-color: white;
                          width: calc(100% + 8px);
                          box-sizing: border-box;
                          max-height: 310px;
                          overflow-y: auto;
                          overflow-x: hidden;
                          flex-direction: column; /* Ensure the labels are displayed vertically */
                        }
                         .menu-drop.active{
                          max-height: 185px;
                          overflow-y: auto;
                          overflow-x: hidden;
                          -webkit-overflow-scrolling: touch;
                          flex-direction: column;
                         display:flex;
                         animation: fadeInUp 500ms;
                         }
                         .menu-drop label {
                          display: block;
                          margin: 5px 0; /* Increase the space between the labels */
                        }


                .popup .closePopup {
  background: linear-gradient(135deg, #e8dfc9, #d6c6a5); /* sand */
  border: 1.5px solid #d4af37;
  color: #2f2a23;
  font-weight: 600;
  border-radius: 40px;
  padding: 14px 30px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: block;
  margin: 10px auto 0 auto;
  font-size: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}


.popup .closePopup:hover {
  background: linear-gradient(135deg, #d6c6a5, #c8b690);
  border-color: #c5a028;
  color: #1e1a15;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transform: translateY(-2px);
}

/* === Popup background === */
.popup .wrap {
  position: relative;
  margin: auto;
  background: linear-gradient(135deg, #4b3621 0%, #3a2c1e 100%);
  border-radius: 16px;
  padding: 0;
  max-width: 450px;
  width: 90%;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.35);
  font-size: 16px;
  color: #f5f5f0;
  animation: fadeIn 0.2s ease-out;
}

.popup h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #d4af37;
}

.popup p {
  font-size: 15px;
  color: #f5f5f0;
  margin-bottom: 20px;
  line-height: 1.4;
}


.popup {
background: rgba(100, 100, 100, 0.6);

display: none;
position: fixed;
z-index: 50;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;

}

.btn-orange {
  display: inline-block;
  margin: 12px 0;
  padding: 14px 32px;
  border-radius: 40px;
  border: 1.5px solid #d4af37; /* subtle gold border */
  background: linear-gradient(135deg, #e8dfc9, #d6c6a5);
  color: #2f2a23;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  letter-spacing: 0.5px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  width: 60%;   /* bigger but still centered */
  max-width: 400px;


}

.btn-orange:hover {
  background: linear-gradient(135deg, #d6c6a5, #c8b690);
  border-color: #c5a028; /* slightly deeper gold on hover */
  color: #1e1a15;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transform: translateY(-2px);
}





                 @media(min-width:821px){


               .tag-container{
               display: none;
               }
               
               .menu-small-screen {
                display:none;

                }

               }

             .navigation-bar.mobile-active.active .remove-filter-mobile {
    letter-spacing: 6px;
    font-family: "Raleway", Arial, sans-serif;
    font-size: 20px !important; /* Force the font size */
    width: 98%; /* Make it take the whole width */
    max-width: none; /* Remove max-width limitation */
    display: absolute;
    position: relative; /* Use absolute positioning within the navigation bar */
    z-index: 10;
    padding: 10px; /* Adjust padding as needed */
    background: white;
    text-align: center; /* Center the text */
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    cursor: pointer;
     color: #838e95;
    border: 1px solid #838e95;
    border-radius: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
   margin-bottom: 15px; /* Space between dropdowns */
                   top:-140px;

}

                .navigation-bar.mobile-active.active .show-filter-result-mobile {
                   top:-140px;
    letter-spacing: 6px;
    font-family: "Raleway", Arial, sans-serif;
    font-size: 20px; /* Make sure this is the desired size */
    width: 98%; /* Make it take the whole width */
    max-width: none; /* Remove max-width limitation */
    display: absolute;
    position: relative; /* Use absolute positioning within the navigation bar */
    z-index: 10;
    padding: 10px; /* Adjust padding as needed */
    background: black; /* Lighter black background */
    text-align: center; /* Center the text */
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    cursor: pointer;
    color: #838e95;
    margin-bottom: 15px; /* Space between dropdowns */

}


                @media(max-width:820px){
                     .filter_search_hide.active_sticky{
                     display:none;
                     }

                       .g-recaptcha {
                        transform: scale(0.85);
                        transform-origin: 0 0;
                      }

                    .popup {
                        background: rgba(100, 100, 100, 0.6);

                        display: none;
                        position: fixed;
                        z-index: 50;
                        padding-top: 100px;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        overflow: auto;

                    }


                .btn-orange {
                    width: 85%;
                    font-size: 0.95rem;
                  }



                    .search-box {
                  position: relative;
                  width: 100%;
                  max-width: 360px;
                  height: 60px;
                  border-radius: 120px;
                  margin: 0 auto;
                  margin-top: 40px;
                  display: block;

                }

               #products {
        grid-template-columns: repeat(2, 1fr); /* Two columns for screens wider than 600px */
        margin: 0 1em; /* Adjust the margin for smaller screens */
    }

            .card {

                background-color: #ffffff;
                max-width: 15em;
                margin-top: 1em;
                padding: 1em;
                border-radius: 5px;
            }

            .image-container {
                display: inline-block;
                position: relative;
                text-align: center;
            }

            img {
                width: 100%;
                height: auto;
                vertical-align: middle;
            }

             .far {
                            font-size: 25pt;
                            position: absolute;
                            padding: 16px;
                            color: black;
                            top: 0px;
                            left: 55%;
                            }

                             .fas {
                            font-size: 25pt;
                            padding: 16px;
                            color: red;
                                position: absolute;
                                top: 0px;
                            left: 55%;
                            }

                            .heart {

                            font-size: 25pt;
                            padding: 16px;

                            position: absolute;

                            cursor: pointer;
                             top: 0px;
                            left: 55%;
                            }

            .pulse {
                animation: pulse .5s;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.1); }
                100% { transform: scale(1); }
            }

            .container {
                padding-top: 1em;
                color: #110f29;
            }

            .container h5, .container h6 {
                font-weight: 500;
               font-size: 14px; /* or 1rem / 0.875rem */

            }

            .container h7,
            .container h43,
            .container h10 {
                display: none;
            }

            .hide {
                display: none;
            }

               #myHeader {
               display: none;
               }
               .head-big-screen {
               display: none;
               }
                /* Prevent scrolling inside the wrapper */

               .navigation-bar.mobile-active {
              position: fixed;  /* Fix the navigation bar to the top of the screen */
              top: 0px;
              width: 100%;  /* Cover the entire screen width */
              height: 100%;  /* Cover the entire screen height */
              background-color: white;  /* Set the background color to black */
              z-index: 30000;  /* Set a high z-index to ensure the navigation bar is on top of other elements */
              display: flex;  /* Enable flexbox for layout */
              flex-direction: column;  /* Arrange elements vertically */
              justify-content: space-between;  /* Distribute vertical space between elements */
              padding: 1rem;  /* Add some padding for aesthetics */
              display: none;
              overflow-y: auto; /* Allow scrolling within the popup menu */

            }

             /* Filter choice user 2 button styles */
        .filter_choice_user_2 button {
             margin: 0 0 5px 10px;
             left: 0px;
            position:relative;
            border-bottom: 2px solid rgba(0, 0, 0, 0.3);
            color: #111;
            font-size: 15px;
            text-transform: uppercase;
            background: #FFFFFF;
            margin-top: 31px;

        }

        /* Add icon to the button */
        .filter_choice_user_2 button:after {
            font-family: "Font Awesome 5 Free";
            content: "\292B";
            padding-left: 1px;
            justify-content: center;
            align-items: center;
            font-weight: 900;
        }


                .showing-results{
                display:flex;
                position:absolute;
                font-size: 15px;
                left: 10px;
                }

                .navigation-trigger{
                display:flex;
                right: 10px;
                position:absolute;
                font-size: 15px;
                }

                .navigation-bar.mobile-active.active {
                display: flex;

                }

               /*
                -- navigation-trigger:after -----------------*/

                .navigation-trigger:after {
                            font-family: "Font Awesome 5 Free";
                            content: "\2261";
                            display: inline-block;
                            padding-left: 10px;
                            justify-content: center;
                            align-items: center;
                            font-weight: 900;
                }

                        .tag-container {
                display:flex;
                text-align: left;
                position:absolute;
                font-size: 20px;
                top:370px;
                                }

                                button {
                                    padding: 10px 20px;
                                    margin: 5px;
                                }

                                .hidden {
                                    display: none;
                                }

                        /* Ensure dropdowns are styled consistently */
                        .sel{
                            top: -190px;
                            margin-bottom: 15px; /* Space between dropdowns */
                            font-size: 12px;
                            position: relative;
                            left: -12px;
                            display: absolute;
                            border-bottom: 2px solid rgba(0, 0, 0, 0.3);

                        }
                        .sel h4 {
                          display: block;
                          font-size: 2.3em;
                          color: #838e95;
                          padding: 0.2em 0.5em;
                          text-align: left;
                          pointer-events: none;
                          user-select: none;
                          visibility: visible;

                        }
                        .sel::before {
                          position: absolute;
                            content: '\f063';
                            font-family: 'FontAwesome';
                            font-size: 2em;
                            color: #000000;
                            right: 20px;
                            top: calc(50% - 0.5em);
                        }

                        .sel.active::before {
                          transform: rotateX(-180deg);
                        }
                        .menu-drop {
                          display: none; /* Initially hide the checkboxes */
                          position: absolute;
                          color: #838e95;
                          top: calc(100% + 4px);
                          left: 4px;
                          text-align: left;
                          font-size: 1.2em;
                          background-color: white;
                          width: calc(100% + 8px);
                          box-sizing: border-box;
                          max-height: 310px;
                          overflow-x: hidden;
                          overflow-y: auto;
                          flex-direction: column; /* Ensure the labels are displayed vertically */
                        }
                         .menu-drop.active{
                         display:flex;
                         animation: fadeInUp 500ms;
                         }
                         .menu-drop label {
                          display: block;
                          margin: 5px 0; /* Increase the space between the labels */
                        }

                        .scroller-box .search:focus {
                    width: 100px; /* Bar width+1px */
                    padding: 0 16px 0 0;

                }

                .wrap_old_items

                {
                        position: relative;
                    background-color: #fff;
                    margin: auto;
                    padding: 0;
                    width: 380px;
                    border-radius: 10px;
                        box-shadow: 2px 2px 10px 0px rgba(#000000, 0.4);
                    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
                    -webkit-animation-name: animatetop;
                    -webkit-animation-duration: 0.4s;
                    animation-name: animatetop;
                    animation-duration: 0.4s;
                    border-radius: 0.3rem;

                }

                        }