/*=========================================================
    CCT PAGLINGAP FOUNDATION
    HOMECARE LANDING PAGE
    VERSION 3 - PRODUCTION EDITION
    PHASE 1B-1
==========================================================*/


/*=========================================================
    CSS VARIABLES
==========================================================*/

:root{

    --hc-primary:#8CC63F;
    --hc-secondary:#F4B400;
    --hc-dark:#1E1E1E;
    --hc-text:#555555;
    --hc-light:#FFFFFF;
    --hc-border:#ECECEC;

    --hc-radius:20px;
    --hc-shadow:0 18px 45px rgba(0,0,0,.12);

    --hc-transition:.35s ease;

}


/*=========================================================
    PAGE RESET (SCOPED)
==========================================================*/
.homecare-page{

    position:relative;
    overflow:hidden;

    background-image:url("../../images/homecare_background.jpg");

    background-repeat:repeat;

    background-size:1800px auto;

    background-position:top left;

    color:var(--hc-text);
    font-family:'Poppins',sans-serif;
    line-height:1.5;

}
.homecare-page *{

    box-sizing:border-box;

}

.homecare-page img{

    max-width:100%;

    display:block;

}

.homecare-page a{

    text-decoration:none;

    transition:var(--hc-transition);

}


/*=========================================================
    HERO SECTION
==========================================================*/


.homecare-hero{

    position:relative;

    margin-top:70px;

    padding:0 !important;

    overflow:hidden;

}

.hero-image{

    width:100%;

    display:block;

}


/*=========================================================
    HERO IMAGE
==========================================================*/

.homecare-hero-image{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center;

}


/*=========================================================
    HERO OVERLAY
==========================================================*/

.hero-overlay{

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    z-index:2;

    display:flex;

    align-items:flex-start;

    pointer-events:none;

}


/*=========================================================
    YELLOW DECORATIVE SHAPE
==========================================================*/

.homecare-accent{

    position:absolute;

    top:10;

    right:0;

    width:370px;

    height:250px;

    background:var(--hc-secondary);

    clip-path:polygon(

        20% 0,

        100% 0,

        100% 100%,

        0 100%

    );

    z-index:2;

}


