.agency-intro-block {
    border-left: 4px solid #fc0;
    padding: 20px 0 20px 20px;
}
 .agency-intro-block .agency-intro-heading
  {
font-size: 32px;
    font-weight: 700;
    color: #000;
    margin: 0 0 14px;
    line-height: 1.2;
  }

.agency-intro-block p {
    color: rgba(34, 34, 34, 0.8);
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 10px;
}
  @media screen and (max-width: 992px) {
    .agency-intro-block .agency-intro-heading {
        font-size: 22px;
    }
}

    .pco-offers {
            background: #f5f5f5;
            padding: 60px 0
        }

        .pco-offers .main-container {
            max-width: 1240px
        }

        .pco-offers .offers-section__grid {
            align-items: stretch
        }

        .pco-offers .offers-section__card {
            display: flex;
            flex-direction: column;
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 4px 16px rgb(0 0 0 / .08);
            padding: 32px
        }

        .pco-offers .offers-section__card-title {
            padding-bottom: 16px;
            margin-bottom: 16px;
            border-bottom: 3px solid #fc0
        }

        .pco-offers .offers-section__card-subtitle {
            margin-bottom: 20px
        }

        .pco-offers .offers-section__card-list {
            flex: 1 0 auto;
            list-style: none !important;
            padding-left: 0 !important;
            margin: 0 0 20px
        }

        .pco-offers .offers-section__card-list li {
            position: relative;
            list-style: none !important;
            padding-left: 30px;
            margin-bottom: 12px;
            font-size: 15px
        }

        .pco-offers .offers-section__card-list li::marker {
            content: ""
        }

        .pco-offers .offers-section__card-list li::before {
            content: "\2713";
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #fc0;
            color: #000;
            font-size: 12px;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .pco-offers .offers-section__card .h-btn {
            margin-top: auto;
            align-self: flex-start
        }

        a.faq-cta-btn {
            color: #000 !important
        }


.offers-section .main-container {
    /* max-width: 1100px; */
    margin: auto;
    display: block!important;
    float: none!important
}

.offers-section__header {
    display: block!important;
    width: 100%!important;
    float: none!important;
    background: none!important;
    background-color: transparent!important;
    color: inherit!important;
    margin-bottom: 30px;
    text-align: left
}

.offers-section__header .heading.h2 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 20px
}

.offers-section__intro {
    margin: 0;
    font-size: 18px;
    line-height: 1.4
}

.offers-section__cta {
    margin-top: 20px
}

.offers-section__cta .h-btn {
    width: fit-content;
    margin-top: 0
}

.offers-section__grid {
    display: flex;
    gap: 30px;
    flex-wrap: wrap
}

.offers-section__card {
    flex: 1;
    min-width: 280px;
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    text-align: left;
    color: #45484a
}

.offers-section__card-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #000;
    text-align: left;
}

.offers-section__card-subtitle {
    margin: 0 0 15px;
    color: #45484a
}

.offers-section__card-list {
    margin: 0 0 25px;
    padding-left: 20px;
    color: #45484a
}

.offers-section__card-list li {
    font-size: 17px;
    margin-bottom: 10px;
    color: #45484a
}

.offers-section__card .h-btn,.offers-section__card .h-btn:visited {
    width: fit-content;
    margin-top: 0
}

.offers-section__legal {
    margin-top: 30px;
    text-align: left
}

.offers-section__card-cta-secondary,.offers-section__card-cta-secondary:visited {
    background: #fff0;
    border: 2px solid #000;
    color: #000
}

.offers-section__card-cta-secondary:hover,.offers-section__card-cta-secondary:focus,.offers-section__card-cta-secondary:visited:hover,.offers-section__card-cta-secondary:visited:focus {
    border-color: #000;
    color: #fff
}
.pco-offers .offers-section__card-title
{
    text-align: left !important;
}

 .faq-cta-section.faq-bg-white
  {
    background-color:#fff;
  }
  /* ===== FAQ CTA SECTION ===== */
.faq-cta-section {
    background: #f5f5f5;
    padding:  0 0 50px;
   

.faq-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    background: #fff;
    border-radius: 16px;
    padding: 36px 40px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border-left: 4px solid #fc0;
}

.faq-cta-heading {
    font-size: 22px !important;
    font-weight: 700;
    color: #000;
    margin: 0 0 8px;
    text-align: left;
}

.faq-cta-text p {
    font-size: 15px;
    color: rgba(34, 34, 34, 0.75);
    margin: 0;
    line-height: 1.5;
}

.faq-cta-btn {
    flex-shrink: 0;
    display: inline-block;
    background: #fc0;
    color: #000;
    font-weight: 700;
    font-size: 15px;
    padding: 12px 28px;
    border-radius: 50px;
    text-decoration: none;
    transition: background 0.2s;
    white-space: nowrap;
}

