.header-login-block .divider {
     clear: both;
     text-align: center;
     padding: 0;
     margin: 10px 0px 2px;
     background: #c4c4c44d;
     height: 2px;
     position: relative;
     width: 100%;
     display: block;
 }

 .header-login-block .divider span {
     top: -11px;
     position: absolute;
     left: 45%;
     width: 32px;
     background: #fff;
     font-size: 0.98rem;
     color: #546E7A
 }

 .form-login-go .btn-office {
     color: #dc3545;
 }

 .form-login-go .btn-office:hover {
     color: #fff;
 }

 .tooltip.header-login-tooltip {
     z-index: 1110;
     font-size: 1rem;
     font-family: "Google Sans", "Noto Sans", "Noto Sans Thai UI", Helvetica, Arial, sans-serif;
 }

 .tooltip.header-login-tooltip .tooltip-inner {
     text-align: left;
     max-width: 400px;
 }

 .alumni-popover {
     color: #424242;
     font-size: 0.98rem;
 }

 .alumni-popover:hover {
     color: #1E88E5;
     cursor: pointer;
 }

 .popover {
     z-index: 99999;
     font-size: .98rem;
     background: #0A0A0A;
 }

 .popover-body {
     color: #fff;
 }

 .bs-popover-top>.arrow::before,
 .bs-popover-top>.arrow::after {
     border-top-color: #0A0A0A;
 }


 .btn-grad {
     background-image: linear-gradient(to right, #0575E6 0%, #021B79 51%, #0575E6 100%);
     margin: 0px;
     padding: 10px 45px;
     text-align: center;
     text-transform: uppercase;
     transition: 0.5s;
     background-size: 200% auto;
     color: white !important;
     box-shadow: 0 0 20px #eee;
     border-radius: 30px;
     display: block;
     font-weight: 500 !important;
     font-size: 1.1rem !important;
 }

 .btn-grad:hover {
     background-position: right center;
     /* change the direction of the change here */
     color: #fff !important;
     text-decoration: none;
 }



 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
     color: #484848 !important;
     background-color: #d2deeb !important;
 }