.btn2 {
    border: 0px;
    background: white;
}

.br-4 {
    border-radius: 4px;
}

.blue-title {
    color: #003662;
}

.bg-blue-title {
    background-color: #003662 !important;
}

.bg-pink {
    background-color: #E5137E !important;
}

.pink {
    color: #E5137E;
}

.fw-bold {
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.border-grey {
    border: 1px solid #CED4DA;
}

.border-grey-2 {
    border: 1px solid #D3D3D3;
}

.border-blue-2 {
    border: 2px solid #003662;
}

.border-pink {
    border: 2px solid #E5137E;
}

.w-160 {
    min-width: 160px;
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mb-36 {
    margin-bottom: 36px;
}

.mx--20 {
    margin-left: -20px;
    margin-right: -20px;
}

.px-20 {
    padding-right: 20px;
    padding-left: 20px;
}

button {
    cursor: pointer;
}

.group {
    width: min-content;
}

input.form-control-alt:-webkit-autofill,
input.form-control-alt:-webkit-autofill:hover,
input.form-control-alt:-webkit-autofill:focus,
input.form-control-alt:-webkit-autofill:active,
.form-control-alt {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    height: 58px;
    padding: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #858585;
    opacity: 1;
    -webkit-box-shadow: none !important;
}

select.form-control-alt {
    padding-left: 13px;
}

.btn-efecto:focus~.label-effect,
.btn-efecto:valid~.label-effect,
.btn-efecto.fill~.label-effect {
    transform: translate(-4px, -26px);
    font-size: 12px;
}

.btn-efecto:focus~.label-effect.label-centered,
.btn-efecto:valid~.label-effect.label-centered,
.btn-efecto.fill~.label-effect.label-centered {
    transform: translate(-4px, -26px);
    font-size: 12px;
}

.label-effect,
.select-effect {
    font-size: 1rem;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    top: 17px;
    margin-bottom: 0px;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transform-origin: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: auto;
    left: 15px;
    padding: 0px 5px;
    color: #858585;
    background-color: white;
    max-width: calc(100% - 18px);
}

.select-awesome:after {
    content: "\f0d7";
    font-weight: bold;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    right: 23px;
    top: 17px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    z-index: 2;
    color: #858585;
}

.bootstrap-select.form-control-alt {
    padding: 0px;
}

.bootstrap-select>.dropdown-toggle {
    background: transparent !important;
    color: #858585 !important;
    box-shadow: none;
    border: 0px !important;
    height: 100%;
    padding: 15px;
    outline: none !important;
    box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
}

.bootstrap-select>.dropdown-toggle:after {
    display: none;
}

.form-control-invalid {
    border: 2px solid #E5137E !important;
}

.form-control-invalid~label {
    color: #E5137E !important;
}

.form-control-alt:disabled {
    background-color: #F7F7F7 !important;
    border: 1px solid #D3D3D3 !important;
    color: #858585 !important;
}

.form-control-alt:disabled~label {
    background-color: #F7F7F7;
}

.custom-checkbox {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CED4DA;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-checkbox:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    max-width: 0px;
    max-height: 0px;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    background-color: #003662;
    border-radius: 50%;
}

input:checked~.custom-checkbox:after {
    max-width: 10px;
    max-height: 10px;
}

input:checked~.custom-checkbox {
    border-color: #003662;
}

.control-table {
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 0px 1px #d3d3d3;
    border-style: hidden;
}

.control-table th,
.control-table td {
    border: 1px solid #D3D3D3;
}

.control-table th,
.control-table td {
    height: 58px;
    vertical-align: middle;
}

.control-table th:first-child {
    border-top-left-radius: 4px;
}

.control-table th:last-child {
    border-top-right-radius: 4px;
}

.control-table tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}

.control-table tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}


/*===========step-bar===============*/

.step-bar {
    display: grid;
    grid-template-columns: 36px auto 36px auto 36px auto 36px auto 36px;
    width: 100%;
    /* max-width: 656px; */
    margin: 0px auto;
    align-items: center;
    position: relative;
}

.step-bar,
.step-bar *,
.step-bar *:after {
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
}

