:root {
  --bs-link-color: #f40b73 !important;
  --bs-link-hover-color: #e00768 !important;
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem #e0076938 !important;
  opacity: 1;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.form-control:focus,
.uneditable-input:focus {
  border-color: rgb(244 11 115) !important;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.075) inset, 0 0 0 4px rgb(244 11 115 / 30%) !important;
  outline: 0 none;
}

@font-face {
  font-family: uni sans regular;
  src: url(../fonts/Uni-Sans-Regular.eot);
  src: url(../fonts/Uni-Sans-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Uni-Sans-Regular.woff2) format("woff2"), url(../fonts/Uni-Sans-Regular.woff) format("woff"), url(../fonts/Uni-Sans-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: uni sans semi;
  src: url(../fonts/Uni-Sans-SemiBold.eot);
  src: url(../fonts/Uni-Sans-SemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/Uni-Sans-SemiBold.woff2) format("woff2"), url(../fonts/Uni-Sans-SemiBold.woff) format("woff"), url(../fonts/Uni-Sans-SemiBold.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: uni sans bold;
  src: url(../fonts/Uni-Sans-Bold.eot);
  src: url(../fonts/Uni-Sans-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Uni-Sans-Bold.woff2) format("woff2"), url(../fonts/Uni-Sans-Bold.woff) format("woff"), url(../fonts/Uni-Sans-Bold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: uni sans heavy;
  src: url(../fonts/Uni-Sans-Heavy.eot);
  src: url(../fonts/Uni-Sans-Heavy.eot?#iefix) format("embedded-opentype"), url(../fonts/Uni-Sans-Heavy.woff2) format("woff2"), url(../fonts/Uni-Sans-Heavy.woff) format("woff"), url(../fonts/Uni-Sans-Heavy.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

body {
  font-family: uni sans regular;
  font-style: normal;
  -moz-font-feature-settings: "kern";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.animation {
  animation: bg-animation 2s infinite;
  -webkit-animation: bg-animation 2s infinite
}

@keyframes notifications {
  0% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg)
  }

  10% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg)
  }

  15% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg)
  }

  20% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg)
  }
}

@keyframes archiveAnimation {
  to {
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    opacity: 0
  }
}

@keyframes deleteAnimation {
  to {
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    opacity: 0
  }
}

@keyframes bg-animation {
  from {
    background-position: 100% 100%
  }

  to {
    background-position: 0 0
  }
}

button {
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

.color-pink {
  color: #fff;
  border: 1px solid #ff0073 !important;
  text-decoration: none
}

.color-pink-icon {
  color: #ff0073;
  text-decoration: none
}

.color-pink:hover {
  color: #ff0073 !important;
  border-color: #ff0073
}

.color-gray {
  color: #636e75 !important;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #636e75
}

.color-gray:hover {
  color: #fff !important;
  border-color: #636e75;
  background-color: #636e75
}

.btn-back {
  font-family: uni sans semi;
  font-size: 12px;
  padding: 5px 12px;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: max-content;
  transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s
}

.btn-back span {
  font-size: 14px
}

.btn-action {
  width: max-content;
  display: block;
  position: relative
}

.btn-action .action-button-pink {
  color: #ff0073;
  background-color: transparent;
  border: none;
  padding: 0
}

.btnBack {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 23px;
  top: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  background-color: #f0f0f0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px
}

.btnBack span {
  font-size: 13px;
  color: #636e75
}

.modal-content .modal-header {
  width: 100%;
  padding: 20px 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.modal-content .modal-header .btn-close {
  position: absolute;
  top: 0;
  bottom: 0;
  right: .8rem;
  margin: auto;
  font-size: 16px;
  color: #7c878e
}

.modal-content .modal-header figure {
  width: 100%;
  max-width: 134px;
  height: 41px;
  overflow: hidden
}

.modal-content .modal-header figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center
}

.modal-content .modal-body {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0 50px;
  position: relative
}

.modal-content .modal-body .content-link {
  width: 100%;
  max-width: 463px
}

.modal-content .modal-body .content-link h2 {
  font-family: uni sans semi;
  font-size: 26px;
  color: #ff0073;
  letter-spacing: .43px;
  text-align: center;
  margin-bottom: 30px
}

.modal-content .modal-body .content-link p {
  font-family: uni sans regular;
  font-size: 16px;
  color: #7c878e;
  letter-spacing: .27px;
  margin-bottom: 20px;
  text-align: center
}

.modal-content .modal-body .content-link a,
.modal-content .modal-body .content-link .print_pdf {
  width: 100%;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: uni sans regular;
  font-size: 19px;
  color: #636e75;
  text-decoration: none;
  letter-spacing: .32px;
  text-align: center;
  line-height: 22px;
  background-color: rgba(124, 135, 142, .05);
  margin-bottom: 8px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px
}

.modal-content .modal-body .content-link a:last-child,
.modal-content .modal-body .content-link .print_pdf {
  margin-bottom: 0
}

.modal-content .modal-body .content-link a span {
  font-size: 26px
}

#leyenda .modal-content .modal-header {
  width: 100%;
  padding: 20px 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

#leyenda .modal-content .modal-header .btn-close {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 35px;
  margin: auto;
  font-size: 20px;
  color: #7c878e
}

#leyenda .modal-content .modal-header figure {
  width: 100%;
  max-width: 134px;
  height: 41px;
  overflow: hidden
}

#leyenda .modal-content .modal-header figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center
}

#leyenda .modal-content .modal-body {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0 50px;
  position: relative
}

#leyenda .modal-content .modal-body .content-link {
  width: 100%;
  max-width: 463px
}

#leyenda .modal-content .modal-body .content-link h2 {
  font-family: uni sans semi;
  font-size: 26px;
  color: #ff0073;
  letter-spacing: .43px;
  text-align: center;
  margin-bottom: 30px
}

#leyenda .modal-content .modal-body .content-link p {
  font-family: uni sans regular;
  font-size: 16px;
  color: #7c878e;
  letter-spacing: .27px;
  margin-bottom: 20px;
  text-align: center
}

#leyenda .modal-content .modal-body .content-link ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 50%);
  gap: 20px 10px
}

#leyenda .modal-content .modal-body .content-link ul li {
  display: flex;
  align-items: center
}

#leyenda .modal-content .modal-body .content-link ul li span {
  display: block;
  margin-right: 10px
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 200, "opsz" 48
}

.material-symbols-rounded {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 200, "opsz" 48
}

input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
input[type=tel],
input[type=phone],
input[type=number],
input[type=data],
input[type=date],
select {
  width: 100%;
  position: relative;
  display: block;
  padding: 18px 20px 15px;
  border: 1px solid #7c878e;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  outline: none !important;
  box-shadow: none !important;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=phone]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=data]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  font-family: uni sans regular;
  font-size: 14px;
  color: #4a4a4a;
  letter-spacing: .32px;
  line-height: normal;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=phone]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=data]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  font-size: 14px
}

@media screen and (min-width: 320px) {

  input[type=text]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=url]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=phone]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  input[type=data]::-webkit-input-placeholder,
  input[type=date]::-webkit-input-placeholder,
  select::-webkit-input-placeholder {
    font-size: calc(14px + strip-unit(5px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {

  input[type=text]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=url]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=phone]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  input[type=data]::-webkit-input-placeholder,
  input[type=date]::-webkit-input-placeholder,
  select::-webkit-input-placeholder {
    font-size: 19px
  }
}

input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=phone]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=data]:-moz-placeholder,
input[type=date]:-moz-placeholder,
select:-moz-placeholder {
  font-family: uni sans regular;
  font-size: 14px;
  color: #4a4a4a;
  letter-spacing: .32px;
  line-height: normal;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=phone]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=data]:-moz-placeholder,
input[type=date]:-moz-placeholder,
select:-moz-placeholder {
  font-size: 14px
}

