#clickHotline {
     width: 50px;
     height: 50px;
     position: fixed;
     bottom: 20px;
     right: 10px;
     cursor: pointer;
     z-index: 999;
     background: url(../../../images/frontend/2/hotline.png) center center no-repeat;
     border: none;
}

#semuaHotlineCaption {
     position: fixed;
     bottom: 70px;
     right: 10px;
     z-index: 998;
     background: white;
     padding: 10px;
     font-size: 16px;
     border-radius: 15px;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#semuaHotline {
     position: fixed;
     bottom: -100px;
     right: 10px;
     z-index: 999;
     opacity: 0;
     background: #00A0E9;
     padding: 20px;
     border-radius: 15px;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     border: 1px solid white;
     color: white;
     font-size: 20px;
}

#semuaHotline li {
     display: grid;
     grid-template-columns: 2fr 30px;
     align-items: center;
     justify-content: center;
     margin-bottom: 10px;
     grid-gap: 10px;

}

#semuaHotline img {
     height: 25px;
     text-align: right;
}

#semuaHotline a {
     font-size: 20px;
     color: white;
}

#semuaHotline a:hover {
     color: #d0d0d0;
}

.kliklangsung {
     font-size: 12px;
}


.hotline-atas  {
     color: rgb(148, 148, 148);
}
.hotline-atas a {
     color: white;
}

.hotline-atas a:hover {
     background-image: linear-gradient(black, #545454);
     color: #f60;
}

.hotline-atas img {
     height: 20px;
}


.hotline-bawah li {
     border-bottom: 1px solid #444140;
     display: grid;
     grid-template-columns: 1fr 1fr;
     padding-bottom: 10px;
     margin-bottom: 10px;
}

.hotline-bawah strong {
     justify-content: flex-start;
     align-content: center;
     display: grid;
     font-size: 13px;
}

.hotline-bawah span {
     justify-content: flex-end;
     align-content: flex-end;
     display: grid;
}



.hotline-bawah a {
     color: white;
     background-image: linear-gradient(white, #cbcbcb);
     padding: 10px 20px;
     border-radius: 25px;
     border: 1px solid black;
     font-size: 12px;
     box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
     color: #FD5503;
     display: inline-block;
     text-align: center;
}

.hotline-bawah a:hover {
     background: black;
     color: #f60;

}

.hotline-bawah img {
     height: 20px;
     margin-right: 5px;
}

@media (max-width: 740px) {
     .hotline-atas-container {
          margin-top: 20px;
          padding: 0px 10px;
     }

     .hotline-atas li {
          display: grid;
          grid-template-columns: max-content 1fr;
          padding-bottom: 10px;
          margin-bottom: 10px;
          border-bottom: 1px solid #4b5761;
     }

     .hotline-atas strong {
          align-items: center;
          display: inline;
     }

     .hotline-atas a {
          justify-content: center;
          align-content: center;
          display: grid;
     }

     .hotline-atas span {
          justify-content: flex-end;
          align-content: flex-end;
          display: grid;
     }
}

@media (min-width: 741px) {
     .hotline-atas-container {
          justify-content: flex-end;
          align-content: center;
          display: grid;
     }

     .hotline-atas li {
          text-align: right;
          margin: 0px 0px 20px 0px;
     }
}

@media (min-width: 992px) {
     .hotline-atas li {
          float: left;
          margin: 0px 0px 0px 10px;
     }
}