/*
 * Custom style
 */
.material-symbols-outlined {
    font-variation-settings:
            'FILL' 1,
            'wght' 700,
            'GRAD' 0,
            'opsz' 48
}
body {
    background-color: #d5d5d587;
}
p{
    margin-bottom: 0px !important;
}
.tel-num {
    color: #bc0d10;
    cursor: pointer;
}

.numpad .btn-group,
.numpad .btn-group-sm {
    justify-content: center;
}
.numpad .btn-group > .btn,
.numpad .btn-group-sm > .btn {
    color: #818a8f;
    border-radius: 50% !important;
    font-size: 25px;
    flex: none;
    padding: 0.5rem 1.3rem;
    margin: 0.8rem 2rem;
}
#calltimer {
    color: #626970;
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 140px;
}
#callBtn {
    font-weight: 500;
    display: flex;
    background-color: #d10a11;
    color: #fff;
    border: 1px solid #d10a11;
    box-shadow:0px 5px 12px -5px #000;
}
#callBtn > img {
    width:42px;
    padding-right: 5px;
}
#callBtn .material-symbols-outlined {
    font-size: 30px !important;
    font-weight: 400 !important;
}

#stopCallBtn {
    border: 4px solid #d10a11;
    background-color: transparent;
    width: 255px;
    height: 61px;
    box-shadow:0px 5px 12px -5px #000;
}
#stopCallBtn > img {
    width: 47px;
}
#stopCallBtn .material-symbols-outlined {
    color: #d10a11;
    font-size: 40px !important;
}

#info {
    background-color: #c4c4c4;
    max-width: 500px;
    margin: 0 auto;
    color: #626970;
    border-radius: 20px;
    width: 20rem;
    border: 1px solid #c4c4c4;
    font-weight: 600;
}
#info a {
    color: #bc0d10;
    text-decoration: none;
}

#logo {
    margin-top: 24px;
    margin-right: -43.5px;
    /*margin-bottom: 49px;*/
}
.language-switcher {
    float: right;
    margin: 1.5rem auto;
}
/* fallback */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v220/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
  }

  .material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
  }
#waitButton {
    font-weight: 500;
    display: flex;
    background-color: #d10a11;
    color: #fff;
    border: 1px solid #d10a11;
    box-shadow:0px 5px 12px -5px #000;
}