@media screen and (min-width: 320px) {

  input[type=text]:-moz-placeholder,
  input[type=password]:-moz-placeholder,
  input[type=search]:-moz-placeholder,
  input[type=email]:-moz-placeholder,
  input[type=url]:-moz-placeholder,
  input[type=tel]:-moz-placeholder,
  input[type=phone]:-moz-placeholder,
  input[type=number]:-moz-placeholder,
  input[type=data]:-moz-placeholder,
  input[type=date]:-moz-placeholder,
  select:-moz-placeholder {
    font-size: calc(14px + strip-unit(5px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {

  input[type=text]:-moz-placeholder,
  input[type=password]:-moz-placeholder,
  input[type=search]:-moz-placeholder,
  input[type=email]:-moz-placeholder,
  input[type=url]:-moz-placeholder,
  input[type=tel]:-moz-placeholder,
  input[type=phone]:-moz-placeholder,
  input[type=number]:-moz-placeholder,
  input[type=data]:-moz-placeholder,
  input[type=date]:-moz-placeholder,
  select:-moz-placeholder {
    font-size: 19px
  }
}

input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=phone]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=data]::-moz-placeholder,
input[type=date]::-moz-placeholder,
select::-moz-placeholder {
  font-family: uni sans regular;
  font-size: 14px;
  color: #4a4a4a;
  letter-spacing: .32px;
  line-height: normal;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=phone]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=data]::-moz-placeholder,
input[type=date]::-moz-placeholder,
select::-moz-placeholder {
  font-size: 14px
}

@media screen and (min-width: 320px) {

  input[type=text]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=url]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=phone]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  input[type=data]::-moz-placeholder,
  input[type=date]::-moz-placeholder,
  select::-moz-placeholder {
    font-size: calc(14px + strip-unit(5px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {

  input[type=text]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=url]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=phone]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  input[type=data]::-moz-placeholder,
  input[type=date]::-moz-placeholder,
  select::-moz-placeholder {
    font-size: 19px
  }
}

input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=phone]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=data]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
select:-ms-input-placeholder {
  font-family: uni sans regular;
  font-size: 14px;
  color: #4a4a4a;
  letter-spacing: .32px;
  line-height: normal;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=phone]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=data]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
select:-ms-input-placeholder {
  font-size: 14px
}

@media screen and (min-width: 320px) {

  input[type=text]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=url]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=phone]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  input[type=data]:-ms-input-placeholder,
  input[type=date]:-ms-input-placeholder,
  select:-ms-input-placeholder {
    font-size: calc(14px + strip-unit(5px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {

  input[type=text]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=url]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=phone]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  input[type=data]:-ms-input-placeholder,
  input[type=date]:-ms-input-placeholder,
  select:-ms-input-placeholder {
    font-size: 19px
  }
}

input[type=text]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=phone]:focus,
input[type=number]:focus,
input[type=data]:focus,
input[type=date]:focus,
select:focus {
  border-color: #ff0073
}

input[type=text]:focus::-webkit-input-placeholder,
input[type=password]:focus::-webkit-input-placeholder,
input[type=search]:focus::-webkit-input-placeholder,
input[type=email]:focus::-webkit-input-placeholder,
input[type=url]:focus::-webkit-input-placeholder,
input[type=tel]:focus::-webkit-input-placeholder,
input[type=phone]:focus::-webkit-input-placeholder,
input[type=number]:focus::-webkit-input-placeholder,
input[type=data]:focus::-webkit-input-placeholder,
input[type=date]:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder {
  opacity: .5
}

input[type=text]:focus:-moz-placeholder,
input[type=password]:focus:-moz-placeholder,
input[type=search]:focus:-moz-placeholder,
input[type=email]:focus:-moz-placeholder,
input[type=url]:focus:-moz-placeholder,
input[type=tel]:focus:-moz-placeholder,
input[type=phone]:focus:-moz-placeholder,
input[type=number]:focus:-moz-placeholder,
input[type=data]:focus:-moz-placeholder,
input[type=date]:focus:-moz-placeholder,
select:focus:-moz-placeholder {
  opacity: .5
}

input[type=text]:focus::-moz-placeholder,
input[type=password]:focus::-moz-placeholder,
input[type=search]:focus::-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
input[type=url]:focus::-moz-placeholder,
input[type=tel]:focus::-moz-placeholder,
input[type=phone]:focus::-moz-placeholder,
input[type=number]:focus::-moz-placeholder,
input[type=data]:focus::-moz-placeholder,
input[type=date]:focus::-moz-placeholder,
select:focus::-moz-placeholder {
  opacity: .5
}

input[type=text]:focus:-ms-input-placeholder,
input[type=password]:focus:-ms-input-placeholder,
input[type=search]:focus:-ms-input-placeholder,
input[type=email]:focus:-ms-input-placeholder,
input[type=url]:focus:-ms-input-placeholder,
input[type=tel]:focus:-ms-input-placeholder,
input[type=phone]:focus:-ms-input-placeholder,
input[type=number]:focus:-ms-input-placeholder,
input[type=data]:focus:-ms-input-placeholder,
input[type=date]:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder {
  opacity: .5
}

.container-fluid {
  max-width: 1200px
}