.step-bar .circle-step {
    background: #CED4DA;
    min-width: 36px;
    max-width: 36px;
    width: 36px;
    min-height: 36px;
    max-height: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 50%;
}

.step-bar .circle-step .after-progress-circle {
    background: transparent;
    background-size: 200%;
    min-width: 36px;
    max-width: 36px;
    width: 36px;
    min-height: 36px;
    max-height: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-position: 100%;
}

.step-bar .circle-step .after-progress-circle .circle-number {
    background: rgb(229, 19, 126);
    background: linear-gradient(90deg, rgba(229, 19, 126, 1) 50%, rgba(206, 212, 218, 1) 50%);
    min-width: 36px;
    max-width: 36px;
    width: 36px;
    min-height: 36px;
    max-height: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 16px;
    font-weight: proxima-nova-bold;
    font-weight: 700;
    color: white;
    background-position: 100%;
    background-size: 200%;
}

.circle-step span {
    position: absolute;
    top: 90px;
    color: var(--bg_step_2);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
}

.line-step {
    background: #CED4DA 0% 0% no-repeat padding-box;
    height: 5px;
    position: relative;
    z-index: 0;
    left: -2px;
    width: calc(100% + 4px);
}

.circle-step span {
    color: var(--bg_step_2);
    font-size: 16px;
}

.d-contents:nth-child(1) .circle-step {
    z-index: 15;
}

.d-contents:nth-child(2) .circle-step {
    z-index: 14;
}

.d-contents:nth-child(3) .circle-step {
    z-index: 13;
}

.d-contents:nth-child(4) .circle-step {
    z-index: 12;
}

.d-contents:nth-child(4) .circle-step {
    z-index: 11;
}

.d-contents:nth-child(4) .circle-step {
    z-index: 10;
}

.d-contents:nth-child(4) .circle-step {
    z-index: 9;
}

.d-contents:nth-child(4) .circle-step {
    z-index: 8;
}

.d-contents:nth-child(4) .circle-step {
    z-index: 7;
}

.d-contents:nth-child(4) .circle-step {
    z-index: 6;
}

.d-contents:nth-child(4) .circle-step {
    z-index: 5;
}

.progress-color {
    background: #E5137E 0% 0% no-repeat padding-box;
    border-radius: 0px 10px 10px 0px;
    height: 8px;
    position: absolute;
    width: 0px;
    left: calc(100% - 9px);
}

.progress-color.mid {
    width: 62px;
}

.progress-color.full {
    width: 134px;
}


/* Elemento para ocultar sombras entre circulos y lineas */

.hide-shadows-right {
    background: #fafafa 0% 0% no-repeat padding-box;
    height: 16px;
    position: absolute;
    width: 7px;
    left: calc(100% - 2px);
    z-index: -1;
}

.hide-shadows-left {
    background: #fafafa 0% 0% no-repeat padding-box;
    height: 16px;
    position: absolute;
    width: 7px;
    left: calc(0% - 4px);
    z-index: -1;
}

@media (max-width: 670px) {
    .finsoAmigo_progress {
        height: 118px;
    }
    .step-bar {
        grid-template-columns: 45px auto 45px auto 45px auto 45px;
        max-width: 320px;
    }
    .step-bar .circle-step {
        min-width: 45px;
        max-width: 45px;
        width: 45px;
        min-height: 45px;
        max-height: 45px;
        height: 45px;
    }
    .step-bar .circle-step .after-progress-circle {
        min-width: 34px;
        max-width: 34px;
        width: 34px;
        min-height: 34px;
        max-height: 34px;
        height: 34px;
    }
    .step-bar .circle-step .after-progress-circle .circle-number {
        min-width: 30px;
        max-width: 30px;
        width: 30px;
        min-height: 30px;
        max-height: 30px;
        height: 30px;
        font-size: 18px;
        padding-top: 2px;
    }
    .step-bar .circle-step:nth-child(7) .after-progress-circle .circle-number {
        padding-right: 2px;
    }
    .circle-step span {
        position: absolute;
        top: 90px;
        color: var(--bg_step_2);
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        left: 50%;
        transform: translate(-50%);
    }
    .line-step {
        height: 9px;
        /* left: -5px; */
        /* width: 110%; */
    }
    .circle-step span {
        font-size: 12px;
        top: 50px;
    }
    .progress-color {
        height: 2px;
        left: calc(100% - 6px);
    }
    .progress-color.mid {
        width: 25px;
    }
    .progress-color.full {
        width: 60px;
    }
    /* Elemento para ocultar sombras entre circulos y lineas */
    .hide-shadows-right {
        height: 9px;
    }
    .hide-shadows-left {
        height: 9px;
    }
}


