/* carbon-peel-treatment-kolkata.php ka apna CSS. Pehle isi page ke andar <style> me tha,
   content bilkul waisa hi hai - sirf external file me shift kiya gaya. */

  .boosters-section {
    padding: 60px 20px;
    background: #fff8f8;
    font-family: Arial, sans-serif;
  }
  .boosters-section h2 {
    color: #d26c78;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 15px;
  }
  .boosters-section .intro {
    max-width: 900px;
    margin: 0 auto 40px auto;
    text-align: center;
    font-size: 1rem;
    color: #444;
  }
  .boosters-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
  }
  
  .booster-card {
    padding: 25px 20px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    text-align: left;
  }
  .booster-card h3 {
  margin-bottom: 12px;
  font-size: 1.3rem;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 3px solid currentColor;
  display: inline-block;
}
.pink h3 { color: #b23a48; border-color: #b23a48; }
.yellow h3 { color: #b07c00; border-color: #b07c00; }
.white h3 { color: #333; border-color: #888; }
.peach h3 { color: #c45b26; border-color: #c45b26; }

  .booster-card .icon {
    width: 40px;
    margin-bottom: 10px;
    transition: transform 0.3s ease;
  }
  .booster-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
  }
  .booster-card:hover .icon {
    transform: scale(1.2) rotate(8deg);
  }
  .booster-card h3 {
    margin-bottom: 10px;
    font-size: 1.2rem;
  }
  .booster-card ul {
    padding-left: 20px;
    margin-bottom: 10px;
  }
  .booster-card li {
    margin-bottom: 5px;
  }
  .pink { background: #f9d7da; }
  .yellow { background: #ffcc4d; }
  .white { background: #f9f9f9; }
  .peach { background: #fcd2b1; }
  /* Remove default bullets */
.booster-card ul {
  list-style: none;
  padding-left: 0;
}

/* Custom bullet style */
.booster-card ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
}

/* Creative bullet icons for each card */
.pink ul li::before,
.yellow ul li::before,
.white ul li::before,
.peach ul li::before {
  content: "\f058"; /* Font Awesome check-circle */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 1rem;
}

/* Color match bullets to card themes */
.pink ul li::before { color: #b23a48; }
.yellow ul li::before { color: #b07c00; }
.white ul li::before { color: #333; }
.peach ul li::before { color: #c45b26; }
.fa-ul {
    padding-left: 0;
    margin-left: 2.5em;
    list-style-type: none;
    position: relative;
}
.all1 ul li::before,
.all2 ul li::before{
  content: "\f058"; /* Font Awesome check-circle */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: -20px;
  top: -1px;
  font-size: 1rem;
}

.alll ul li::before, { color: #000; }
.all2 ul li::before, { color: #c45b26; }

        h3 {
            font-family: sans-serif;
        }
        .bg-0 {
            background-color: #f8f9fa
        }

        .bg-1 {
            background-color: #f5ced1
        }

        .bg-2 {
            background-color: #ffbb90
        }
        .bg-3{
            background-color:#ffc107
        }
        .d-flex > .card{
            transition: ease all .5s;
        }
        
        .d-flex > .card:hover{
            box-shadow: 0px 6px 7px -10px;
            background-color: #ffffff59;
            transition: ease all .5s;
        }



        .page_header .section_heading h1 {
            font-size: 32px;
            line-height: normal;
            margin-top: 7px;
            font-family: system-ui;
        }

        #accordion .card-header h3 {
            font-family: sans-serif;
        }

        .fa-ul li {
            margin-bottom: 10px;
            line-height: 21px;
            font-size: 15px;
        }

        .ofr {
            font-weight: 800;
            text-transform: uppercase;
            color: #945c60;
            line-height: 35px;
        }

        .ofr span {
            font-size: 18px;
            text-transform: capitalize;
            font-weight: 600;
            color: black;
            display: block;
        }

        .page_header .section_heading p {
            font-size: 18px !important;
        }

        .page_header {
            background-image: url(../../img/carbon-peel.webp);
        }

        @media (max-width: 767px) {

            .page_header {
                background-image: url(../../img/carbon-peel.webp);
            }

            .page_header .section_heading h1 {
                font-size: 22px;
            }
        }

    

        .service_box .serv1 {
            width: 55px;
            margin: auto;
            padding-bottom: 15px;
            position: absolute;
            right: 35px;
            top: 24px;
        }

        .service_box li:hover {
            transition: all ease .5s;
            color: #8538a4;
            padding-left: 2px;
        }

        .service_box:hover {
            border: 1px solid #8538a4;
        }