.bg-shadow {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.item-bg {
  padding: 10px;
  background-image: linear-gradient(90deg, #F0F0F0 0%, #F0F0F0 40%, #F5F5F5 50%, #F5F5F5 55%, #F0F0F0 65%, #F0F0F0 100%);
  background-size: 300%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px
}

.item-bg:last-child {
  margin-bottom: 0
}

.nt-5 {
  margin-top: -35px
}

.link_passd {
  font-family: uni sans semi;
  font-size: 16px;
  color: #ff0073;
  letter-spacing: .27px;
  text-decoration: none;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

.link_passd {
  font-size: 14px
}

@media screen and (min-width: 320px) {
  .link_passd {
    font-size: calc(14px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .link_passd {
    font-size: 16px
  }
}

.link_passd:hover {
  color: #d80061
}

.text-gray {
  color: #727272
}

.bg-pink {
  background-color: #ff0073 !important;
  font-family: uni sans semi;
  font-size: 16px;
  letter-spacing: .27px
}

.bg-pink:hover {
  background-color: transparent !important
}

.bg-gray {
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0
}

.bg-gray:hover {
  background-color: #f0f0f0;
  border-color: #9b9b9b
}

.border-bottom-blue {
  border-bottom: 1px solid rgba(111, 143, 198, .18)
}

.login_content ul.navTab {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  /*   padding-left: 0 !important;
  padding-right: 0 !important; */
  flex-wrap: nowrap;
}

.navTab li {
  /* margin-right:23px; */
}

.navTab li:last-child {
  /* margin-right:0; */
}

.navTab li .nav-link {
  padding: 10px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: uni sans semi;
  color: #ff0073;
  line-height: 15px;
  letter-spacing: .28px;
  background-color: transparent;
  border: 1px solid #ff0073;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .1s;
  -ms-transition: ease-in all .1s;
  -o-transition: ease-in all .1s;
  -webkit-transition: ease-in all .1s
}

.navTab li .nav-link {
  font-size: 14px
}

@media screen and (min-width: 320px) {
  .navTab li .nav-link {
    font-size: calc(14px + strip-unit(3px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .navTab li .nav-link {
    font-size: 17px
  }
}

.navTab li .nav-link.active {
  background-color: #ff0073;
  color: #fff
}

.navTab li .nav-link:hover {
  background-color: #ff0073;
  color: #fff
}

.nav-collapse {
  position: absolute;
  background: #fff;
  width: 100%;
  z-index: 1;
  top: 59px;
  right: 0;
  left: 0;
  border-bottom: 1px solid #efedea;
  border-top: 1px solid #efedea;
  padding: 15px 20px
}

.nav-collapse ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center
}

.nav-collapse ul li {
  margin-right: 10px
}

.nav-collapse ul li:last-child {
  margin: 0
}

.nav-collapse ul li .nav-link {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: uni sans semi;
  color: #ff0073;
  line-height: 15px;
  letter-spacing: .28px;
  background-color: transparent;
  border: 1px solid #ff0073;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

.nav-collapse ul li .nav-link {
  font-size: 14px
}

@media screen and (min-width: 320px) {
  .nav-collapse ul li .nav-link {
    font-size: calc(14px + strip-unit(3px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .nav-collapse ul li .nav-link {
    font-size: 17px
  }
}

.nav-collapse ul li .nav-link.active {
  background-color: #ff0073;
  color: #fff
}

.nav-collapse ul li .nav-link:hover {
  background-color: #ff0073;
  color: #fff
}

.notResult {
  width: 100%;
  max-width: max-content;
  display: block
}

.notResult p {
  font-family: uni sans regular;
  font-size: 15px;
  color: #636e75;
  letter-spacing: .25px;
  text-align: center;
  margin-bottom: 0
}

.custom-check {
  display: flex;
  align-items: self-end;
  margin-bottom: 0
}

.custom-check .form-check-input {
  width: 20px;
  height: 20px;
  position: relative;
  top: -2px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border: 1px solid rgba(124, 135, 142, .5);
  box-shadow: none !important;
  outline: none !important
}

.custom-check .form-check-input:checked {
  background-color: #ff0073;
  border-color: #ff0073
}

.custom-check label {
  margin-left: 15px;
  font-family: uni sans semi;
  color: #4a4a4a;
  line-height: normal
}

.custom-check label {
  font-size: 14px
}

@media screen and (min-width: 320px) {
  .custom-check label {
    font-size: calc(14px + strip-unit(1px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .custom-check label {
    font-size: 15px
  }
}

.header-tab {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #efedea;
  margin-bottom: 15px
}

.header-tab .nav {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 20px 20px 15px;
  overflow: hidden
}

.header-tab .nav li {
  position: relative;
  margin-right: 25px
}

.header-tab .nav li:last-child {
  margin-right: 0
}

.header-tab .nav li button {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  padding: 0 0 0 0;
  line-height: normal;
  position: relative;
  font-family: uni sans semi;
  font-size: 15px;
  color: #636e75;
  letter-spacing: .3px;
  transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s
}

.header-tab .nav li button::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -25px;
  width: 100%;
  height: 8px;
  background-color: #ff0073;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s
}

.header-tab .nav li button.active {
  color: #ff0073
}

.header-tab .nav li button.active::after {
  bottom: -20px
}

.header-tab .nav li:hover button {
  color: #ff0073
}

.header-tab .nav li:hover button::after {
  bottom: -20px
}

.header-tab>a {
  cursor: pointer;
  padding: 20px 20px 15px;
  display: flex;
  align-items: center;
  font-family: uni sans semi;
  font-size: 15px;
  color: #636e75;
  letter-spacing: .3px;
  text-decoration: none;
  line-height: 0;
  transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s
}

.header-tab>a span {
  position: relative;
  top: -1px;
  font-size: 20px
}

.header-tab>a:hover {
  color: #ff0073 !important
}

.search-content {
  width: 100%;
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: 22px
}

.search-content h2 {
  font-family: uni sans regular;
  color: #7c878e;
  letter-spacing: .25px;
  line-height: 21px;
  margin-bottom: 6px
}

.search-content h2 {
  font-size: 14px
}

@media screen and (min-width: 320px) {
  .search-content h2 {
    font-size: calc(14px + strip-unit(1px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .search-content h2 {
    font-size: 15px
  }
}

.search-content label {
  font-family: uni sans regular;
  font-size: 15px;
  color: #8f999f;
  letter-spacing: .25px;
  line-height: 22px
}

.search-content input[type=text],
.search-content input[type=password],
.search-content input[type=search],
.search-content input[type=email],
.search-content input[type=url],
.search-content input[type=tel],
.search-content input[type=phone],
.search-content input[type=number],
.search-content input[type=data],
.search-content input[type=date],
.search-content select {
  width: 100%;
  position: relative;
  box-shadow: none;
  outline: none;
  background-color: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border: 1px solid #ececec
}

.search-content input[type=text]::-webkit-calendar-picker-indicator,
.search-content input[type=password]::-webkit-calendar-picker-indicator,
.search-content input[type=search]::-webkit-calendar-picker-indicator,
.search-content input[type=email]::-webkit-calendar-picker-indicator,
.search-content input[type=url]::-webkit-calendar-picker-indicator,
.search-content input[type=tel]::-webkit-calendar-picker-indicator,
.search-content input[type=phone]::-webkit-calendar-picker-indicator,
.search-content input[type=number]::-webkit-calendar-picker-indicator,
.search-content input[type=data]::-webkit-calendar-picker-indicator,
.search-content input[type=date]::-webkit-calendar-picker-indicator,
.search-content select::-webkit-calendar-picker-indicator {
  font-size: 22px;
  line-height: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  filter: invert(13%) sepia(92%) saturate(6372%) hue-rotate(326deg) brightness(100%) contrast(103%);
  -webkit-filter: invert(13%) sepia(92%) saturate(6372%) hue-rotate(326deg) brightness(100%) contrast(103%)
}

.search-content input[type=text]::-webkit-input-placeholder,
.search-content input[type=password]::-webkit-input-placeholder,
.search-content input[type=search]::-webkit-input-placeholder,
.search-content input[type=email]::-webkit-input-placeholder,
.search-content input[type=url]::-webkit-input-placeholder,
.search-content input[type=tel]::-webkit-input-placeholder,
.search-content input[type=phone]::-webkit-input-placeholder,
.search-content input[type=number]::-webkit-input-placeholder,
.search-content input[type=data]::-webkit-input-placeholder,
.search-content input[type=date]::-webkit-input-placeholder,
.search-content select::-webkit-input-placeholder {
  font-family: uni sans semi;
  font-size: 14px;
  color: #4a4a4a;
  letter-spacing: .28px;
  line-height: 22px
}

.search-content input[type=text]:-moz-placeholder,
.search-content input[type=password]:-moz-placeholder,
.search-content input[type=search]:-moz-placeholder,
.search-content input[type=email]:-moz-placeholder,
.search-content input[type=url]:-moz-placeholder,
.search-content input[type=tel]:-moz-placeholder,
.search-content input[type=phone]:-moz-placeholder,
.search-content input[type=number]:-moz-placeholder,
.search-content input[type=data]:-moz-placeholder,
.search-content input[type=date]:-moz-placeholder,
.search-content select:-moz-placeholder {
  font-family: uni sans semi;
  font-size: 14px;
  color: #4a4a4a;
  letter-spacing: .28px;
  line-height: 22px
}

.search-content input[type=text]::-moz-placeholder,
.search-content input[type=password]::-moz-placeholder,
.search-content input[type=search]::-moz-placeholder,
.search-content input[type=email]::-moz-placeholder,
.search-content input[type=url]::-moz-placeholder,
.search-content input[type=tel]::-moz-placeholder,
.search-content input[type=phone]::-moz-placeholder,
.search-content input[type=number]::-moz-placeholder,
.search-content input[type=data]::-moz-placeholder,
.search-content input[type=date]::-moz-placeholder,
.search-content select::-moz-placeholder {
  font-family: uni sans semi;
  font-size: 14px;
  color: #4a4a4a;
  letter-spacing: .28px;
  line-height: 22px
}

.search-content input[type=text]:-ms-input-placeholder,
.search-content input[type=password]:-ms-input-placeholder,
.search-content input[type=search]:-ms-input-placeholder,
.search-content input[type=email]:-ms-input-placeholder,
.search-content input[type=url]:-ms-input-placeholder,
.search-content input[type=tel]:-ms-input-placeholder,
.search-content input[type=phone]:-ms-input-placeholder,
.search-content input[type=number]:-ms-input-placeholder,
.search-content input[type=data]:-ms-input-placeholder,
.search-content input[type=date]:-ms-input-placeholder,
.search-content select:-ms-input-placeholder {
  font-family: uni sans semi;
  font-size: 14px;
  color: #4a4a4a;
  letter-spacing: .28px;
  line-height: 22px
}

.filter-content {
  width: 100%;
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: 22px
}

.filter-content h2 {
  font-family: uni sans regular;
  color: #7c878e;
  letter-spacing: .25px;
  line-height: 21px;
  margin-bottom: 6px
}

.filter-content h2 {
  font-size: 14px
}

@media screen and (min-width: 320px) {
  .filter-content h2 {
    font-size: calc(14px + strip-unit(1px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .filter-content h2 {
    font-size: 15px
  }
}

.filter-content .input-grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 10px
}

.filter-content .input-grid .form-floating {
  flex: 0 1 calc(20% - 8px)
}

.filter-content .input-grid .form-floating:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.filter-content .input-grid label {
  font-family: uni sans semi;
  font-size: 14px;
  color: #4a4a4a;
  letter-spacing: .28px;
  line-height: 22px
}

.filter-content .input-grid input[type=text],
.filter-content .input-grid input[type=password],
.filter-content .input-grid input[type=search],
.filter-content .input-grid input[type=email],
.filter-content .input-grid input[type=url],
.filter-content .input-grid input[type=tel],
.filter-content .input-grid input[type=phone],
.filter-content .input-grid input[type=number],
.filter-content .input-grid input[type=data],
.filter-content .input-grid input[type=date],
.filter-content .input-grid select {
  height: 50px;
  outline: none;
  box-shadow: none;
  font-size: 13px;
  color: #4a4a4a;
  font-family: uni sans semi;
  letter-spacing: .28px;
  border: 1px solid #ececec;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

.filter-content .input-grid input[type=text]:focus,
.filter-content .input-grid input[type=password]:focus,
.filter-content .input-grid input[type=search]:focus,
.filter-content .input-grid input[type=email]:focus,
.filter-content .input-grid input[type=url]:focus,
.filter-content .input-grid input[type=tel]:focus,
.filter-content .input-grid input[type=phone]:focus,
.filter-content .input-grid input[type=number]:focus,
.filter-content .input-grid input[type=data]:focus,
.filter-content .input-grid input[type=date]:focus,
.filter-content .input-grid select:focus {
  border-color: #ff0073;
  color: #ff0073
}

.filter-content .input-grid button {
  line-height: normal;
  padding: 9px 30px 5px
}

.check-list {
  width: 100%;
  display: block;
  position: relative
}

.check-list .table thead tr th {
  font-size: 15px;
  font-weight: 700;
  color: #000
}

.check-list .table thead tr th:nth-last-child(3) {
  width: 197px;
  min-width: 197px
}

.check-list .table tbody td {
  vertical-align: middle;
  border-right: 1px solid #dee2e6
}

.check-list .table tbody td:last-child {
  border-right: none
}

.check-list .table tbody td label {
  color: #636e75;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap
}

.list-status {
  width: 100%;
  display: grid;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
  grid-auto-flow: column
}

.list-status li {
  min-width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #dee2e6;
  color: #636e75;
  cursor: pointer
}

.list-status li:last-child {
  border: none
}

.list-status li span {
  width: 30px;
  height: 30px;
  font-size: 22px;
  background-color: rgba(231, 231, 231, .4);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px
}

.stats-display {
  width: max-content;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 2px 5px
}

.paciente_block {
  width: 100%;
  display: flex;
  gap: 0 16px;
  padding-bottom: 13px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(111, 143, 198, .18)
}

.paciente_block:last-child {
  border: none;
  margin-bottom: 0
}

.text-pink {
  font-size: 18px;
  font-weight: 700;
  color: #ff0073
}

main {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  background: #fdfdfd 0%;
  background: linear-gradient(to bottom, #FDFDFD 0%, #F5F5F5 100%)
}

.content_main {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  background: #fdfdfd 0%;
  background: linear-gradient(to bottom, #FDFDFD 0%, #F5F5F5 100%)
}

.main_banner {
  width: 100%;
  position: relative;
  display: block;
  padding: 97px 0 111px;
  z-index: 1
}

.main_banner figure {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: -1
}

.main_banner figure::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent 0%;
  background: linear-gradient(to right, rgba(111, 143, 198, 0) 0%, rgba(64, 107, 180, 0.39) 100%)
}

.main_banner figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .05)
}

.main_banner figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center
}

.main_banner .banner_text {
  width: 100%;
  display: block;
  position: relative
}

.main_banner .banner_text h2 {
  width: 100%;
  max-width: 490px;
  font-family: uni sans semi;
  color: #fff;
  letter-spacing: .83px;
  margin: 0 auto 20px
}

.main_banner .banner_text h2 {
  font-size: 30px
}

@media screen and (min-width: 320px) {
  .main_banner .banner_text h2 {
    font-size: calc(30px + strip-unit(20px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_banner .banner_text h2 {
    font-size: 50px
  }
}

.main_banner .banner_text p {
  font-family: uni sans regular;
  color: #fff;
  letter-spacing: .4px;
  line-height: 28px;
  margin-bottom: 0
}

.main_banner .banner_text p {
  font-size: 16px
}

@media screen and (min-width: 320px) {
  .main_banner .banner_text p {
    font-size: calc(16px + strip-unit(8px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_banner .banner_text p {
    font-size: 24px
  }
}

.main_login {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: 100px;
  display: block;
  z-index: 1
}

.main_login .login_content {
  width: 100%;
  position: relative;
  display: block
}

.main_login .login_content .tab-content {
  width: 100%
}

.main_login .login_content .tab-content .header_form {
  width: 100%;
  position: relative;
  display: block
}

.main_login .login_content .tab-content .header_form h2 {
  font-family: uni sans semi;
  font-size: 20px;
  color: #4a4a4a;
  letter-spacing: .33px;
  line-height: 22px
}

.main_login .login_content .tab-content .header_form h2 {
  font-size: 16px
}

@media screen and (min-width: 320px) {
  .main_login .login_content .tab-content .header_form h2 {
    font-size: calc(16px + strip-unit(4px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_login .login_content .tab-content .header_form h2 {
    font-size: 20px
  }
}

.main_login .login_content .tab-content input[type=text],
.main_login .login_content .tab-content input[type=password],
.main_login .login_content .tab-content input[type=search],
.main_login .login_content .tab-content input[type=email],
.main_login .login_content .tab-content input[type=url],
.main_login .login_content .tab-content input[type=tel],
.main_login .login_content .tab-content input[type=phone],
.main_login .login_content .tab-content input[type=number],
.main_login .login_content .tab-content input[type=data],
.main_login .login_content .tab-content input[type=date],
.main_login .login_content .tab-content select {
  width: 100%;
  position: relative;
  display: block;
  padding: 18px 20px 15px;
  border: 1px solid #7c878e;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  outline: none !important;
  box-shadow: none !important;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

.main_login .login_content .tab-content input[type=text]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=password]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=search]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=email]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=url]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=tel]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=phone]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=number]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=data]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=date]::-webkit-input-placeholder,
.main_login .login_content .tab-content select::-webkit-input-placeholder {
  font-family: uni sans regular;
  color: #4a4a4a;
  letter-spacing: .32px;
  line-height: normal;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

.main_login .login_content .tab-content input[type=text]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=password]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=search]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=email]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=url]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=tel]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=phone]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=number]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=data]::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=date]::-webkit-input-placeholder,
.main_login .login_content .tab-content select::-webkit-input-placeholder {
  font-size: 14px
}

@media screen and (min-width: 320px) {

  .main_login .login_content .tab-content input[type=text]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=password]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=search]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=email]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=url]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=tel]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=phone]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=number]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=data]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=date]::-webkit-input-placeholder,
  .main_login .login_content .tab-content select::-webkit-input-placeholder {
    font-size: calc(14px + strip-unit(5px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {

  .main_login .login_content .tab-content input[type=text]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=password]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=search]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=email]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=url]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=tel]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=phone]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=number]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=data]::-webkit-input-placeholder,
  .main_login .login_content .tab-content input[type=date]::-webkit-input-placeholder,
  .main_login .login_content .tab-content select::-webkit-input-placeholder {
    font-size: 19px
  }
}

