:root {
    --primary-bg: rgb(0,0, 0); /* Slightly lighter than pure black */
    --secondary-bg: rgb(33, 33, 33);
    --tertiary-bg: #3f3f3f;
    --text-color: #e0e0e0;
    --text-muted: #a0a0a0;
    --accent-blue: rgb(10, 3, 255); /* Bright blue */
    --accent-green: rgb(202, 255, 48); /* Lime green */
    --accent-green-dark: #5cb85c; /* Darker green for selected border */
    --border-color: #444;
    --error-color: #ff6b6b;
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-size02: 14px;
    --font-size01: 15px;
    --font-size1: 16px;
    --font-size2: 18px;
    --font-size3: 20px;
    --font-size4: 24px;
    --font-size5: 32px;
    --font-size6: 48px;

}

#pf-tg-section-2-grid1{
    grid-template-columns: 35% 60%;
    grid-template-rows: auto auto;
    box-sizing: border-box;
    gap: 90px;
}

#pf-tg-section-2-grid1-col2-title{
    font-weight: 400;
}
#pf-tg-section-2-grid1-r1c2{
    overflow: hidden;
    width: 100%;
    height: fit-content;
    margin-bottom: 100px;
    position: sticky;
    top: 100px;
}
#pf-tg-r2c1-p1, #pf-tg-r2c1-p2 {
    margin: 0;
}
#pf-tg-col2-vid-cont{
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#pf-tg-col2-vid{
    width: 100%;
    height: 450px;
    /* object-fit: cover; */
}
#pf-tg-col1-head{
    width: 100%;
    /*height: 100vh;*/
    display: flex;
    flex-direction: column;
    padding-top: 80px;
}

#pf-tg-col1-head-part1-title{
    font-size: var(--font-size6);
    font-weight: 400;
    color: var(--accent-green);
    margin: 0;
}
#pf-tg-col1-head-part1-subhead{
    font-size: var(--font-size01);
    font-weight: 400;
    margin: 0;
}
#pf-tg-col1-head-part2{
    margin: 40px 0;
    font-size: var(--font-size2);
    border-bottom: 1px solid var(--accent-green);
}
.readable-text-normal-x1{
    font-size: 1.275rem;
    line-height: 1.89rem;
    font-weight: 300;
}
#pf-tg-col1-head-part3{
    font-size: var(--font-size);
}
.pf-tg-col1-text-cont{
    border-top: 1px solid var(--accent-green);
    border-bottom: 1px solid var(--accent-green);
    padding: 30px 0;
}
#pf-tg-section-2-grid1-r2c1{
    display: flex;
    flex-direction: column;
    gap: 120px;
    margin: 0 0 100px 0;
}
#pf-tg-section-2-grid1-r2c2{
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.readable-text-large-x1{
    font-size: 2rem;
    line-height: 3rem;
}
#pf-tg-section-2{
    margin-top: 50px;
}
#pf-tg-col1-head-part2-p{
    display: flex;
    align-items: center;
}

#pf-tg-flex1{
    justify-content: space-around;
    align-items: center;
    margin: 0 0 20px 0;
}
.arrow_forward{
    font-size: 50px !important;
    color: var(--accent-green);
    cursor: pointer;
    margin-left:auto;
    font-variation-settings:
      'FILL' 0,
      'wght' 200,
      'GRAD' 0,
      'opsz' 24;
}
.arrow_backward{
    font-size: 50px !important;
    color: var(--accent-green);
    cursor: pointer;
    margin-left:auto;
    font-variation-settings:
      'FILL' 0,
      'wght' 200,
      'GRAD' 0,
      'opsz' 24;
}
.widgets{
    font-size: 50px !important;
    color: var(--accent-green);
    cursor: pointer;
    margin-left:auto;
    font-variation-settings:
      'FILL' 0,
      'wght' 200,
      'GRAD' 0,
      'opsz' 24;
}
.location_on{
    margin: 0 0 0 11% !important;
    font-size: var(--font-size5) !important;
    color: var(--accent-green);
    cursor: pointer;
    margin-left:auto;
    font-variation-settings:
      'FILL' 0,
      'wght' 200,
      'GRAD' 0,
      'opsz' 24;
}
.calendar_month{
    margin: 0 0 0 0 !important;
    font-size: var(--font-size5) !important;
    color: var(--accent-green);
    cursor: pointer;
    margin-left:auto;
    font-variation-settings:
      'FILL' 0,
      'wght' 200,
      'GRAD' 0,
      'opsz' 24;
}
.pf-tg-grow{
    transition: all 0.5s ease;
}
.pf-tg-grow:hover{
    transform: scale(1.05) translateY(-50px);
}


@media (max-width:1000px) {

}

@media (max-width:768px) {
    #pf-tg-section-2-grid1{
        grid-template-columns: 100%;
        box-sizing: border-box;
        gap: 40px;
    }
    #pf-tg-col1-head{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        padding-top: 80px;
    }
    #pf-tg-section-2-grid1-r1c2{
        overflow: hidden;
        position: relative;
        top: 0;
        margin-bottom: 40px;
    }
    #pf-tg-section-2-grid1-r2c1{
        display: flex;
        flex-direction: column;
        gap: 0;
        margin: 0 0 50px 0;
    }
    
}

@media (max-width:700px) {
    

}