@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap');

#pudo-list
{
    width: 100%;
    height: 600px;
    margin-bottom: 10px;
	font-family: 'Titillium Web', sans-serif;
}

#pudo-list-view
{
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.pudo-point
{
    width: 100%;
    padding: 10px 20px;
    cursor: pointer;
    border: 2px solid #fff;
}

.pudo-point:nth-of-type(odd)
{
    background-color: #f0f0f0;
    border: 2px solid #f0f0f0;
border-radius: 20px;
}
.pudo-point.active {
border: 2px solid #e10024;
border-radius: 20px;
}
#pudo-info-box
{
    display: inline-block;
    width: 60%;
    height: 100%;
    overflow: hidden;
    padding: 2em;
}
.pudo-point h3 {
font-size: 18px;
line-height: 26px;
font-family: "Titillium Web",sans-serif;
font-weight: 600;
color: #cf202f;
	margin: 0px;
	}
.pudo-point h5 {
font-size: 16px;
font-family: "Titillium Web",sans-serif;
font-weight: 400;
color: #666;
	}

.pudo-point.active h5{
    font-weight: 600;
}
	
	
.wrapper {
  position: relative;
  padding-top: 12px;
}

.trigger {
  margin-bottom: 10px;
}

.popcontent {
visibility: hidden;
width: 260px;
left: -20px;
position: absolute;
background: #fff;
z-index: 9999;
padding: 20px;
border-radius: 15px;
box-shadow: 0 0px 5px rgba(0,0,0,0.1);
font-size: 13px;

}

.popcontent:before {
position: absolute;
top: -10px;
content: "";
left: 25px;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #fafafa transparent;

}

.wrapper:hover .popcontent {
  visibility: visible;
}

@media screen and (max-width: 767px) {

  .iconanomob {
    display: none;
  }
  
  .normal-text-mobile {
    text-align: inherit !important;
  }

}