/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
ul,
ol {
  padding-left: 2rem;
}

ul li,
ol li {
  padding-left: 0.5rem;
}


a.download-btn3,
a.download-btn3:link,
a.download-btn3:visited,
a.download-btn3:active,
a.download-btn3:hover,
a.download-btn3:focus {
  color: #993747 !important;
  text-decoration: none !important;
}

a.download-btn3 {
  display: inline-block;
  padding: 12px 28px;
  border: 2px solid #993747;
  border-radius: 999px;
  background-color: transparent;
  font-weight: 600;
  font-family: inherit;
  font-size: 13pt;
  transition: background-color 0.2s ease, color 0.2s ease;
}

a.download-btn3:hover,
a.download-btn3:focus {
  background-color: #993747;
  color: #ffffff !important;
}




.wapp-btn3 a,
.wapp-btn3 a:link,
.wapp-btn3 a:visited,
.wapp-btn3 a:active,
.wapp-btn3 a:hover,
.wapp-btn3 a:focus {
    color: #fff !important;
    text-decoration: none !important;
}

.wapp-mobile{
    display: none;
}

.wapp-btn3 a {
    position: fixed;
    bottom: 90px;
    right: 26px;
    z-index: 9999;
    font-size: 25px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    border-radius: 50%;
    width: 39px;
    height: 39px;
    background-color: #069851;
    color: #fff;
    transition: 0.3s;
}

.wapp-btn3 a:hover {
    background: #5b5247;
    color: #00E676;
}

@media (max-width: 768px){

.wapp-browser{
    display: none;
}

.wapp-mobile{
    display: block;
}

.wapp-btn3 a {
    position: fixed;
    bottom: 90px;
    right: 26px;
}