/* .step-bar .circle-step.active .after-progress-circle {
    animation: activeCircle 1s linear forwards;
  }
  
  .circle-step.active .progress-color {
    animation: activeLine 1s linear forwards;
  }
  .step-bar .circle-step.active .after-progress-circle .circle-number {
    color: #E1097E;
  }
  
  .circle-step.active span {
    color: #E1097E;
    font-size: 16px;
  } */


/* @keyframes activeCircle {
    0% {
      background-position-x: 100%;
    }
    100% {
      background-position-x: 0%;
    }
  }
  
  @keyframes activeLine {
    0% {
      width: 0px;
    }
    100% {
      width: 134px;
    }
  } */

.d-contents {
    display: contents;
}

.select2-selection__clear {
    display: none;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-30 {
    margin-top: 30px;
}

.grid-codigo {
    display: grid;
    place-content: center;
    align-content: center;
    grid-template-columns: repeat(6, auto);
    gap: 15px;
}

input.codigo {
    width: 48px;
    height: 58px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    text-align: center;
    font: normal normal bold 35px/42px Proxima Nova;
    letter-spacing: 1.75px;
    color: #003662;
    padding: 4px 8px;
}

input.codigo::-webkit-outer-spin-button,
input.codigo::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.text-blue {
    color: #003662;
}

.p-10-14 {
    padding: 10px 14px !important
}

.text-fucsia {
    color: #E5137E;
}

.bg-fucsia {
    background-color: #E5137E !important;
    color: white !important;
    opacity: 1 !important;
}

.bg-blue {
    background-color: #003662;
}

#btnClose {
    padding: 12px 42px;
}

.squared-icon.text-red:after {
    color: #F20000;
}

.btn-blue-dark {
    background-color: #0B4EBD !important;
}

.mr-10 {
    margin-right: 10px;
}

.mt-04 {
    margin-top: 4px;
}

/* .pt-50 {
    padding-top: 50px;
} */

.swal2-popup {
    height: 240px;
    width: 500px;
}

.swal2-confirm {
    width: 160px;
    height: 48px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
}

.swal2-content p,
.swal2-content button {
    font-size: 16px !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
    font-size: 16px !important;
}

.text-pink {
    color: #E5137E;
}

.btn-pink {
    background-color: #E5137E !important;
}




#btnCertificado .agenda_icon img {
    margin-left: -30px;
}

#btnCertificado .btn-simulador_credito {
    padding: 18px 55px;
}

#btnCertificado .btn-simulador_credito>span {
    font-weight: 100;
}

#btnCertificado {
    background-image: url(../img/icons/icons_v2/finsostarblack.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 20%;
    background-position-y: -2px;
    white-space: normal;
}

#btnCertificado .simulador_infobox .btn-simulador {
    background-position: 100%;
}

.blacktext {
    color: #503f1f;
}


/*---------------------------modal----------------------------------------------------*/

#btnCertificado2 {
    background-image: url(../img/icons/icons_v2/finsostarblack.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 25%;
    background-position-y: 6px;
}

.simulador_infobox .btn-simulador {
    background-position: 100%;
}


/*.btn_txt_Renta{color: white;font-weight: 100;}*/

#modRenta .modal-content,
#modal_exitoso .modal-content,
#modal_error .modal-content {
    background-image: url(../img/modal/popup1.svg);
    background-repeat: no-repeat;
    background-color: #f7f7f7;
    background-position: 100% 35%;
    background-size: 70%;
    border-radius: 1rem;
    border: none;
    padding: 25px 35px;
}

#modal_exitoso .modal-content {
    background-image: url(../img/modal/popup2.svg);
    height: 410px;
}