.main_login .login_content .tab-content input[type=text]:-moz-placeholder,
.main_login .login_content .tab-content input[type=password]:-moz-placeholder,
.main_login .login_content .tab-content input[type=search]:-moz-placeholder,
.main_login .login_content .tab-content input[type=email]:-moz-placeholder,
.main_login .login_content .tab-content input[type=url]:-moz-placeholder,
.main_login .login_content .tab-content input[type=tel]:-moz-placeholder,
.main_login .login_content .tab-content input[type=phone]:-moz-placeholder,
.main_login .login_content .tab-content input[type=number]:-moz-placeholder,
.main_login .login_content .tab-content input[type=data]:-moz-placeholder,
.main_login .login_content .tab-content input[type=date]:-moz-placeholder,
.main_login .login_content .tab-content select:-moz-placeholder {
  font-family: uni sans regular;
  color: #4a4a4a;
  letter-spacing: .32px;
  line-height: normal;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

.main_login .login_content .tab-content input[type=text]:-moz-placeholder,
.main_login .login_content .tab-content input[type=password]:-moz-placeholder,
.main_login .login_content .tab-content input[type=search]:-moz-placeholder,
.main_login .login_content .tab-content input[type=email]:-moz-placeholder,
.main_login .login_content .tab-content input[type=url]:-moz-placeholder,
.main_login .login_content .tab-content input[type=tel]:-moz-placeholder,
.main_login .login_content .tab-content input[type=phone]:-moz-placeholder,
.main_login .login_content .tab-content input[type=number]:-moz-placeholder,
.main_login .login_content .tab-content input[type=data]:-moz-placeholder,
.main_login .login_content .tab-content input[type=date]:-moz-placeholder,
.main_login .login_content .tab-content select:-moz-placeholder {
  font-size: 14px
}

@media screen and (min-width: 320px) {

  .main_login .login_content .tab-content input[type=text]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=password]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=search]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=email]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=url]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=tel]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=phone]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=number]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=data]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=date]:-moz-placeholder,
  .main_login .login_content .tab-content select:-moz-placeholder {
    font-size: calc(14px + strip-unit(5px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {

  .main_login .login_content .tab-content input[type=text]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=password]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=search]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=email]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=url]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=tel]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=phone]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=number]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=data]:-moz-placeholder,
  .main_login .login_content .tab-content input[type=date]:-moz-placeholder,
  .main_login .login_content .tab-content select:-moz-placeholder {
    font-size: 19px
  }
}