.homecare-accent::before{

    content:"";

    position:absolute;

    right:30px;

    top:30px;

    width:85px;

    height:85px;

    opacity:.25;

    background-image:

    radial-gradient(#ffffff 2px, transparent 2px);

    background-size:14px 14px;

}


/*=========================================================
    HERO CONTENT
==========================================================*/

.homecare-hero-content{

    position:relative;

    z-index:5;

    max-width:650px;

    color:#fff;

 padding:20px 0 10px;

}


.program-badge{

    display:inline-block;

    padding:8px 20px;

    border-radius:50px;

    background:var(--hc-primary);

    color:#fff;

    font-size:15px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:25px;

}


.homecare-hero-content h1{

    font-size:40px;

    font-weight:800;

    line-height:1.1;

    margin-bottom:25px;

    color:#fff;

}


.homecare-hero-content p{

    font-size:20px;

    color:#fff;

    margin-bottom:35px;

    max-width:580px;

}


/*=========================================================
    CTA BUTTON
==========================================================*/

.btn-homecare{

    display:inline-flex;

    align-items:center;

    justify-content:center;

  padding:20px 0 10px;

    border-radius:50px;

    background:var(--hc-secondary);

    color:#222;

    font-weight:700;

    transition:var(--hc-transition);

    box-shadow:

        0 15px 30px rgba(244,180,0,.35);

}

.btn-homecare:hover{

    background:var(--hc-primary);

    color:#fff;

    transform:translateY(-4px);

}


/*=========================================================
    BREADCRUMB
==========================================================*/

.homecare-breadcrumb{

    background:#fff;

    border-bottom:1px solid var(--hc-border);

    padding:22px 0;

}

.homecare-breadcrumb .breadcrumb{

    margin:0;

    padding:0;

    background:none;

}

.homecare-breadcrumb .breadcrumb-item{

    font-size:15px;

}

.homecare-breadcrumb a{

    color:#777;

}

.homecare-breadcrumb a:hover{

    color:var(--hc-primary);

}

.homecare-breadcrumb .active{

    color:var(--hc-primary);

    font-weight:600;

}


/*=========================================================
    SECTION SPACING
==========================================================*/

.homecare-section{

    padding:100px 0;

}


/*=========================================================
    RESPONSIVE
==========================================================*/


/*======================
    Laptop
=======================*/

@media(max-width:1200px){

.homecare-hero{

    min-height:620px;

}

.homecare-hero-content h1{

    font-size:52px;

}

.homecare-hero-content p{

    font-size:18px;

}

}


/*======================
    Tablet
=======================*/

@media(max-width:992px){

.homecare-hero{

    min-height:560px;

}

.homecare-hero-content{

    text-align:center;

    margin:auto;

}

.homecare-hero-content h1{

    font-size:42px;

}

.homecare-hero-content p{

    font-size:17px;

    margin-left:auto;

    margin-right:auto;

}

.homecare-accent{

    width:250px;

    height:180px;

}

}


/*======================
    Mobile
=======================*/

@media(max-width:768px){

.homecare-hero{

    min-height:500px;

}

.homecare-hero-content{

    padding:90px 20px;

}

.homecare-hero-content h1{

    font-size:34px;

}

.homecare-hero-content p{

    font-size:16px;

}

.program-badge{

    font-size:12px;

}

.btn-homecare{

    width:100%;

}

.homecare-accent{

    display:none;

}

}


/*======================
    Small Mobile
=======================*/

@media(max-width:576px){

.homecare-hero{

    min-height:430px;

}

.homecare-hero-content h1{

    font-size:30px;

}

.homecare-breadcrumb{

    padding:18px 0;

}

.homecare-breadcrumb .breadcrumb-item{

    font-size:13px;

}

}

/*=========================================================
    ABOUT SECTION
==========================================================*/

.homecare-about{

    position:relative;

    padding:120px 0;

    background:#ffffff;

}

.homecare-about::before{

    content:"";

    position:absolute;

    right:-120px;

    top:-80px;

    width:380px;

    height:380px;

    border-radius:50%;

    background:rgba(140,198,63,.05);

}

.homecare-about::after{

    content:"";

    position:absolute;

    left:-150px;

    bottom:-120px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(244,180,0,.05);

}


/*=========================================================
SECTION BADGE
==========================================================*/

.section-badge{

    display:inline-block;

    padding:8px 18px;

    background:#EEF7E6;

    color:var(--hc-primary);

    border-radius:40px;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:18px;

}


/*=========================================================
SECTION TITLE
==========================================================*/

.homecare-about h2{

    font-size:48px;

    font-weight:800;

    color:var(--hc-dark);

    margin-bottom:18px;

    line-height:1.2;

}

.section-divider{

    width:90px;

    height:5px;

    background:var(--hc-secondary);

    border-radius:20px;

    margin-bottom:28px;

}

.homecare-about h5{

    font-size:24px;

    font-weight:700;

    color:var(--hc-primary);

    margin-bottom:24px;

}

.homecare-about p{

    font-size:17px;

    color:var(--hc-text);

    margin-bottom:18px;

    text-align:justify;

}


/*=========================================================
IMAGE CARD
==========================================================*/

.about-image{

    position:relative;

    border-radius:24px;

    overflow:hidden;

    box-shadow:var(--hc-shadow);

}

.about-image img{

    width:100%;

    transition:1.2s;

}

.about-image:hover img{

    transform:scale(1.05);

}


/*=========================================================
IMAGE DECORATION
==========================================================*/

.about-image::before{

    content:"";

    position:absolute;

    width:160px;

    height:160px;

    background:rgba(244,180,0,.18);

    right:-70px;

    top:-70px;

    border-radius:50%;

    z-index:2;

}

.about-image::after{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border:3px solid rgba(140,198,63,.25);

    left:-45px;

    bottom:-45px;

    border-radius:50%;

}


/*=========================================================
PROGRAM HIGHLIGHTS
==========================================================*/

.homecare-highlights{

    padding:110px 0;

    background:#F9FAFB;

}

.section-title{

    max-width:760px;

    margin:auto;

    margin-bottom:70px;

}

.section-title span{

    display:inline-block;

    color:var(--hc-primary);

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:15px;

}

.section-title h2{

    font-size:46px;

    font-weight:800;

    color:var(--hc-dark);

    margin-bottom:20px;

}

.section-title p{

    color:#666;

    font-size:18px;

}


/*=========================================================
HIGHLIGHTS GRID
==========================================================*/

.highlights-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:28px;

}


