#location-list-widget-section{
 background-color: #161768;  
 padding: 40px 20px;
 border-radius: 16px;
  background-image: url("https://xgolfcomaudev.wpengine.com/wp-content/uploads/2025/05/BG-Img-1.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

   .book-now-location-header-home{
     display: flex;
     align-items: center;
     justify-content: space-between;
   } 
      .book-now-location-header-home h2{
          color: rgba(255, 255, 255, 1);
          text-align: center;
          font-family: "ITC Franklin Gothic Demi Compressed", Sans-serif;
          font-size:38px;
          font-weight: 600;
          margin:0 !important;
      }
        .book-now-location-header-home select{
                -webkit-appearance: none; 
    -moz-appearance: none;   
    appearance: none;  
        border-radius: 30px;
        padding: 13px 24px;
        width: 100%;
        color:#FFFFFFB2;
        font-size: 16px;
        font-weight: 500;
        outline: none;
        border: 1px solid #FFFFFF3D;
          background-color: #161768; 
        }
          
         .current-location-button{
             display: flex;
             align-items: center;
             justify-content: space-between;
         }  
            
  .view-location-button{
      text-decoration: underline;
  }
  
  .current-location-button a {
      color: #777E90;
      font-size: 16px;
      font-weight: 400;
      text-decoration: underline;
  }
         .current-location-button button{
             background: none;
             border : none;
             display: flex;
             align-items: center;
             gap: 10px;
             color: rgba(255, 255, 255, 0.7);
             margin-top: 15px;
             font-family: "ITC Franklin Gothic Standard Book", Sans-serif;
             cursor:pointer;
         }
         #locations-list-home{
                        display: grid;
           grid-template-columns: 1fr 1fr 1fr;
           gap:8px;
             list-style: none;
margin: 30px 0;
         }
        .book-now-location-header-home .custom-select{
             width: 40%;
             position: relative;
         }
        .book-now-location-header-home .custom-select svg{
            position : absolute; 
             top:50%;
             right: 25px;
             transform: translateY(-50%);
             width: 16px;
         }
         .select-location-text{
             color: #777E90;
              font-family: "ITC Franklin Gothic Standard Book", Sans-serif;
              font-size: 16px;
             padding: 20px;
             padding-bottom:0;
         }
        
          #locations-list-home li{
              background-color: #32337A;
              border-radius: 8px;
               padding: 10px ;
               position: relative;
          }
           #locations-list-home li label{
               flex:1;
           }
           #locations-list-home li p{
               font-size: 13px;
               font-weight: 400;
               font-family: "ITC Franklin Gothic Standard Book", Sans-serif;
               max-width: 300px;
               white-space: nowrap;
               overflow: hidden; 
               text-overflow: ellipsis;
               color:#777E90;
           }
    

           #locations-list-home li h2{
               color: #fff;
               font-size: 22px;
               font-weight: 600;
             font-family: "ITC Franklin Gothic Demi Compressed", Sans-serif;
               margin:0;
              display: flex;
              justify-content: space-between;
           }
        
            #locations-list-home li h2 a{
                color: #7A99E0;
                font-size: 13px;
                text-decoration: underline;
                font-weight: 400;
                letter-spacing: 0;
                text-transform: capitalize;
                 font-family: "ITC Franklin Gothic Demi Compressed", Sans-serif;
            }
        
        .current-location-button-mobile{
            display: none;
        }
        
        
        @media(max-width: 1000px){
            #locations-list-home{
                
                grid-template-columns: 1fr 1fr;
            }  
            
        }
        
              
            @media(max-width: 768px){
               
                .current-location-button-mobile{
                   display: block; 
                }
                .current-location-button button{
                    margin:0;
                }
                .current-location-button{
                   justify-content: center ;
                   margin-bottom: 30px;
                }
                .current-location-button-desktop{
                  display: none !important;  
                }
                #location-list-widget-section{
                    padding: 20px 0;
                    border-radius: 0;
                }
                .book-now-location-header-home{
                    flex-direction: column;
                }
                
                 .book-now-location-header-home .custom-select{
                     width: 100%;
                 }
                
             #locations-list-home{
                grid-template-columns: 1fr;
                margin-bottom:0;
            } 
                .book-now-location-header-home{
                    padding: 20px 10px;
                    padding-top:30px;
                }
               .book-now-location-header-home h2{
                   font-size: 30px;
                   line-height: 40px;
                   margin-bottom: 10px !important;
               } 
               #locations-list-home{
                   
                   padding:15px;
                   padding-top:0;
               }
               #locations-list-home li{
                   gap: 20px;
               }
             
                 #locations-list-home li p{
                     font-size:13px;
                     max-width: 220px;
                 }
            }