#modal_error .modal-content {
    background-image: url(../img/modal/popup3.svg);
    height: 410px;
}

#modal_error p {
    text-align: justify;
    margin-top: 100px;
    color: #787878;
}

#modal_exitoso p {
    text-align: justify;
    margin-top: 100px;
    color: #787878;
}

.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top: none;
}

.titleModal {
    color: #005CA2;
    margin-bottom: 28px;
    margin-right: 185px;
    margin-top: 50px;
    font-size: 18px;
    font-weight: 500;
    font-family: sans-serif;
}

.ValD {
    background-color: #005CA2;
    border-radius: 20px;
    padding: 8px 75px;
    text-align: center;
    border-color: #005CA2;
}

.cen {
    text-align: center;
    margin-top: 30px;
}

.form-control {
    font-size: 0.8rem;
    border: 1px solid #EDEDED;
}

#myModal {
    border-radius: 12px;
}

#modal_error {
    border-radius: 12px;
}

#modal_exitoso {
    border-radius: 12px;
}

span>.btn_txt {
    font-weight: 100;
}

.g-recaptcha {
    margin-top: 10px;
    /*      -webkit-transform: scale(0.77);
-moz-transform: scale(0.77);
-ms-transform: scale(0.77);
-o-transform: scale(0.77);
transform: scale(0.77);*/
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

@media only screen and (max-width: 1024px) {
    .blacktext {
        font-size: 13px;
    }
    #btnCertificado {
        background-size: 26%;
        white-space: normal;
    }
}

@media only screen and (min-width: 361px) and (max-width: 991px) {
    .modal-content {
        background-position: 175px 105px;
    }
    .titleModal {
        margin-right: 70px;
    }
}

@media only screen and (max-width: 768px) {
    #btnCertificado .agenda_icon img {
        margin-left: 0px;
        width: 20px;
    }
}

@media only screen and (max-width: 414px) {
    .btn-simulador_credito {
        padding: 10px 0px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
    .titleModal {
        font-size: 14px;
        margin-right: 0px;
    }
    .modal-content {
        background-position: 175px 105px;
    }
}

@media only screen and (max-width: 500px) {
    #btnCertificado {
        background-image: none;
        width: min-content;
        white-space: nowrap;
        padding: 9px;
        border-radius: 6px;
    }
}


