/* Styling the container */
.bot-button {
    position: fixed;  /* Fixes the position in the viewport */
    bottom: 10px;     /* Distance from the bottom edge */
    right: 15px;      /* Distance from the right edge */
    z-index: 1000;    /* Ensure it stays on top of other elements */
    cursor: pointer;  /* Cursor changes to pointer on hover */
    text-decoration: none; /* Remove any default link styling */
  }
  
  /* Styling the image */
  .bot-image {
    width: 90px;      /* Adjust the size as needed */
    height: auto;     /* Maintain the aspect ratio */
    transition: transform 0.3s ease; /* Smooth animation on hover */
  }
  
  /* Hover effect for the image */
  .bot-button:hover .bot-image {
    transform: scale(1.1); /* Slightly increases the size on hover */
  }
  
  
  body > button{
  
  background: none;
  border: none;
  }
  
  
  
  
  @media (min-width: 18in) and (max-width: 22in) {
  
    .bot-button {
      position: fixed;  /* Fixes the position in the viewport */
      bottom: 10px;     /* Distance from the bottom edge */
      right: 15px;      /* Distance from the right edge */
      z-index: 1000;    /* Ensure it stays on top of other elements */
      cursor: pointer;  /* Cursor changes to pointer on hover */
      text-decoration: none; /* Remove any default link styling */
    }
    
    /* Styling the image */
    .bot-image {
      width: 90px;      /* Adjust the size as needed */
      height: auto;     /* Maintain the aspect ratio */
      transition: transform 0.3s ease; /* Smooth animation on hover */
      opacity: 1;
    }
  
  }
  


  @media (min-width: 15in) and (max-width: 18in) {
  
  
    .bot-button {
      position: fixed;  /* Fixes the position in the viewport */
      bottom: 10px;     /* Distance from the bottom edge */
      right: 18px;      /* Distance from the right edge */
      z-index: 1000;    /* Ensure it stays on top of other elements */
      cursor: pointer;  /* Cursor changes to pointer on hover */
      text-decoration: none; /* Remove any default link styling */
    }
    
    /* Styling the image */
    .bot-image {
      width: 85px;      /* Adjust the size as needed */
      height: auto;     /* Maintain the aspect ratio */
      transition: transform 0.3s ease; /* Smooth animation on hover */
      opacity: 1;
    }
  
  
  
  }
  
   @media (min-width: 11in) and (max-width: 15in) {
  
  
    .bot-button {
      position: fixed;  /* Fixes the position in the viewport */
      bottom: 8px;     /* Distance from the bottom edge */
      right: 12px;      /* Distance from the right edge */
      z-index: 1000;    /* Ensure it stays on top of other elements */
      cursor: pointer;  /* Cursor changes to pointer on hover */
      text-decoration: none; /* Remove any default link styling */
    }
    
    /* Styling the image */
    .bot-image {
      width: 75px;      /* Adjust the size as needed */
      height: auto;     /* Maintain the aspect ratio */
      transition: transform 0.3s ease; /* Smooth animation on hover */
      opacity: 1;
    }
  
  }






  @media (min-width: 6in) and (max-width: 11in) {

    .bot-button {
      position: fixed;  /* Fixes the position in the viewport */
      bottom: 8px;     /* Distance from the bottom edge */
      right: 12px;      /* Distance from the right edge */
      z-index: 1000;    /* Ensure it stays on top of other elements */
      cursor: pointer;  /* Cursor changes to pointer on hover */
      text-decoration: none; /* Remove any default link styling */
    }
    
    /* Styling the image */
    .bot-image {
      width: 90px;      /* Adjust the size as needed */
      height: auto;     /* Maintain the aspect ratio */
      transition: transform 0.3s ease; /* Smooth animation on hover */
      opacity: 1;
    }

  }