@media only screen and (max-width: 768px) {
.btn-group {
    width: 100%;
    margin-bottom: 10px;
}
.bi.bi-info-circle {
    display: none;
}
.col-auto {
    margin-right: auto;
    margin-left: auto;
    font-size: 15px;
}
}

.text-capitalize.text-center {
    font-variant: small-caps;
    font-weight: bold;
    color: #fff;
}

.logo-header {
    padding:10px;
    margin-bottom: 0;
    background: #6523ff;
    background-image: linear-gradient(110deg,rgba(255,255,255,0.1) 16%,rgba(255,255,255,0.1) 17%,rgba(255,255,255,0.05) 17%,rgba(255,255,255,0.05) 23%,transparent 8.5%,transparent 78%,rgba(255,255,255,0.05) 78%,rgba(255,255,255,0.05) 84%,rgba(255,255,255,0.1) 84%,rgba(255,255,255,0.1));
    border-radius: 10px 10px 0 0px;
}

.card-login {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 0px 0 30px rgb(1 41 112 / 12%);
}

a {
    color: #556ee6;
    text-decoration: none!important;
}

a:hover{
    color: #f79b42;
    text-decoration: none!important;
}



/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.section-title {
  text-align: center;
}
.section-title h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #37517e;
}
.section-title h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}
.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #ff2b6e;
  bottom: 0;
  left: calc(50% - 20px);
}