@media (min-width: 780px) {
    #main {margin-top: 140px;}
    .bubble-2 {border: 2px solid #FE3C00; background: #FFD6C4 !important; border-radius: 1rem;}
}

.line-primary {height: 2px !important; background: #FE3C00; border: none; opacity: 1 }
.form-1 label {color: #FE3C00; font-weight: 400; display: block}
.form-1 input {background: #FFD6C4;  margin: 10px 0; border: none;  color: rgba(254, 60, 0, 1) !important}
.form-1 ::placeholder { color: rgba(254, 60, 0, 1) !important}
.brd-bottom {border-bottom: 1px solid  #FE3C00 !important; border-top: none; border-left: none; border-right: none}
.btn-bg-primary {background: rgba(254, 60, 0, 1); color: #fff}
.btn-bg-primary:hover {color: #fff}

.form-check-input {width: 20px; height: 20px; border-color: #FE3C00 }
.bubble {background: #FFD6C4; border-radius: 1rem; padding: 3%; position: relative}
.bubble:after {content: "\F229"; font-family: "Bootstrap-icons"; color: #FFD6C4; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); font-size: 50px;}
.line-vertical {height: 100% !important; width: 2px; border: none; background: #FE3C00}

ul.steps {margin: 0; padding: 0}
ul.steps li {list-style: none; margin: 0 5px; display: inline-block}
ul.steps li:before {content: "\F28A"; font-family: "Bootstrap-icons"; color: #FE3C00; font-size: 25px  }
ul.steps li.active:before {content: "\F287";   }
.price-1 {border-left: 1px solid rgba(254, 60, 0, 1); font-family: 'Gelica'; font-weight: 600}
.help:before {content: "\F505"; font-family: "Bootstrap-icons"; font-size: 16px; vertical-align: super;}

/*.bootstrap-datetimepicker-widget table td span {width: 20px; height: 20px}*/
.glyphicon.glyphicon-chevron-up::after {content: "\F286";  font-family: "Bootstrap-icons"; line-height: 30px;}
.glyphicon.glyphicon-chevron-down::after {content: "\F282";  font-family: "Bootstrap-icons"; line-height: 30px;}
.bootstrap-datetimepicker-widget table td span {width: 30px; height: 30px; line-height: 30px;}
.bootstrap-datetimepicker-widget table td {height: 20px; line-height: 30px}
input::placeholder {opacity: 1 !important; color: #FE3C00}

.btn.collapsed.cpsed {background: #fff !important; color: #FE3C00 !important}
.btn.cpsed {background: #FE3C00 !important; color: #fff !important}
/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/

@media (max-width: 768px) {
    body.servicios #main {margin-top: 70px;}
.navbar-mobile .dropdown-active a.active,
.navbar-mobile .dropdown-active a:hover {color: #fff !important}
    .men-merch li, .men-merch li a {margin: 0 5px; font-size: 14px;}
    .men-cat li {margin: 15px 0 !important;}
    #servicios .row-cols-5 .col {width: 100%}
    .lnkserv img {display: inline-block !important; }
    .lnkserv span {display: inline-block; font-size: 14px; margin-left: 5%}
    .s-step .btn-back {position: absolute; left: 20px}
}