.main_login .login_content .tab-content input[type=text]::-moz-placeholder,
.main_login .login_content .tab-content input[type=password]::-moz-placeholder,
.main_login .login_content .tab-content input[type=search]::-moz-placeholder,
.main_login .login_content .tab-content input[type=email]::-moz-placeholder,
.main_login .login_content .tab-content input[type=url]::-moz-placeholder,
.main_login .login_content .tab-content input[type=tel]::-moz-placeholder,
.main_login .login_content .tab-content input[type=phone]::-moz-placeholder,
.main_login .login_content .tab-content input[type=number]::-moz-placeholder,
.main_login .login_content .tab-content input[type=data]::-moz-placeholder,
.main_login .login_content .tab-content input[type=date]::-moz-placeholder,
.main_login .login_content .tab-content select::-moz-placeholder {
  font-family: uni sans regular;
  color: #4a4a4a;
  letter-spacing: .32px;
  line-height: normal;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

.main_login .login_content .tab-content input[type=text]::-moz-placeholder,
.main_login .login_content .tab-content input[type=password]::-moz-placeholder,
.main_login .login_content .tab-content input[type=search]::-moz-placeholder,
.main_login .login_content .tab-content input[type=email]::-moz-placeholder,
.main_login .login_content .tab-content input[type=url]::-moz-placeholder,
.main_login .login_content .tab-content input[type=tel]::-moz-placeholder,
.main_login .login_content .tab-content input[type=phone]::-moz-placeholder,
.main_login .login_content .tab-content input[type=number]::-moz-placeholder,
.main_login .login_content .tab-content input[type=data]::-moz-placeholder,
.main_login .login_content .tab-content input[type=date]::-moz-placeholder,
.main_login .login_content .tab-content select::-moz-placeholder {
  font-size: 14px
}

@media screen and (min-width: 320px) {

  .main_login .login_content .tab-content input[type=text]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=password]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=search]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=email]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=url]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=tel]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=phone]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=number]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=data]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=date]::-moz-placeholder,
  .main_login .login_content .tab-content select::-moz-placeholder {
    font-size: calc(14px + strip-unit(5px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {

  .main_login .login_content .tab-content input[type=text]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=password]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=search]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=email]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=url]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=tel]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=phone]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=number]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=data]::-moz-placeholder,
  .main_login .login_content .tab-content input[type=date]::-moz-placeholder,
  .main_login .login_content .tab-content select::-moz-placeholder {
    font-size: 19px
  }
}

.main_login .login_content .tab-content input[type=text]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=password]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=search]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=email]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=url]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=tel]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=phone]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=number]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=data]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=date]:-ms-input-placeholder,
.main_login .login_content .tab-content select:-ms-input-placeholder {
  font-family: uni sans regular;
  color: #4a4a4a;
  letter-spacing: .32px;
  line-height: normal;
  transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s
}

.main_login .login_content .tab-content input[type=text]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=password]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=search]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=email]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=url]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=tel]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=phone]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=number]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=data]:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=date]:-ms-input-placeholder,
.main_login .login_content .tab-content select:-ms-input-placeholder {
  font-size: 14px
}

@media screen and (min-width: 320px) {

  .main_login .login_content .tab-content input[type=text]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=password]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=search]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=email]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=url]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=tel]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=phone]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=number]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=data]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=date]:-ms-input-placeholder,
  .main_login .login_content .tab-content select:-ms-input-placeholder {
    font-size: calc(14px + strip-unit(5px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {

  .main_login .login_content .tab-content input[type=text]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=password]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=search]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=email]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=url]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=tel]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=phone]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=number]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=data]:-ms-input-placeholder,
  .main_login .login_content .tab-content input[type=date]:-ms-input-placeholder,
  .main_login .login_content .tab-content select:-ms-input-placeholder {
    font-size: 19px
  }
}

.main_login .login_content .tab-content input[type=text]:focus,
.main_login .login_content .tab-content input[type=password]:focus,
.main_login .login_content .tab-content input[type=search]:focus,
.main_login .login_content .tab-content input[type=email]:focus,
.main_login .login_content .tab-content input[type=url]:focus,
.main_login .login_content .tab-content input[type=tel]:focus,
.main_login .login_content .tab-content input[type=phone]:focus,
.main_login .login_content .tab-content input[type=number]:focus,
.main_login .login_content .tab-content input[type=data]:focus,
.main_login .login_content .tab-content input[type=date]:focus,
.main_login .login_content .tab-content select:focus {
  border-color: #ff0073
}

.main_login .login_content .tab-content input[type=text]:focus::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=password]:focus::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=search]:focus::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=email]:focus::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=url]:focus::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=tel]:focus::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=phone]:focus::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=number]:focus::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=data]:focus::-webkit-input-placeholder,
.main_login .login_content .tab-content input[type=date]:focus::-webkit-input-placeholder,
.main_login .login_content .tab-content select:focus::-webkit-input-placeholder {
  opacity: .5
}

.main_login .login_content .tab-content input[type=text]:focus:-moz-placeholder,
.main_login .login_content .tab-content input[type=password]:focus:-moz-placeholder,
.main_login .login_content .tab-content input[type=search]:focus:-moz-placeholder,
.main_login .login_content .tab-content input[type=email]:focus:-moz-placeholder,
.main_login .login_content .tab-content input[type=url]:focus:-moz-placeholder,
.main_login .login_content .tab-content input[type=tel]:focus:-moz-placeholder,
.main_login .login_content .tab-content input[type=phone]:focus:-moz-placeholder,
.main_login .login_content .tab-content input[type=number]:focus:-moz-placeholder,
.main_login .login_content .tab-content input[type=data]:focus:-moz-placeholder,
.main_login .login_content .tab-content input[type=date]:focus:-moz-placeholder,
.main_login .login_content .tab-content select:focus:-moz-placeholder {
  opacity: .5
}

.main_login .login_content .tab-content input[type=text]:focus::-moz-placeholder,
.main_login .login_content .tab-content input[type=password]:focus::-moz-placeholder,
.main_login .login_content .tab-content input[type=search]:focus::-moz-placeholder,
.main_login .login_content .tab-content input[type=email]:focus::-moz-placeholder,
.main_login .login_content .tab-content input[type=url]:focus::-moz-placeholder,
.main_login .login_content .tab-content input[type=tel]:focus::-moz-placeholder,
.main_login .login_content .tab-content input[type=phone]:focus::-moz-placeholder,
.main_login .login_content .tab-content input[type=number]:focus::-moz-placeholder,
.main_login .login_content .tab-content input[type=data]:focus::-moz-placeholder,
.main_login .login_content .tab-content input[type=date]:focus::-moz-placeholder,
.main_login .login_content .tab-content select:focus::-moz-placeholder {
  opacity: .5
}

.main_login .login_content .tab-content input[type=text]:focus:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=password]:focus:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=search]:focus:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=email]:focus:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=url]:focus:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=tel]:focus:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=phone]:focus:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=number]:focus:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=data]:focus:-ms-input-placeholder,
.main_login .login_content .tab-content input[type=date]:focus:-ms-input-placeholder,
.main_login .login_content .tab-content select:focus:-ms-input-placeholder {
  opacity: .5
}

.main_login .login_content .tab-content label.text-muted a {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-family: uni sans regular;
  color: #7c878e !important;
  letter-spacing: .25px;
  line-height: 21px
}

.main_login .login_content .tab-content label.text-muted a {
  font-size: 13px
}