.faq-cta-btn:hover {
    background: #e6b800;
    color: #000;
    text-decoration: none;
}

@media (max-width: 768px) {
    .faq-cta-inner {
        flex-direction: column;
        align-items: flex-start;
        padding: 28px 24px;
    }
}}



/* Custom added css */
.heading.h1 {
    font-size: 42px;
    margin-bottom: 10px;
    @media screen and (max-width: 992px) {
  
        font-size: 30px;
    
}
}
.heading.h2 {
    font-size: 32px;
    @media screen and (max-width: 992px) {

        font-size: 22px;
    
}
}
.common-pad {
    padding: 70px 0;
}
@media screen and (max-width: 768px) {
    .common-pad {
        padding: 40px 0;
    }
}
.hero-section-pco-rental
{
    padding-bottom:70px;
    @media screen and (max-width: 768px) {
    
        padding-bottom:40px;
    }
}
.hs_outer_container p {
    text-align: left;
}
ul.fleat-features {
    list-style: none;
    padding-left: 0;
    margin: 20px 0 0;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
    
}
ul.fleat-features li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    color: #000;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 30px; 
background: url(https://www.hertzpageo.com/img/pco-new/check-icon-with-bg.svg) no-repeat left center;
background-size: 28px;
@media(max-width:1199px){
    width: calc(50% - 10px);
    text-align: left;
}
@media(max-width:767px){
width: 100%;
}
}
.common-pad.agency-intro
{
    padding-top:0;
    .agency-intro-block
    {
        text-align: left;
    }
}

.browser-fleet
{
    background: #F5F5F5;
    margin-bottom: 0;
    .col-md-4>div{
        
    }
    .car_card_style
    {
border-radius: 12px;
border: 1px solid #EEE;
background: #FFF;
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);
        
        .btn-outline
        {
            border: 2px solid #000;
        }
        .car_card_style_img
        {
            @media (max-width: 992px) {
            padding:20px 0;
            }
        }

    }
}
.offers-section.pco-offers
{
    background: var(--Hertz-Gold-100, #FFFBEA);
}
.supporting-driver-sec
{
    .heading.h3{
        font-size: 20px;
font-weight: 700;
line-height: 22px;
text-align: left !important;

    }
    .have-strip
    {
        margin-bottom: 20px;
    }
    p{
        color: #45484A;
font-size: 16px;
font-weight: 400;
line-height: 28px;
text-align: left;
&:not(:last-child){
margin-bottom: 15px;
}
    }
}
.main-container.form-container
{
    text-align: left;
}




.browser-fleet .car_card_style .btn-outline {

            white-space: nowrap;
        }


.rent-ev-block .heading
{
    color: #000;
}
@media(max-width:575px){

    .car_spec_wrap
    {
     grid-template-columns: auto auto !important;       
    }
    
.browser-fleet {
    .car_card_style {
padding:10px;
    }}
        .card-grid.car_card_style .car_card_style_img {
        padding-bottom: 20px !important;
    }
    
}

/* for weekly input */
/* --- Ultimate Range Input Fix --- */

/* 1. Remove background, border, and shadows from input elements */
.ff-range-wrap input[type="range"].ff-range-input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    height: 100% !important;
    z-index: 3 !important;
}

/* 2. Hide native tracks completely */
.ff-range-wrap input[type="range"].ff-range-input::-webkit-slider-runnable-track {
    -webkit-appearance: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.ff-range-wrap input[type="range"].ff-range-input::-moz-range-track {
    -moz-appearance: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. Ensure custom background track & yellow fill stay behind the thumbs */
.ff-range-wrap .ff-range-track {
    z-index: 1 !important;
}

.ff-range-wrap .ff-range-fill {
    z-index: 2 !important;
}

/* 4. Layer the circular handles over the track */
.ff-range-wrap input[type="range"].ff-range-input::-webkit-slider-thumb {
    position: relative !important;
    z-index: 10 !important;
}

.ff-range-wrap input[type="range"].ff-range-input::-moz-range-thumb {
    position: relative !important;
    z-index: 10 !important;
}

/* fleet section changes */
.promo-available-wrapper .card-grid_title {
    text-align: right;
    max-width: 100%;
    overflow: unset;
    text-wrap: auto;
    padding-left: 45%;
}
.card-grid .card-grid_title{
        font-size: 22px;    
        margin: 0 0 15px;
}

/* for pco header */
@media screen and (max-width: 1599px) {
  .vt-max-width-set
  {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
  }
    .vehicle-type-nav.d-flex {
        justify-content: flex-start;
        width: 100vw;
        border-top:0;
        border-bottom:0;
        gap:20px;
        overflow: auto;
    }
    .vehicle-type-nav.d-flex a {
        padding: 10px 20px;
    }
}