/*CUSTOM*/

:root {
    --bs-primary: #2D1A8D!important;
    --bs-secondary: #2D1A8D;
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/poppins/Poppins-Regular.ttf"); }

.logo-h{
    width: 100%!important;
}
.logo-s{
    width: 20%;
}
.submit-button{
    background: #205485!important;
    width: 40%;
    transition: width .5s!important;
}
.form-check-input{
    border: 2px solid #205485!important;
}
.form-check-input:checked{
    background-color: #205485!important;

}
.submit-button:hover{
    background: #296cab!important;
    width: 50%;
}
h1{
    color: #e05151!important;
}
    p, h5, span, label{
    
    color: #205485!important;

}
.start-15{
    left: 15px!important;
}

.list-group-item strong, .list-group-item span{
     padding-left: 30px;
}

.list-group-item{
    border-radius: 15px!important;
}
textarea{
    height: 100%!important;
}
body{
    font-family: "Poppins-Regular";
}
.form-group span i{
    opacity: 50%!important;
}

.list-group-item:disabled{
    opacity: 0.5!important;
}
/*CUSTOM END*/

/* LIST GROUP */
.f-item{
    border-bottom-right-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
.int-item{
    border-radius: 0px!important;
}
.l-item{
    border-top-right-radius: 0px!important;
    border-top-left-radius: 0px!important;
}
.form-check-input:checked + .form-checked-content {
    opacity: 1!important;
}
.form-checked-content{
    font-weight: 600!important;
}
.list-group {
  width: 100%;
  max-width: 460px;
  margin-bottom: 0px!important;
  /*margin-inline: 1.5rem;*/
}
.list-group-item{
    cursor: pointer!important;
}
.list-group-item + .form-check-input:checked{
    border-radius: 2px solid black!important;
}

.form-check-input:checked + .form-checked-content {
  opacity: .4;
}

.form-check-input-placeholder {
  border-style: dashed;
}
[contenteditable]:focus {
  outline: 0;
}
.list-group-radio{
    transition: all .15s ease;
}
.list-group-checkable .list-group-item {
  cursor: pointer;
    
}
.list-group-item-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.list-group-item-check:hover + .list-group-item {
  background-color: var(--bs-secondary-bg);
}
.list-group-item-check:checked + .list-group-item {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.list-group-item-check[disabled] + .list-group-item,
.list-group-item-check:disabled + .list-group-item {
  pointer-events: none;
  filter: none;
  opacity: .5;
}

.list-group-radio .list-group-item {
  cursor: pointer;
  border-radius: .5rem;
}
.list-group-radio .form-check-input {
  z-index: 2;
  margin-top: -.5em;
}
.list-group-radio .list-group-item:hover,
.list-group-radio .list-group-item:focus {
  background-color: var(--bs-secondary-bg);
}
/*bordes lista radio*/
.list-group-radio .form-check-input:checked + .list-group-item {
  /*background-color: var(--bs-body);*/
  /*border-color: var(--bs-primary);*/
   border-color: #205485;

  box-shadow: 0 0 0 2px #9CABE6;
}
.list-group-radio .form-check-input[disabled] + .list-group-item,
.list-group-radio .form-check-input:disabled + .list-group-item {
  pointer-events: none;
  filter: none;
  opacity: .5;
}

/* FORM */
.form-group {
  position: relative;
  display: block;
  margin-bottom: 40px; }
  .form-group span {
    font-size: 15px;
    color: var(--bs-primary);
    position: absolute;
    top: 11px;
    left: 11px;
    transition: all .2s ease;
    transform-origin: 0 0;
    cursor: text; }
  .form-group span.border {
    height: 2px;
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 41px;
    transform: scaleX(0);
    transition: all .15s ease;
    background: #fff; }

.form-control {
  border: none;
  border-bottom: 2px solid #9CABE6;
  display: block;
  width: 100%;
  height: 43px;
  font-size: 15px;
  background: none;
  font-family: "Poppins-Regular"; }
  .form-control:focus, .form-control:valid, .form-control:invalid {
    border-bottom: 2px solid #fff; }
    .form-control:focus + span, .form-control:valid + span, .form-control:not(:placeholder-shown) + span {
      transform: translateY(-40px) scale(0.8); }
      .form-control:focus + span + .border, .form-control:valid + span + .border, .form-control:invalid + span + .border {
        transform: scaleX(1); }

textarea.form-control {
  padding-top: 10px;
  padding-bottom: 10px; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center center;
  background: url("../images/fondo3.jpeg") center top no-repeat!important;
  background-size: cover!important; }

.inner {
  max-width: 758px;
  margin: auto;
  background: #ffffff;
    /*gradiante*/
   /*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8%, rgba(255,255,255,1) 8%, rgba(134, 196, 255,1) 27%);*/
    /*color borde*/
  border: 10px solid #164281;
    
    border-radius: 15px;
  padding: 17px 62px 13px;
  box-shadow: 0px 0px 10px 0px rgba(49 ,30 ,146 , 10.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(49, 30, 146, 10.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(49, 30, 146, 10.2);
  -ms-box-shadow: 0px 0px 10px 0px rgba(49, 30, 146, 10.2);
  -o-box-shadow: 0px 0px 10px 0px rgba(49, 30, 146, 10.2); }

@media (min-width: 900px) {
    .mobile{
        display: none!important;
    }
}


@media (max-width: 767px) {
  h3 {
    font-size: 38px; }

  p {
    font-size: 14px;
    padding: 0; }

  .inner {
    padding: 27px 20px 37px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none; }

  .wrapper {
    background: #39459b;
    border: 10px solid #164281; } }