@media screen and (min-width: 320px) {
  .main_login .login_content .tab-content label.text-muted a {
    font-size: calc(13px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_login .login_content .tab-content label.text-muted a {
    font-size: 15px
  }
}

.main_login .login_content .tab-content [type=submit],
.main_login .login_content .tab-content [type=submit]:hover {
  font-family: uni sans semi;
  line-height: normal;
  color: #fff !important;
  letter-spacing: .27px;
  transition: .1s;
  background: #f40b73 !important;
}

.main_result {
  width: 100%;
  position: relative;
  display: block;
  padding: 28px 0 80px
}

.main_result .header_profile {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  gap: 0rem 3rem;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .main_result .header_profile {
    width: 100%;
    position: relative;
    padding-bottom: 26px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center !important;
    align-content: center !important;
  }
}

.main_result .header_profile figure {
  width: 43px;
  height: 43px;
  overflow: hidden
}

.main_result .header_profile figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.main_result .header_profile .info_profile {
  width: 100%;
  max-width: max-content;
  position: relative;
  display: block
}

.main_result .header_profile .info_profile h2 {
  width: 100%;
  max-width: max-content;
  font-family: uni sans regular;
  color: #4a4a4a;
  letter-spacing: .4px;
  margin: 0 auto 20px
}

.main_result .header_profile .info_profile h2 {
  font-size: 1.2rem;
  margin: 5px auto;
}

@media screen and (min-width: 320px) {
  .main_result .header_profile .info_profile h2 {
    font-size: calc(16px + strip-unit(8px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_result .header_profile .info_profile h2 {
    font-size: 24px
  }
}

.main_result .header_profile .info_profile h2>span {
  font-weight: 600
}

.main_result .header_profile .info_profile p {
  width: 100%;
  max-width: 306px;
  margin: 0 auto 24px;
  font-family: uni sans regular;
  color: #636e75;
  letter-spacing: .33px;
  line-height: 23px
}

.main_result .header_profile .info_profile p {
  /* font-size: 14px; */
}

@media screen and (min-width: 320px) {
  .main_result .header_profile .info_profile p {
    font-size: calc(14px + strip-unit(6px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_result .header_profile .info_profile p {
    font-size: 20px
  }
}

.main_result .header_profile .info_profile>span {
  width: 100%;
  max-width: max-content;
  display: block;
  margin: auto;
  font-family: uni sans regular;
  color: #7c878e;
  letter-spacing: .25px
}

.main_result .header_profile .info_profile>span {
  font-size: 13px
}

@media screen and (min-width: 320px) {
  .main_result .header_profile .info_profile>span {
    font-size: calc(13px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_result .header_profile .info_profile>span {
    font-size: 15px
  }
}

.main_result .header_profile .log_out {
  width: 100%;
  height: max-content;
  max-width: max-content;
  position: relative;
  display: block
}

.main_result .header_profile .log_out button {
  width: 43px;
  height: 43px;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4a4a4a;
  background-color: #ececec;
  transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s
}

.main_result .header_profile .log_out button span {
  font-size: 18px
}

@media screen and (min-width: 320px) {
  .main_result .header_profile .log_out button span {
    font-size: calc(18px + strip-unit(6px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_result .header_profile .log_out button span {
    font-size: 24px
  }
}

.main_result .header_profile .log_out button:hover {
  background-color: rgba(74, 74, 74, .5);
  color: #ececec
}

.main_result .content_result {
  width: 100%;
  position: relative;
  display: block
}

.main_result .content_result h2 {
  font-family: uni sans semi;
  color: #ff0073;
  letter-spacing: .33px;
  line-height: 22px;
  margin-bottom: 26px
}

.main_result .content_result h2 {
  font-size: 14px
}

@media screen and (min-width: 320px) {
  .main_result .content_result h2 {
    font-size: calc(14px + strip-unit(6px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_result .content_result h2 {
    font-size: 20px
  }
}

.main_result .content_result .search {
  width: 100%;
  max-width: max-content;
  margin: 0 auto;
  display: flex;
  align-items: center
}

.main_result .content_result .search button {
  width: 43px;
  height: 43px;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4a4a4a;
  background-color: #ececec;
  transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s
}

.main_result .content_result .search button span {
  font-size: 20px
}

@media screen and (min-width: 320px) {
  .main_result .content_result .search button span {
    font-size: calc(20px + strip-unit(6px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_result .content_result .search button span {
    font-size: 26px
  }
}

.main_result .content_result .search button:hover {
  background-color: rgba(74, 74, 74, .5);
  color: #ececec
}

.main_result .content_result .search .search-input input[type=text],
.main_result .content_result .search .search-input input[type=password],
.main_result .content_result .search .search-input input[type=search],
.main_result .content_result .search .search-input input[type=email],
.main_result .content_result .search .search-input input[type=url],
.main_result .content_result .search .search-input input[type=tel],
.main_result .content_result .search .search-input input[type=phone],
.main_result .content_result .search .search-input input[type=number],
.main_result .content_result .search .search-input input[type=data],
.main_result .content_result .search .search-input input[type=date],
.main_result .content_result .search .search-input select {
  width: 100%;
  min-width: 270px;
  text-align: center;
  padding: 9px 30px;
  background-color: #ececec;
  border: none;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px
}

.main_result .content_result .search .search-input input[type=text]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=password]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=search]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=email]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=url]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=tel]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=phone]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=number]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=data]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=date]::-webkit-input-placeholder,
.main_result .content_result .search .search-input select::-webkit-input-placeholder {
  font-family: uni sans regular;
  color: #9b9b9b;
  letter-spacing: .27px;
  line-height: normal
}

.main_result .content_result .search .search-input input[type=text]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=password]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=search]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=email]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=url]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=tel]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=phone]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=number]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=data]::-webkit-input-placeholder,
.main_result .content_result .search .search-input input[type=date]::-webkit-input-placeholder,
.main_result .content_result .search .search-input select::-webkit-input-placeholder {
  font-size: 14px
}

@media screen and (min-width: 320px) {

  .main_result .content_result .search .search-input input[type=text]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=password]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=search]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=email]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=url]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=tel]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=phone]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=number]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=data]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=date]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input select::-webkit-input-placeholder {
    font-size: calc(14px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {

  .main_result .content_result .search .search-input input[type=text]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=password]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=search]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=email]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=url]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=tel]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=phone]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=number]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=data]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input input[type=date]::-webkit-input-placeholder,
  .main_result .content_result .search .search-input select::-webkit-input-placeholder {
    font-size: 16px
  }
}

.main_result .content_result .search .search-input input[type=text]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=password]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=search]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=email]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=url]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=tel]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=phone]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=number]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=data]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=date]:-moz-placeholder,
.main_result .content_result .search .search-input select:-moz-placeholder {
  font-family: uni sans regular;
  color: #9b9b9b;
  letter-spacing: .27px;
  line-height: normal
}

.main_result .content_result .search .search-input input[type=text]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=password]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=search]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=email]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=url]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=tel]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=phone]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=number]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=data]:-moz-placeholder,
.main_result .content_result .search .search-input input[type=date]:-moz-placeholder,
.main_result .content_result .search .search-input select:-moz-placeholder {
  font-size: 14px
}

@media screen and (min-width: 320px) {

  .main_result .content_result .search .search-input input[type=text]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=password]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=search]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=email]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=url]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=tel]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=phone]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=number]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=data]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=date]:-moz-placeholder,
  .main_result .content_result .search .search-input select:-moz-placeholder {
    font-size: calc(14px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {

  .main_result .content_result .search .search-input input[type=text]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=password]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=search]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=email]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=url]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=tel]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=phone]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=number]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=data]:-moz-placeholder,
  .main_result .content_result .search .search-input input[type=date]:-moz-placeholder,
  .main_result .content_result .search .search-input select:-moz-placeholder {
    font-size: 16px
  }
}

.main_result .content_result .search .search-input input[type=text]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=password]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=search]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=email]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=url]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=tel]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=phone]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=number]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=data]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=date]::-moz-placeholder,
.main_result .content_result .search .search-input select::-moz-placeholder {
  font-family: uni sans regular;
  color: #9b9b9b;
  letter-spacing: .27px;
  line-height: normal
}

.main_result .content_result .search .search-input input[type=text]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=password]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=search]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=email]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=url]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=tel]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=phone]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=number]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=data]::-moz-placeholder,
.main_result .content_result .search .search-input input[type=date]::-moz-placeholder,
.main_result .content_result .search .search-input select::-moz-placeholder {
  font-size: 14px
}

@media screen and (min-width: 320px) {

  .main_result .content_result .search .search-input input[type=text]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=password]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=search]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=email]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=url]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=tel]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=phone]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=number]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=data]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=date]::-moz-placeholder,
  .main_result .content_result .search .search-input select::-moz-placeholder {
    font-size: calc(14px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {

  .main_result .content_result .search .search-input input[type=text]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=password]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=search]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=email]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=url]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=tel]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=phone]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=number]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=data]::-moz-placeholder,
  .main_result .content_result .search .search-input input[type=date]::-moz-placeholder,
  .main_result .content_result .search .search-input select::-moz-placeholder {
    font-size: 16px
  }
}

.main_result .content_result .search .search-input input[type=text]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=password]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=search]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=email]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=url]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=tel]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=phone]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=number]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=data]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=date]:-ms-input-placeholder,
.main_result .content_result .search .search-input select:-ms-input-placeholder {
  font-family: uni sans regular;
  color: #9b9b9b;
  letter-spacing: .27px;
  line-height: normal
}

.main_result .content_result .search .search-input input[type=text]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=password]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=search]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=email]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=url]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=tel]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=phone]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=number]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=data]:-ms-input-placeholder,
.main_result .content_result .search .search-input input[type=date]:-ms-input-placeholder,
.main_result .content_result .search .search-input select:-ms-input-placeholder {
  font-size: 14px
}