/*=========================================================
HIGHLIGHT CARD
==========================================================*/

.highlight-card{

    background:#ffffff;

    padding:35px;

    border-radius:22px;

    box-shadow:0 15px 35px rgba(0,0,0,.06);

    transition:.35s;

    border-top:4px solid var(--hc-primary);

}

.highlight-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.highlight-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:rgba(140,198,63,.12);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:22px;

    font-size:28px;

    color:var(--hc-primary);

}

.highlight-card h4{

    font-size:22px;

    font-weight:700;

    margin-bottom:15px;

    color:var(--hc-dark);

}

.highlight-card p{

    color:#666;

    margin-bottom:0;

}


/*=========================================================
STATISTICS PLACEHOLDER
==========================================================*/

.stats-placeholder{

    margin-top:70px;

    padding:45px;

    border:2px dashed #DADADA;

    border-radius:25px;

    text-align:center;

    color:#999;

    background:#ffffff;

}


/*=========================================================
RESPONSIVE
==========================================================*/

@media(max-width:991px){

.homecare-about{

    padding:90px 0;

}

.homecare-about h2{

    font-size:38px;

}

.section-title h2{

    font-size:38px;

}

.highlights-grid{

    grid-template-columns:1fr;

}

.about-image{

    margin-top:40px;

}

}

@media(max-width:767px){

.homecare-about{

    padding:70px 0;

}

.homecare-about h2{

    font-size:30px;

}

.section-title h2{

    font-size:30px;

}

.highlight-card{

    padding:28px;

}

.section-title{

    margin-bottom:45px;

}

}

/*=========================================================
STATISTICS
==========================================================*/

.stats-wrapper{

display:grid;

gap:22px;

}

.stats-card{


    background:rgba(255,255,255,.92);

    backdrop-filter:blur(6px);

padding:35px;

border-radius:20px;

box-shadow:var(--hc-shadow);

text-align:center;

transition:.35s;

border-left:5px solid var(--hc-secondary);

}

.stats-card:hover{

transform:translateY(-8px);

}

.stats-number{

font-size:40px;

font-weight:700;

color:var(--hc-primary);

line-height:1;

margin-bottom:10px;

}

.stats-label{

font-size:20px;

font-weight:600;

color:#666;

}



/*=========================================================
TEXT
=========================================================*/

.hero-text{

    margin-top:60px;

       max-width:1400px;

}

.hero-text h6{

    color:#ffffff;

    font-size:35px;

    font-weight:700;

    margin-bottom:12px;

    text-shadow:0 3px 10px rgba(0,0,0,.45);

}

.hero-text p{

    color:#ffffff;

    font-size:18px;

    line-height:1.5;

    text-shadow:0 3px 8px rgba(0,0,0,.45);

}

/*=========================================================
    RESIDENTIAL HOMECARE
    PHASE 2B
=========================================================*/
.homecare-history{

    position:relative;
    overflow:hidden;

    background:transparent;

}

.history-overlay{

    position:relative;

    z-index:2;

}


/*=========================================================
    LEFT CONTENT
=========================================================*/
/*=========================================================
    HISTORY CONTENT
=========================================================*/

.history-content{
    font-family: 'Poppins', sans-serif;
}

.history-content h2{
    font-family: 'Poppins', sans-serif;
    font-size:35px;
    font-weight:700;
    color:#f4b400;
    margin-bottom:8px;
}

.history-content h5{
    font-family: 'Poppins', sans-serif;
    font-size:18px;
    font-weight:600;
    color:#222;
    margin-bottom:18px;
}

/* Paragraphs */

.history-content p{
    font-family:'Poppins',sans-serif;
    font-size:15px;
    font-weight:400;
    color:#333;
    line-height:1.6;
    text-align:justify;
    margin-bottom:14px;   /* dating 25px o mas malaki */
}

/* Huling paragraph */

.history-content p:last-child{
    margin-bottom:0;
}