.distancia-p {
    margin-bottom: 0.8em;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
  }
  
  .color-p {
    color: white;
  }
  
  #btn-footer {
    background: #E8E8E8 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    width: 17em;
    height: 2.8em;
    border: none;
  }
  
  #btn-suscribirse {
    background: #FEBE2C 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    border: none;
    width: 7em;
    height: 2.2em;
    color: white;
  }
  .modal-dialog{
    max-width: 982px !important;
  }
  .cdk-overlay-container, .cdk-overlay-pane {
    z-index: 9999 !important;
  }
  /* ::ng-deep .mat-select-arrow {
    border-left: 15px solid transparent !important;
    border-right: none !important;
    border-top: 15px solid transparent !important;
    border-image-source: url('my img url') !important;
    border-image-repeat: stretch !important;
  } */
  
  #input-suscribirse {
    height: 2.2em;
    border-radius: 10px;
  }
  
  input ~ .unckeck,
  input:checked ~ .checked {
    display: block;
  }
  
  input:checked ~ .unckeck,
  input ~ .checked {
    display: none;
  }
  
  @media (max-width: 575.98px) {
    #border-footer {
        border-right: none !important;
    }
  }
  
  @media (min-width: 576px) and (max-width: 767.98px) {
    #border-footer {
        border-right: none !important;
    }
  }
  
  @media (min-width: 992px) and (max-width: 1199.98px) {
    #youtube-img {
        margin-left: 0.2em !important;
    }
  }
  
  #btn-credito {
    background: #F2C244 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 10px;
    opacity: 1;
    height: 2em;
  }
  
  #img-menu {
    width: 8em;
  }
  
  #background-menu {
    background: transparent
  }
  
  #menu-background:hover {
    background: #EFEFEF;
    color: black;
  }
  
  #menu-collapse {
    max-height: calc(100vh - 50px);
    overflow: auto;
  }
  
  .button-menu {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    opacity: 1;
    border: none;
    height: 2.5em;
    width: 12em;
    padding-left: 0.8em;
    padding-right: 0.8em;
  }
  
  #btn-amarillo {
    background: #F2C244 0% 0% no-repeat padding-box;
  }
  
  #btn-amarillo:hover {
    background-color: #3871AF !important;
    color: white !important;
  }
  
  #btn-aqua {
    background: #16acbb 0% 0% no-repeat padding-box;
    color: white;
  }
  
  #btn-aqua:hover {
    background-color: #fff !important;
    color: #0B2566 !important;
  }
  
  #color-hover.hover {
    position: relative !important
  }
  
  #color-hover:hover,
  #color-hover.hover {
    background-color: white;
    box-shadow: 0px 3px 6px #00000029 !important;
    -webkit-box-shadow: 0px 3px 6px #00000029 !important;
    -o-box-shadow: 0px 3px 6px #00000029 !important;
    -moz-box-shadow: 0px 3px 6px #00000029 !important;
  }
  #color-hover.hover a {
      color: #0B2566 !important;
  }
  #color-hover.hover #img-menu {
      /* content: url('../../../assets/img/Grupo 2552.svg') !important; */
      width: 8em;
  }
  
  .dropdown-item {
    font-size: 13px;
    padding-left: 20px;
    padding-right: 10px;
    display: flex;
  }
  
  .dropdown-menu[data-bs-popper] {
    right: -25px;
    left: auto;
    top: 120%;
  }
  
  .dropdown-menu[data-bs-popper]:before {
    content: "";
    position: absolute;
    right: 32px;
    top: -15px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid rgba(0, 0, 0, 0.15);
    clear: both;
  }
  
  .dropdown-menu[data-bs-popper]:after {
    content: '';
    position: absolute;
    right: 33px;
    top: -14px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 14px solid #fff;
    clear: both;
  }
  
  .dropdown-menu {
    padding: 0px;
    border-radius: 10px;
  }
  .dropdown-menu li {
      overflow: hidden;
  }
  .dropdown-menu li:first-child {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
  }
  .dropdown-menu li:last-child {
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
  }
  
  #btn-azul {
    background: #13ACBB 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    opacity: 1;
  }
  
  #navbarNavDropdown {
    flex-grow: 0;
    justify-content: center;
    display: flex;
  }
  
  .navbar-nav .nav-link {
    font-size: 14px;
  }
  
  #menu-desktop {
    display: none;
  }
  
  #menu-mobile {
    display: block;
    background-color: #0B2566;
    height: 50px;
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0px;
  }
  
  #menu-collapse .accordion-item {
      border: 0px;
  }
  #menu-collapse .accordion-button {
      background-color: #0B2566;
      width: auto;
      border-radius: 0px;
      border-bottom: 1px solid white;
      color: #fff;
      padding: 12px 34px;
      font-size: 16px;
      width: auto;
      box-shadow: none;
      width: 100%;
  }
  #menu-collapse .accordion-button::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      margin-left: 4px;
      filter: brightness(100) grayscale(1);
      width: 1rem;
      height: 1rem;
      background-size: 1rem;
  }
  #menu-collapse .accordion-button.collapsed {
      background-color: #EFEFEF;
      color: #0B2566;
  }
  #menu-collapse .accordion-button.collapsed::after {
      filter: brightness(0.4) contrast(1.5);
  }
  #menu-collapse .accordion-button.not-arrow::after {
      display: none;
  }
  
  .accordion-body p {
    cursor: pointer;
  }
  
  @media (max-width: 575.98px) {}
  
  @media (min-width: 576px) and (max-width: 767.98px) {}
  
  @media (min-width: 768px) and (max-width: 991.98px) {}
  
  @media (min-width: 992px) and (max-width: 1199.98px) {}
  
  @media (min-width: 1200px) {
    #menu-desktop {
        display: block;
    }
    #menu-mobile {
        display: none;
    }
  }
  
  .accordion-header {
    margin-bottom: 1px !important;
  }
  
  .accordion-button {
    border: 0px !important
  }