@media screen and (min-width: 320px) {

  .main_result .content_result .search .search-input input[type=text]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=password]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=search]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=email]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=url]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=tel]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=phone]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=number]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=data]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=date]:-ms-input-placeholder,
  .main_result .content_result .search .search-input select:-ms-input-placeholder {
    font-size: calc(14px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {

  .main_result .content_result .search .search-input input[type=text]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=password]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=search]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=email]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=url]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=tel]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=phone]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=number]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=data]:-ms-input-placeholder,
  .main_result .content_result .search .search-input input[type=date]:-ms-input-placeholder,
  .main_result .content_result .search .search-input select:-ms-input-placeholder {
    font-size: 16px
  }
}

.main_result .content-result {
  width: 100%;
  display: grid;
  gap: 10px 14px;
  transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s
}

.main_result .content-result .card_box {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  max-width: calc(100vw - 20px);
}

.main_result .content-result .card_box .header_box {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(124, 135, 142, .1);
  flex-wrap: nowrap;
  flex-direction: row;
}

.main_result .content-result .card_box .header_box .count_name {
  width: calc(100% - 150px);
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  align-content: center;
}

.main_result .content-result .card_box .header_box .count_name span {
  color: #6f8fc6
}

.main_result .content-result .card_box .header_box .count_name span {
  font-size: 20px
}