/*=========================================================
    PROGRAM HIGHLIGHTS
=========================================================*/

.program-highlights{

    margin-top:25px;

}

.program-highlights h3{

    font-size:35px;

    font-weight:700;

    color:#F4B400;

    margin-bottom:10px;

}

.highlight-item{

    margin-bottom:10px;

}

.highlight-item h4{

    color:#F4B400;

    font-size:15px;

    font-weight:700;

    margin-bottom:10px;

}

.highlight-item p{

    margin:0;

    font-size:15px;

    line-height:1;

    color:#F4B400;

}


/*=========================================================
    RIGHT CARD
=========================================================*/

.history-card{

   
    background:rgba(255,255,255,.92);

    backdrop-filter:blur(6px);

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.history-card img{

    width:100%;

    display:block;

}


/*=========================================================
    STATISTICS
=========================================================*/

.history-stats{

    padding:20px;

}

.stat-item{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:10px;

}

.stat-item:last-child{

    margin-bottom:0;

}

.stat-item .number{

    width:50px;

    color:#8CC63F;

    font-size:34px;

    font-weight:800;
    line-height:.5;

}

.stat-item .label{

    color:#F4B400;

    font-size:20px;

    font-weight:600;

}


/*=========================================================
    LARGE DESKTOP
=========================================================*/

@media (min-width:1400px){

    .history-content h2{

        font-size:48px;

    }

}


/*=========================================================
    LAPTOP
=========================================================*/

@media (max-width:1200px){

    .history-content h2{

        font-size:30px;

    }

}


/*=========================================================
    TABLET
=========================================================*/

@media (max-width:992px){

    .homecare-history{

        padding:20px 0 80px;

    }

    .history-content{

        padding-right:0;

    }

    .history-card{

        margin-top:40px;

    }

}


/*=========================================================
    MOBILE
=========================================================*/

@media (max-width:768px){

    .history-content h2{

        font-size:32px;

    }

    .history-content h5{

        font-size:20px;

    }

    .program-highlights h3{

        font-size:24px;

    }

    .stat-item .number{

        font-size:28px;

    }

    .stat-item .label{

        font-size:15px;

    }

}


/*=========================================================
    SMALL MOBILE
=========================================================*/

@media (max-width:480px){

    .history-content h2{

        font-size:28px;

    }

    .history-content p{

        font-size:15px;

    }

    .history-stats{

        padding:20px;

    }

}

/* TOP SECTION */
.history-top{
    padding-top:40px;
}

/* Space bago ang Program Highlights */
.history-bottom{
    margin-top:80px;
}

/*=========================================================
SECOND ROW
=========================================================*/

.program-highlights{

    padding-right:10px;

}

.program-highlights h3{

    color:#F4B400;

    font-size:36px;

    font-weight:700;

    margin-bottom:15px;

}

.highlight-item{

    margin-bottom:12px;

}

.highlight-item h5{

    color:#84B72A;

    font-size:15px;

    font-weight:700;

    margin-bottom:5px;

}

.highlight-item p{

    font-size:14px;

    line-height:1.4;

    color:#333;

    margin:0;

    text-align:justify;

}

/*=================================
STAT CARD
=================================*/

.stats-card{

   
    background:rgba(255,255,255,.92);

    backdrop-filter:blur(6px);

    border-radius:16px;

    padding:35px 40px;

    box-shadow:0 8px 30px rgba(0,0,0,.08);

}

.stat-item{

    display:flex;

    align-items:center;

    margin-bottom:22px;

}

.stat-item:last-child{

    margin-bottom:0;

}

.number{

    width:60px;

    font-size:42px;

    font-weight:800;

    color:#84B72A;

    text-align:center;

}

.label{

    margin-left:18px;

    font-size:24px;

    font-weight:700;

    color:#F4B400;

}

/* First Row */
.homecare-history .row:first-child{
    margin-bottom:0px;
}

/* Second Row */
.homecare-history .row:last-child{
    margin-top:0 !important;
}

/*=========================================================
HEALTH BANNER
=========================================================*/

/*=========================================================
CONTENT
=========================================================*/
.health-content-section{

    padding:30px 0;

    background:transparent;

}

.health-content h2{

    font-size:48px;

    font-weight:700;

    color:#159A3D;

    margin-bottom:20px;

}

.health-content p{

    font-size:15px;

    line-height:1.5;

    text-align:justify;

}

.health-content ul{

    margin-top:20px;

}
/*=========================================================
HEALTH HERO
=========================================================*/

.health-hero{

    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    overflow:hidden;

}

.health-hero-image{

    width:100%;
    height:420px;

    display:block;

    object-fit:cover;
    object-position:center center;

}
/*=========================================================
HEALTH & WELLNESS
=========================================================*/
.health-section{
   padding:20px 0 10px;
}


/* LEFT */

.health-content h2{

    color:#0f9448;
    font-size:42px;
    font-weight:700;
    margin-bottom:15px;

}

.health-content p{

    font-size:15px;
    line-height:1.55;
    color:#333;
    text-align:justify;
    margin-bottom:15px;

}

.health-list{

    margin-top:18px;
    padding-left:18px;

}

.health-list li{

    font-size:15px;
    margin-bottom:4px;

}

/* RIGHT */

.program-highlights{

    padding-left:25px;

}

.program-highlights h3{

    color:#0f9448;
    font-size:35px;
    font-weight:700;
    margin-bottom:20px;

}

.program-highlights .row{

    row-gap:18px;

}

.highlight-item h5{

    color:#7DBB2E;
    font-size:20px;
    font-weight:700;
    margin-bottom:5px;

}

.highlight-item p{

    font-size:14px;
    line-height:1.45;
    color:#333;
    text-align:justify;
    margin-bottom:0;

}
@media (max-width: 1366px){

    .health-hero-image{
        height:380px;
    }

    .health-content h2{
        font-size:35px;
    }

    .program-highlights h3{
        font-size:34px;
    }

}
@media (max-width: 992px){

    .health-hero-image{
        height:320px;
    }

    .health-content{
        margin-bottom:35px;
    }

    .program-highlights{
        padding-left:0;
    }

    .health-content h2{
        font-size:36px;
    }

    .program-highlights h3{
        font-size:30px;
    }

}
@media (max-width: 768px){

    .health-hero-image{
        height:250px;
    }

    .health-content h2{
        font-size:30px;
        text-align:center;
    }

    .program-highlights h3{
        font-size:28px;
        text-align:center;
    }

    .health-content p,
    .highlight-item p{
        font-size:15px;
    }

    .health-list{
        padding-left:20px;
    }

}
@media (max-width: 480px){

    .health-hero-image{
        height:200px;
    }

    .health-content h2{
        font-size:26px;
    }

    .program-highlights h3{
        font-size:24px;
    }

    .highlight-item h5{
        font-size:16px;
    }

    .highlight-item p{
        font-size:15px;
        line-height:1.5;
    }

}

/*=========================================================
PROGRAM HERO
=========================================================*/

.program-hero{

    width:100%;

    overflow:hidden;

    margin:0;
    padding:0;

}

.program-hero-image{

    width:100%;

    height:420px;

    display:block;

    object-fit:cover;

    object-position:center;

}

/*=========================================================
DRRM CONTENT
=========================================================*/
.ddrm-content-section{

    padding:20px 0;

    background:transparent;

}

/* LEFT */

.ddrm-content h2{

    font-size:35px;
    font-weight:700;
    color:#1565C0;
    margin-bottom:5px;

}

.ddrm-content p{

    font-size:15px;
    line-height:1.6;
    color:#333;
    text-align:justify;
    margin-bottom:5px;

}

/* RIGHT */

.ddrm-content-section .program-highlights{

    padding-left:25px;

}

.ddrm-content-section .program-highlights h3{

    color:#1565C0;
    font-size:35px;
    font-weight:700;
    margin-bottom:5px;

}

.ddrm-content-section .highlight-item{

    margin-bottom:5px;

}

.ddrm-content-section .highlight-item h5{

    color:#6FBF3A;
    font-size:20px;
    font-weight:700;
    margin-bottom:5px;

}

.ddrm-content-section .highlight-item p{

    font-size:15px;
    line-height:1.45;
    color:#333;
    text-align:justify;
    margin-bottom:0;

}

/*=========================================================
RESPONSIVE
Desktop • Laptop • Tablet • Mobile
=========================================================*/

/*==============================
Large Desktop (1600px+)
==============================*/

@media (min-width:1600px){

    .hero-image{
        height:520px;
    }

    .history-content h2,
    .health-content h2,
    .ddrm-content h2{
        font-size:35px;
    }

    .program-highlights h3{
        font-size:38px;
    }

}


/*==============================
Laptop
==============================*/

@media (max-width:1366px){

    .hero-image{
        height:420px;
    }

    .history-content h2,
    .health-content h2,
    .ddrm-content h2{
        font-size:35px;
    }

    .program-highlights h3{
        font-size:34px;
    }

}


/*==============================
Tablet
==============================*/

@media (max-width:992px){

    .hero-image{
        height:340px;
    }

    .history-card{

        margin-top:30px;

    }

    .stats-card{

        margin-top:20px;

    }

    .program-highlights{

        padding-left:0;

        margin-top:30px;

    }

    .history-content h2,
    .health-content h2,
    .ddrm-content h2{

        font-size:38px;

    }

    .program-highlights h3{

        font-size:30px;

    }

}


/*==============================
Mobile
==============================*/

@media (max-width:768px){

    .hero-image{

        height:250px;

    }

    .hero-text{

        padding-top:20px;
        text-align:center;

    }

    .hero-text h6{

        font-size:28px;

    }

    .hero-text p{

        font-size:15px;

    }

    .history-content,
    .health-content,
    .ddrm-content{

        text-align:center;

    }

    .history-content h2,
    .health-content h2,
    .ddrm-content h2{

        font-size:32px;

    }

    .history-content h5{

        font-size:20px;

    }

    .history-content p,
    .health-content p,
    .ddrm-content p{

        font-size:15px;
        text-align:justify;

    }

    .history-card,
    .stats-card{

        margin-top:25px;

    }

    .program-highlights{

        padding-left:0;
        margin-top:25px;

    }

    .program-highlights h3{

        font-size:28px;
        text-align:center;

    }

    .highlight-item h5{

        font-size:17px;

    }

    .highlight-item p{

        font-size:14px;

    }

}


/*==============================
Small Mobile
==============================*/

@media (max-width:576px){

    .hero-image{

        height:200px;

    }

    .hero-text h6{

        font-size:22px;

    }

    .hero-text p{

        font-size:13px;

    }

    .history-content h2,
    .health-content h2,
    .ddrm-content h2{

        font-size:26px;

    }

    .history-content h5{

        font-size:18px;

    }

    .history-content p,
    .health-content p,
    .ddrm-content p{

        font-size:14px;

    }

    .program-highlights h3{

        font-size:24px;

    }

    .highlight-item h5{

        font-size:15px;

    }

    .highlight-item p{

        font-size:13px;
        line-height:1.5;

    }

    .number{

        font-size:28px;

    }

    .label{

        font-size:20px;

    }

}/*=========================================================
CSL CONTENT
=========================================================*/
.csl-content-section{

     padding:20px 0 5px;

    background:transparent;

}

/* LEFT */

.csl-content h2{

    font-family:'Poppins',sans-serif;
    font-size:35px;
    font-weight:700;
    color:#1565C0;
    margin-bottom:5px;

}

.csl-content p{

    font-family:'Poppins',sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:1.6;
    color:#333;
    text-align:justify;
    margin-bottom:15px;

}

/* RIGHT */

.csl-content-section .program-highlights{

    padding-left:25px;

}

.csl-content-section .program-highlights h3{

    font-family:'Poppins',sans-serif;
    font-size:25px;
    font-weight:700;
    color:#1565C0;   /* Palitan ng #2E7D32 kung gusto mong green */
    margin-bottom:5px;

}

.csl-content-section .highlight-item{

    margin-bottom:18px;

}

.csl-content-section .highlight-item h5{

    font-family:'Poppins',sans-serif;
    font-size:20px;
    font-weight:700;
    color:#7DBB2E;
    margin-bottom:5px;

}

.csl-content-section .highlight-item p{

    font-family:'Poppins',sans-serif;
    font-size:15px;
    line-height:1.45;
    color:#333;
    text-align:justify;
    margin-bottom:0;

}