@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body {
    font-family: 'Roboto Condensed', sans-serif;
}
.ar{
  font-family: 'Josefin Sans', sans-serif !important;
}
.no-offer-box {
    padding: 10% 20% 10% 20%;
    margin: 0 10% 0 10%;
    border-style: solid;
    border-width: 1px;
    border-color: #169a5a;
    font-size: 18dp;
}

/* Set the size of the div element that contains the map */
#map {
    height: 400px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
 }
 #detail-table {
    border-collapse: collapse;
    width: 100%;
    font-weight: 100;
    font-size: 14px;
  }
  
  #detail-table td, #detail-table th {
    border: 1px solid #ddd;
    padding: 8px;
  }
  
  #detail-table tr:nth-child(even){background-color: #f2f2f2;}
  
  #detail-table tr:hover {background-color: #ddd;}
  
  #detail-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #F99A6D;
    color: white;
  }
  
.offer-section {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;

}
.offer-image{
    width:100%;
}
.offer-button{
    text-align: center;
    position: absolute;
    margin-bottom: 48px;
    
}
.response-div{
    height: 64px;
    font-size:22px;
    background-color:#459b5b33;
    color:#459b5b;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    border: 1px solid #459b5b;
}

.monthlydeal-button{
    text-align: center;
    /*position: absolute;*/
    /*margin-bottom: 55px;*/
}