@media screen and (min-width: 320px) {
  .main_result .content-result .card_box .header_box .count_name span {
    font-size: calc(20px + strip-unit(6px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_result .content-result .card_box .header_box .count_name span {
    font-size: 26px
  }
}

.main_result .content-result .card_box .header_box .count_name h2 {
  font-family: uni sans semi;
  color: #4a4a4a;
  margin-bottom: 0;
  line-height: normal;
  max-width: 70vw;
}

.main_result .content-result .card_box .header_box .count_name h2 {
  font-size: 14px;
}

@media screen and (min-width: 320px) {
  .main_result .content-result .card_box .header_box .count_name h2 {
    font-size: calc(14px + strip-unit(4px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_result .content-result .card_box .header_box .count_name h2 {
    font-size: 15px;
    margin: 6px 0 0 0;
  }
}

.main_result .content-result .card_box .header_box .view {
  width: 150px;
  /* max-width: max-content; */
  position: relative;
  border-left: 1px solid rgba(124, 135, 142, .1)
}

.main_result .content-result .card_box .header_box .view a {
  width: 100%;
  padding: 12px 0px 12px 10px;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  font-family: uni sans semi;
  color: #6f8fc6;
  letter-spacing: .27px;
  line-height: 24px
}

.main_result .content-result .card_box .header_box .view a {
  font-size: 14px
}

@media screen and (min-width: 320px) {
  .main_result .content-result .card_box .header_box .view a {
    font-size: calc(14px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)));
  }
}

@media screen and (min-width: 1200px) {
  .main_result .content-result .card_box .header_box .view a {
    font-size: 16px
  }
}

.main_result .content-result .card_box .header_box .view a span {
  margin-left: 10px
}

.main_result .content-result .card_box .header_box .view a span {
  font-size: 20px
}

@media screen and (min-width: 320px) {
  .main_result .content-result .card_box .header_box .view a span {
    font-size: calc(20px + strip-unit(6px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_result .content-result .card_box .header_box .view a span {
    font-size: 21px;
    margin: 0;
    max-width: 12px;
  }
}

.main_result .content-result .card_box .header_box .view a:hover {
  background-color: #6f8fc6;
  color: #fff
}

.main_result .content-result .card_box .body_box {
  width: 100%;
  position: relative;
  display: block;
  padding: 6px 38px
}

.main_result .content-result .card_box .body_box .figure_box {
  width: 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  background-color: #6f8fc6;
  margin: 0 auto 16px;
  box-shadow: #6886b9 0px 0px 8px 0px;
}

.main_result .content-result .card_box .body_box .figure_box span {
  font-family: uni sans semi;
  text-align: center;
  font-size: 20px;
  color: #fff;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 0.3rem;
}

.main_result .content-result .card_box .body_box p {
  font-family: uni sans regular;
  font-size: 16px;
  color: #636e75;
  letter-spacing: .27px;
  line-height: 24px;
  margin-bottom: 0
}

.main_result .content-result .card_box .footer_box {
  width: 100%;
  max-width: 100%;
  display: none;
  position: relative;
  border-top: 1px solid rgba(124, 135, 142, .1)
}

.main_result .content-result .card_box .footer_box a {
  width: 100%;
  padding: 15px 17px;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  background-color: transparent;
  justify-content: center;
  font-family: uni sans semi;
  color: #6f8fc6;
  letter-spacing: .27px;
  line-height: 24px;
  transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s
}

.main_result .content-result .card_box .footer_box a {
  font-size: 14px
}

@media screen and (min-width: 320px) {
  .main_result .content-result .card_box .footer_box a {
    font-size: calc(14px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .main_result .content-result .card_box .footer_box a {
    font-size: 16px
  }
}

.main_result .content-result .card_box .footer_box a span {
  margin-left: 10px;
  line-height: 24px;
  font-size: 24px
}

.main_result .content-result .card_box .footer_box a:hover {
  background-color: #6f8fc6;
  color: #fff
}

.main_result .content-result.content-result_grid {
  grid-template-columns: repeat(3, minmax(0, 33.3333333333%))
}

.main_result .content-result.content-result_grid .card_box .header_box {
  padding: 20px 0 10px;
  border: none;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.main_result .content-result.content-result_grid .card_box .header_box .count_name {
  padding: 0;
  align-items: center;
  justify-content: center;
  width: 90%;
}

.main_result .content-result.content-result_grid .card_box .header_box .count_name span {
  display: none
}

.main_result .content-result.content-result_grid .card_box .header_box .count_name h2 {
  font-size: 14px
}

.main_result .content-result.content-result_grid .card_box .header_box .view {
  display: none
}

.main_result .content-result.content-result_grid .card_box .body_box {
  padding: 5px 30px 13px
}

.main_result .content-result.content-result_grid .card_box .body_box .figure_box {
  display: flex
}

.main_result .content-result.content-result_grid .card_box .body_box p {
  text-align: center;
  font-size: 15px
}

.main_result .content-result.content-result_grid .card_box .footer_box {
  display: block
}

@media(max-width: 768px) {
  .main_result .content-result.content-result_grid {
    grid-template-columns: repeat(2, minmax(0, 50%))
  }
}

@media(max-width: 576px) {
  .main_result .content-result.content-result_grid {
    grid-template-columns: repeat(1, minmax(0, 100%))
  }
}

.main_result .content-result .tab-pane .tab-content {
  width: 100%;
  position: relative;
  padding: 10px 20px 23px
}

@media(max-width: 768px) {
  .main_result .header_profile .info_profile h2 {
    margin-bottom: 10px
  }

  .main_result .header_profile .info_profile p {
    max-width: 250px;
    line-height: normal;
    margin-bottom: 15px
  }
}

.tab-content {
  width: 100%;
  display: block;
  overflow: hidden
}

.header_item_view {
  width: 100%;
  position: relative;
  padding: 0px 0 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: .5rem;
}

.header_item_view h2 {
  display: flex;
  align-items: center;
  font-family: uni sans semi;
  color: #ff0073;
  letter-spacing: .4px;
  line-height: 22px;
  margin-bottom: 0
}

.header_item_view h2 {
  font-size: 20px
}

@media screen and (min-width: 320px) {
  .header_item_view h2 {
    font-size: calc(18px + strip-unit(6px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .header_item_view h2 {
    font-size: 24px
  }
}

.header_item_view h2 span {
  font-size: 24px
}

.header_item_view p {
  font-family: uni sans regular;
  color: #636e75;
  letter-spacing: .25px;
  line-height: 21px;
  margin-bottom: 0
}

.header_item_view p {
  font-size: 16px
}

@media screen and (min-width: 320px) {
  .header_item_view p {
    font-size: calc(14px + strip-unit(4px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .header_item_view p {
    font-size: 18px
  }
}

.col-12 .box-item_view {
  width: 100%;
  display: block;
  position: relative;
  padding: 1.2rem !important;
}

.box-item_view h2 {
  font-family: uni sans semi;
  color: #ff0073;
  letter-spacing: .33px;
  line-height: 22px;
  margin-bottom: 7px
}

.box-item_view h2 {
  font-size: 20px
}

@media screen and (min-width: 320px) {
  .box-item_view h2 {
    font-size: calc(16px + strip-unit(4px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .box-item_view h2 {
    font-size: 20px
  }
}

.box-item_view p {
  font-family: uni sans regular;
  color: #7c878e;
  letter-spacing: .25px;
  line-height: 21px;
  margin-bottom: 14px
}

.box-item_view p {
  font-size: 18px
}

@media screen and (min-width: 320px) {
  .box-item_view p {
    font-size: calc(14px + strip-unit(1px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .box-item_view p {
    font-size: 15px
  }
}

.item_list {
  width: 100%;
  display: block;
  position: relative
}

.item_list h2 {
  font-family: uni sans semi;
  font-size: 16px;
  color: #636e75;
  letter-spacing: .27px;
  margin-bottom: 13px
}

.item_list ul {
  width: 100%;
  list-style: none;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0
}

.item_list ul li {
  padding: .5rem 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border-bottom: 1px solid rgba(111, 143, 198, .18)
}

.item_list ul li h3 {
  width: max-content;
  margin-bottom: 0;
  font-size: 1rem !important;
}

.item_list ul li h3 * {
  text-decoration: none;
  font-family: uni sans regular;
  color: #636e75;
  letter-spacing: .32px;
  line-height: 22px;
  display: block;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s
}

.item_list ul li h3 * {
  font-size: 1.1rem;
}

@media screen and (min-width: 320px) {
  .item_list ul li h3 * {
    font-size: calc(14px + strip-unit(5px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .item_list ul li h3 * {
    font-size: 19px
  }
}

.item_list ul li h3 *>span {
  color: #ff0073;
  transition: ease-in all .3s;
  -webkit-transition: ease-in all .3s;
  -moz-transition: ease-in all .3s;
  -ms-transition: ease-in all .3s;
  -o-transition: ease-in all .3s
}

.item_list ul li .step-progess {
  width: 100%;
  max-width: max-content;
  display: block;
  position: relative
}

.item_list ul li .step-progess p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 3px;
  text-align: center
}

.item_list ul li .step-progess .step {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 5px
}

.item_list ul li .step-progess .step span {
  width: 30px;
  height: 6px;
  display: block;
  background-color: #ccc
}

.item_list ul li .step-progess .step span:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px
}

.item_list ul li .step-progess .step span:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}

.item_list ul li .step-progess .step.step-process-initiated span.step-active {
  background-color: #777
}

.item_list ul li .step-progess .step.step-process-three span.step-active {
  background-color: #ffce00
}

.item_list ul li .step-progess .step.step-process-full span.step-active {
  background-color: #ff0073
}

.item_list ul li:last-child {
  border-bottom: none
}

.item_list ul li:last-child * {
  border: none
}

.item_list ul li:hover h3 * {
  color: #ff0073
}

.item_list .item_check {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.item_list .item_check .check_view {
  width: 100%;
  max-width: max-content;
  display: flex;
  align-items: center
}

.item_list .item_check .check_view p {
  font-family: uni sans regular;
  color: #7c878e;
  letter-spacing: .89px;
  line-height: normal;
  margin-bottom: 0
}

.item_list .item_check .check_view p {
  font-size: 14px
}

@media screen and (min-width: 320px) {
  .item_list .item_check .check_view p {
    font-size: calc(14px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .item_list .item_check .check_view p {
    font-size: 16px
  }
}

.item_list .item_check .check_view a {
  width: 24px;
  height: 24px;
  display: block;
  font-family: uni sans regular;
  color: #ff0073;
  letter-spacing: .89px;
  margin-bottom: 0
}

.item_list .item_check .check_view a {
  font-size: 14px
}

@media screen and (min-width: 320px) {
  .item_list .item_check .check_view a {
    font-size: calc(14px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .item_list .item_check .check_view a {
    font-size: 16px
  }
}

.item_list .item_btn {
  width: 100%;
  max-width: max-content;
  display: block;
  position: relative
}

.item_list .item_btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: uni sans semi;
  font-size: 16px;
  letter-spacing: .27px;
  text-align: center
}

.filter-content {
  width: 100%;
  position: relative
}

.filter-content h2 {
  margin-bottom: 0
}

.filter-content select {
  max-width: 200px;
  box-shadow: none !important;
  outline: none !important
}

.content_result_btn .navTab {
  gap: 6px;
}

.content_result_btn .navTab li:last-child {
  margin-right: 0
}

.content_result_btn .navTab li button {
  padding: 10px 15px 8px 15px;
}

.content-create {
  width: 100%;
  display: block;
  position: relative
}

.content-create .content-form {
  width: 100%;
  display: block;
  padding: 40px 30px 30px
}

.content-create .content-form h2 {
  text-transform: uppercase;
  font-size: 18px;
  font-family: uni sans semi;
  color: #ff0073;
  letter-spacing: .33px;
  line-height: 22px;
  border-bottom: 1px solid rgba(204, 204, 204, .8);
  margin: 0;
  padding-bottom: 20px
}

.userPrvofvile {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #d5d5d5;
  display: flex;
  align-items: center;
  padding: 20px
}

.userPrvofvile .avatar {
  width: 70px;
  height: 70px;
  border: 1px solid rgba(114, 114, 114, .8);
  overflow: hidden
}

.userPrvofvile .avatar img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center
}

.btn-update {
  width: 100%;
  max-width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 600;
  background-color: transparent;
  border: 1px solid rgba(74, 74, 74, .5);
  color: #ff0073;
  letter-spacing: .8px
}

.btn-update:hover {
  background-color: #ff0073;
  color: #fff;
  border-color: #ff0073
}

.box_edit {
  width: 100%;
  display: block;
  position: relative
}

.box_edit .data-input {
  width: 100%;
  display: block;
  position: relative;
  padding: 20px 30px
}

.box_edit .data-input label {
  width: 100%;
  margin-bottom: 15px;
  font-weight: 600;
  color: #636e75
}

.box_acount {
  width: 100%;
  position: relative;
  display: block;
}

.box_acount h2 {
  font-family: uni sans semi;
  color: #ff0073;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  max-width: 80%;
  margin: 0 auto !important;
  letter-spacing: 0;
  margin-bottom: 0;
}

.box_acount h2 {
  font-size: 18px
}

@media screen and (min-width: 320px) {
  .box_acount h2 {
    font-size: calc(18px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .box_acount h2 {
    font-size: 20px
  }
}

.box_acount ul {
  width: 100%;
  max-width: max-content;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.box_acount ul li {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  cursor: pointer;
  border: 1px solid #ff0073;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px
}

.box_acount ul li.active {
  background-color: #ff0073
}

form .form-check {
  display: flex;
  align-items: center
}

form .form-check label {
  font-family: uni sans regular;
  line-height: 22px;
  letter-spacing: .266667px;
  color: #4a4a4a
}

form .form-check label {
  font-size: 14px
}

@media screen and (min-width: 320px) {
  form .form-check label {
    font-size: calc(14px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  form .form-check label {
    font-size: 16px
  }
}

form .form-check label a {
  color: #4a4a4a
}

form .form-check .form-check-input {
  width: 20px;
  height: 20px
}

form .form-check .form-check-input:checked {
  background-color: #ff0073;
  border-color: #ff0073
}

.box_confirm {
  width: 100%;
  position: relative;
  display: block;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden
}

.box_confirm .header_confirm {
  width: 100%;
  padding: 40px 16px;
  background: #7c878e;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}

.box_confirm .header_confirm h2 {
  font-family: uni sans semi;
  line-height: 22px;
  letter-spacing: .4px;
  margin-bottom: 25px
}

.box_confirm .header_confirm h2 {
  font-size: 18px
}

@media screen and (min-width: 320px) {
  .box_confirm .header_confirm h2 {
    font-size: calc(18px + strip-unit(6px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .box_confirm .header_confirm h2 {
    font-size: 24px
  }
}

.box_confirm .header_confirm p {
  width: 100%;
  max-width: 400px;
  font-family: uni sans regular;
  line-height: 20px;
  margin: 0 auto
}

.box_confirm .header_confirm p {
  font-size: 14px
}

@media screen and (min-width: 320px) {
  .box_confirm .header_confirm p {
    font-size: calc(14px + strip-unit(4px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .box_confirm .header_confirm p {
    font-size: 18px
  }
}

.box_confirm .header_confirm p strong {
  font-family: uni sans bold
}

.box_confirm .header_form {
  width: 100%
}

.box_confirm .header_form h2 {
  font-family: uni sans semi;
  line-height: 22px;
  letter-spacing: .333333px;
  color: #4a4a4a
}

.box_confirm .header_form h2 {
  font-size: 18px
}

@media screen and (min-width: 320px) {
  .box_confirm .header_form h2 {
    font-size: calc(18px + strip-unit(2px) * ((100vw - 320px)/strip-unit(880px)))
  }
}

@media screen and (min-width: 1200px) {
  .box_confirm .header_form h2 {
    font-size: 20px
  }
}

.box_confirm form input {
  width: 100%;
  max-width: 300px;
  margin: 0 auto
}