/* Shared width */
    :root {
      --box-width: 75px;  /* Adjust width to 75px */
    }

    body {
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
      background: #f0f0f0;
    }

    /* Enquiry Tab */
    .enquiry-tab {
      position: fixed;
      right: 20px;
      bottom: 90px;
      background-color: #000000;
      color: white;
      padding: 10px 0;
      cursor: pointer;
      font-weight: bold;
      border-radius: 0px 0px 8px 8px;
      z-index: 1000;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
      text-align: center;
      width: var(--box-width);
      font-size: 12px;  /* Adjust font size for the smaller width */
    }

    /* Enquiry Box */
    .enquiry-box {
      position: fixed;
      right: 20px;
      bottom: -330px;
      width: var(--box-width);
      background-color: #ffffff;
      color: #000;
      border: 1px solid #ddd;
      border-radius: 10px 10px 0 0;
      box-shadow: 0 0 10px rgba(0,0,0,0.3);
      transition: bottom 0.4s ease;
      z-index: 999;
      overflow: hidden;
      text-align: center;
    }

    .enquiry-box.open {
      bottom: 125px;
    }

    .enquiry-box .header {
      background-color: #000000;
      color: white;
      padding: 10px;
      font-weight: bold;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 20px;  /* Adjust header font size */
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .enquiry-box .close-btn {
      cursor: pointer;
      font-size: 18px;
      font-weight: bolder;
      padding: 0 8px;
      color: white;
    }

    .contact-method {
      padding: 8px 5px; /* Reduced padding to fit icons */
      border-top: 1px solid #eee;
      display: flex;
      justify-content: center;  /* Centering the icon and text vertically */
      align-items: center;
      gap: 5px;
      cursor: pointer;
      font-size: 12px;  /* Adjusted font size */
    }

    .contact-method i {
      font-size: 18px;  /* Adjusted icon size */
     
      width: 20px;
    }

    /* .contact-method:hover {
      scale: 1.1%;
    } */
    .phone{
      background-color: #c44e19;
      color: #ffffff;
    }
    .whatsapp{
      background-color: #ffffff;
      color: #070479;
    }
    .envelope{
      background-color: #02542d;
      color: #ffffff;
    }