#hero .video-fill {
    position: absolute;
    top: 40%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    transform: translate(-50%, -50%);
    background-size: cover;
}

.section-title {width:60%;margin:0 auto;margin-top:80px;margin-bottom:60px;}

#header {z-index:500;}
#footer {margin-top:120px;}

#hero .carousel-item {
    position: relative;
    height: 100vh; /* Ajusta la altura según necesites */
    background-color: black; /* Fondo por defecto en caso de que el video no cargue */
}

#hero .carousel-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.accordion-button:not(.collapsed) {
    color: #333;
    background-color: #e0e0e0;
}

#hero .container {
    position: relative;
    z-index: 20;
}
.post-date {color:#666;padding:15px 0px 15px 0px;}
.cta {background:#50774b;}

#why-us span {font-size:64px;}
#why-us {padding:20px;}

#logo-img {
    max-height: 40px;
    margin-right: 6px;
}
.form-contol input {background:#e34a2b;}

#header .logo a {color:#1977cc;}
#faq header {margin:30px 0px;text-align:center;}
main section {
    padding: 90px 0;
}
.h1, h1 {font-weight:bold;}

.button--primary {
    font-family: "Raleway", sans-serif; 
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    background: #1977cc;    
    border:1px solid #145da0;
}
.webform-submission-form fieldset {    border: 1px solid #ccc;
    padding: 30px;
    text-align: left;
}

.progress-step.is-active .progress-marker::before {
    background-color: #1977cc;
    font-weight:bold;
}
.webform-button--draft, .webform-button--previous {
    background:#fff;
    border: 1px solid #1977cc;
    color:#1977cc;
}
.progress-marker::after {top:14px;}

.progress-marker::before {
    
    width: 34px;
    height: 34px;
}

.webform-scale-medium input + label {line-height:31px;}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1977cc;
    --bs-btn-border-color: #145da0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #145da0;
    --bs-btn-hover-border-color: #145da0;
    --bs-btn-focus-shadow-rgb: 25,119,204;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1a69b0;
    --bs-btn-active-border-color: #145da0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #145da0;
    --bs-btn-disabled-border-color: #145da0;
}

.alert {margin-bottom:20px;}
.alert.alert-status {color:#1a69b0;border:1px solid #1a69b0;background:#e6f2fc;font-size:12px;}
.alert.alert-error {color:#e49098;border:1px solid #e49098;background:#fdf5f6;font-size:12px;}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.webform-scale-options input:checked + label {border-color:#145da0;background:#1977cc;color:#fff;}

#edit-actions-submit,
#edit-actions-submit--1,  
#edit-actions-submit--2 {background:#e34a2b;width:100%;font-size:32px;border-width:0px;}
.form-control {background:#f3e4b9;border:1px solid #b0984f;}

form legend {font-size:14px;margin:0px;padding-top:0px;}
.fieldset-legend {font-size:22px;margin:0px;padding-top:0px;font-weight:bold;margin-bottom:20px;display:block;}

.form-actions {
    text-align: right;
}


.hero-banner {
    position: relative;
    height: 75vh;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .hero-content {
    background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente para mejorar la legibilidad */
    padding: 2rem;
  }

  #faq {background:#f1f1f1;}

  .post-box {padding:20px;}

  #about .content {padding:35px;background:#fafafa;border-radius:15px;padding-top:40px!important;}
  
  @media (max-width: 768px) {
    #header .logo {font-size:16px;}
    .why-us .content-item {padding: 40px 0;}
    .breadcrumbs {
        margin-top: 0px;
    }
  }