:root {
    --bs-breadcrumb-divider: ' ⇾ ';
}

.card-custom {
  background-color: #eaecef;
  padding:25px;
}


.brand-logo{
  content: url("/themes/tl/assets/logo.png");
  max-width: 65%;
}
.progress-bar {
  background-color: #30b67d !important;
}

.progress {
  background-color: white;
}

.progress-bar:before {
  content: '';
}


.step-1-text:after {
  content: '1. Name';
}
.step-2-text:after {
  content: '2. Contact';
}
.step-3-text:after {
  content: '3. Info';
}
.step-4-text:after {
  content: '4. Payment';
}


.step-assistance-text:after {
  content: 'Assistance';
}
.step-reminder-text:after {
  content: 'Reminder';
}
.step-privacy-text:after {
  content: 'Privacy';
}
.step-confirmation-text:after {
  content: 'Confirmation';
}


/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) { 
  .responsive-text {
    font-size: 12px;
  }
}

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) { 
  .responsive-text {
    font-size: 14px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  .responsive-text {
    font-size: 16px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  .responsive-text {
    font-size: 18px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .responsive-text {
    font-size: 20px;
  }
}



main, nav {
  background-color: #c6e4ff;
}

/*************/

main{
    font-size: 18px;
}
.flow-terms{
    width:100%;
    height:100px;
    color:black;
    background-color:white;
}

.form-label{
    font-weight: bolder;
}

.bg-custom {
  background-color: #cdcdcd;
}

/* 
CF 03 - [D] Funnel: CTA TEST

placements:
- /page/*.html
- /step-(1-2-3-4)
*/
@media only screen and (min-width: 767px){
    input.btn-next, button.btn-next {
        background-color: #558E03 !important;
        border-color: #558E03 !important;
        background-image: none;
        color: white;
    }

    input.btn-next.disabled, button.btn-next.disabled, input.btn-next:disabled, button.btn-next:disabled {
        color: white;
        pointer-events: none;
        background-color: #a6a6a6 !important;
        border-color: #a6a6a6!important;
        opacity: var(--bs-btn-disabled-opacity);
    }

    input.btn-next:hover, button.btn-next:hover {
        background-color: #416D02 !important;
        border-color: #416D02 !important;
        background-image: none !important;
        background-position: 0 !important;
        color: white;
    }
}
@media only screen and (max-width: 767px){
    input.btn-next, button.btn-next {
        background-color: #da4f49 !important;
        border-color: #da4f49 !important;
        background-image: none;
        color: white;
    }
    input.btn-next.disabled, button.btn-next.disabled, input.btn-next:disabled, button.btn-next:disabled {
        color: white;
        pointer-events: none;
        background-color: #a6a6a6 !important;
        border-color: #a6a6a6!important;
        opacity: var(--bs-btn-disabled-opacity);
    }

    input.btn-next:hover, button.btn-next:hover {
        background-color: #da4f49 !important;
        border-color: #da4f49 !important;
        background-image: none !important;
        background-position: 0 !important;
        color: white;
    }
/*    .btn.disabled, .btn:disabled, fieldset:disabled .btn {
        color: var(--bs-btn-disabled-color);
        pointer-events: none;
        background-color: var(--bs-btn-disabled-bg);
        border-color: var(--bs-btn-disabled-border-color);
        opacity: var(--bs-btn-disabled-opacity);
    }*/
}