.login_form {
  background-color: #fff;
  padding:10px 30px !important;
  border-radius:15px;
  min-height: 400px;
  box-shadow: 0 5px 10px 1px #3b37373a;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  -ms-border-radius:15px;
  -o-border-radius:15px;
}

.loginBox,
.infoBox {

  width: 100%;

  height: max-content;

  display: flex;

  align-items: flex-start;

  justify-content: center;

}

.logo {

  display: block;

  margin: 0 auto;

  width: 170px;


}

.login_form h1 {

  font-size: 25px !important;

}

.infoBox h2 {

  font-size: 35px;

  color: #3b3737;

}



.infoBox h3 {

  font-size: 20px;

  color: #3b3737;



}



.infoBox h4 {

  font-size: 20px !important;

  color: #3b3737;



}

.cmm_show {

  display: block;

  width: 150px;

}



.lodaer {

  background-color: #f0f0f050;

  z-index: 99999999999999999999999;

}

.lodaer.fade {

  pointer-events: none !important;

}

.lodaer img {

  width: 100px;

  height: 100px;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}


.checkbox-wrapper:hover .check {
  stroke-dashoffset: 0;
}

.checkbox-wrapper {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
}

.checkbox-wrapper .background {
  fill: #0fabe9;
  transition: ease all 0.6s;
  -webkit-transition: ease all 0.6s;
}

.checkbox-wrapper .stroke {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  stroke-dashoffset: 100;
  stroke-dasharray: 100;
  transition: ease all 0.6s;
  -webkit-transition: ease all 0.6s;
}

.checkbox-wrapper .check {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  stroke-dashoffset: 22;
  stroke-dasharray: 22;
  transition: ease all 0.6s;
  -webkit-transition: ease all 0.6s;
}

.checkbox-wrapper input[type=checkbox] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0;
  opacity: 0;
  -appearance: none;
  -webkit-appearance: none;
}

.checkbox-wrapper input[type=checkbox]:hover {
  cursor: pointer;
}

.checkbox-wrapper input[type=checkbox]:checked+svg .background {
  fill: #1186b4;
}

.checkbox-wrapper input[type=checkbox]:checked+svg .stroke {
  stroke-dashoffset: 0;
}

.checkbox-wrapper input[type=checkbox]:checked+svg .check {
  stroke-dashoffset: 0;
}

.support {
  position: fixed;
  bottom: 15px;
  left: 15px;
  background-color: #03a9f4;
  border-radius: 50%;
  padding: 10px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.support span {
  font-size: 40px;
  color: #fff;
  margin-top: 5px;
  display: none;
}

.support img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.suuportBody {
  overflow: hidden;

}

.support:hover {
  transform: scale(1.2);
}

.header-q {
  height: 300px;
  background: url(../img/h-bg.jpg);
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.header-q h1 {
  color: #fff;
  position: absolute;
  z-index: 100;
}

.header-q img {
  position: absolute;
  z-index: 100;
  margin-top: -120px;
  width: 220px;
}

.header-q::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3b3737b5;
  content: "";
}


.q-answer{
  width: 100%;
  min-height: 200px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 15px;
}
.q_headers{
  margin-right: 10px;
  width: 120px;

  display: flex;
  flex-direction: column;
}
.q_headers img{
  border-radius: 50%;
  border: 2px solid #3b37372b;
  width: 75%;
  height: 75%;
  object-fit: cover;
  padding: 5px;
}
.q_bodys{
  width: 100%;
  height: 200px;
  border: 1px solid #3b37372b;
  border-radius: 5px;
  padding: 15px;
}
.quest_list a {
  text-align: center;
  justify-content: center;
  text-align: center !important;
}
.quest_list h3{
  font-size: 15px;
}


@media screen and (max-width:768px) {

  .quest_list a {
    max-width: 300px;
    margin: 0 auto !important;
    text-align: center;
    justify-content: center;
    text-align: center !important;
  }
}

@media screen and (max-width:552px) {

  .questin_info {
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .question_items_list {
    flex-direction: column !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .nav-item {
    width: 100% !important;
    text-align: center;
  }
  .nav-item a{
    border-radius: 5px !important;

  }
  .nav-item a.active{
    border: 1px solid #dee2e6 !important;
  }
  .q-answer{
    flex-direction: column !important;
    justify-content: center;
    align-items: center;
  }
  .q_headers{
    align-items: center;
    margin-bottom: 15px;
  }
}