:root{
    --bk-black:#050505;
    --bk-black-2:#0c0c0c;
    --bk-gold:#d8ad35;
    --bk-gold-light:#f4d36a;
    --bk-white:#ffffff;
    --bk-muted:#bdbdbd;
    --bk-border:rgba(216,173,53,.28);
    --bk-shadow:0 18px 55px rgba(0,0,0,.28);
    --bk-radius:18px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    font-family:Arial, Helvetica, sans-serif;
    background:#fff;
    color:#191919;
    line-height:1.7;
    overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}

.bk-container{
    width:min(1200px, calc(100% - 40px));
    margin:auto;
}

/* HEADER */
.bk-header{
    position:absolute;
    top: 40px;
    left:0;
    width:100%;
    z-index:1000;
    border-bottom:1px solid rgba(255,255,255,.12);
    transition:.35s ease;
    background: #000000;
}
.bk-header.bk-scrolled{
    position:fixed;
    top:0;
    background:rgba(5,5,5,.97);
    box-shadow:0 8px 30px rgba(0,0,0,.35);
    border-bottom-color:var(--bk-border);
    animation:bkSlideDown .35s ease;
}
@keyframes bkSlideDown{
    from{transform:translateY(-100%)}
    to{transform:translateY(0)}
}
.bk-nav{
    min-height:82px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}
.bk-brand{
    display:flex;
    align-items:center;
    min-width:150px;
}
.bk-brand img{
    width:150px;
    height:80px;
    object-fit:contain;
    background:#000;
}
.bk-menu{
    display:flex;
    align-items:center;
    gap:4px;
    list-style:none;
}
.bk-menu > li{position:relative}
.bk-menu > li > a,
.bk-dropdown-toggle{
    color:#fff;
    padding:12px 14px;
    display:flex;
    align-items:center;
    gap:7px;
    font-size:15px;
    font-weight:700;
    letter-spacing:.2px;
    cursor:pointer;
    background:none;
    border:0;
    text-transform: uppercase;
}
.bk-menu > li > a:hover,
.bk-dropdown-toggle:hover{color:var(--bk-gold-light)}

.bk-dropdown{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    min-width:285px;
    background:#090909;
    border:1px solid var(--bk-border);
    box-shadow:var(--bk-shadow);
    border-radius:12px;
    padding:8px;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.25s ease;
}
.bk-dropdown li{list-style:none}
.bk-dropdown a{
    display:block;
    color:#eee;
    padding:10px 13px;
    border-radius:8px;
    font-size: 15px;
    font-weight: 600;
}
.bk-dropdown a:hover{
    color:#000;
    background:var(--bk-gold);
}
.bk-has-dropdown:hover .bk-dropdown,
.bk-has-dropdown.bk-open .bk-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.bk-enquire{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    background:var(--bk-gold) !important;
    color:#050505!important;
    padding:11px 19px!important;
    border-radius:5px;
    margin-left:8px;
    font-weight:800!important;
}
.bk-enquire:hover{background:var(--bk-gold-light)!important}

.bk-toggle{
    display:none;
    width:43px;
    height:43px;
    border:1px solid var(--bk-border);
    border-radius:7px;
    background:#090909;
    cursor:pointer;
    position:relative;
}
.bk-toggle span,
.bk-toggle:before,
.bk-toggle:after{
    content:"";
    position:absolute;
    left:10px;
    width:22px;
    height:2px;
    background:#fff;
    transition:.25s ease;
}
.bk-toggle span{top:20px}
.bk-toggle:before{top:13px}
.bk-toggle:after{top:27px}
.bk-toggle.bk-active span{opacity:0}
.bk-toggle.bk-active:before{top:20px;transform:rotate(45deg)}
.bk-toggle.bk-active:after{top:20px;transform:rotate(-45deg)}

/* HERO */
.bk-hero{
    min-height:600px;
    /* background:
        radial-gradient(circle at 50% 35%, rgba(216,173,53,.13), transparent 34%),
        linear-gradient(rgba(0,0,0,.76),rgba(0,0,0,.94)),
        #050505; */
        background:radial-gradient(circle at 50% 35%, rgba(216, 173, 53, .13), transparent 34%), linear-gradient(rgb(0 0 0 / 0%), rgba(0, 0, 0, .94)), url(../images/banner/1.jpg) center / cover no-repeat, #050505;
    color:#fff;
    display:flex;
    align-items:center;
    text-align:center;
    padding:100px 0 40px;
    position:relative;
    overflow:hidden;
}
.bk-hero:after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border:1px solid rgba(216,173,53,.12);
    border-radius:50%;
    left:50%;
    top:52%;
    transform:translate(-50%,-50%);
    pointer-events:none;
}
.bk-hero-inner{position:relative;z-index:2}
.bk-hero-logo{
    width:min(300px,72vw);
    margin:0 auto 28px;
    border-radius:8px;
    mix-blend-mode:screen;
}
.bk-kicker{
    color:var(--bk-gold-light);
    text-transform:uppercase;
    letter-spacing:4px;
    font-size:13px;
    font-weight:700;
    margin-bottom:13px;
}
.bk-hero h1{
    font-family:Georgia, "Times New Roman", serif;
    font-size:clamp(38px,6vw,50px);
    line-height:1.05;
    max-width:920px;
    margin:auto;
}
.bk-hero h1 span{color:var(--bk-gold-light)}
.bk-hero p{
    max-width:760px;
    margin:23px auto 0;
    color:#ddd;
    font-size:17px;
}
.bk-hero-actions{
    display:flex;
    justify-content:center;
    gap:14px;
    margin-top:34px;
    flex-wrap:wrap;
}
.bk-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 25px;
    border-radius:5px;
    font-weight:800;
    border:1px solid var(--bk-gold);
    transition:.25s ease;
}
.bk-btn-gold{background:var(--bk-gold);color:#080808}
.bk-btn-gold:hover{background:var(--bk-gold-light);transform:translateY(-2px)}
.bk-btn-outline{color:#fff}
.bk-btn-outline:hover{background:#fff;color:#050505}

/* GENERAL */
.bk-section{padding:50px 0}
.bk-section-dark{background:var(--bk-black-2);color:#fff}
.bk-section-head{
    text-align:center;
    max-width:100%;
    margin:0 auto 20px;
}
.bk-overline{
    color:#a9821d;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:8px;
}
.bk-section-dark .bk-overline{color:var(--bk-gold-light)}
.bk-section-head h2{
    font-family:Georgia, "Times New Roman", serif;
    font-size:clamp(30px,4vw,35px);
    line-height:1.15;
    margin-bottom:15px;
}
.bk-section-head p{color:#666}
.bk-section-dark .bk-section-head p{color:#aaa}

/* INTRO */
.bk-intro{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    align-items:center;
}
.bk-intro-copy h2{
    font-family:Georgia, "Times New Roman", serif;
    font-size:clamp(30px,4vw,35px);
    line-height:1.15;
    margin-bottom:18px;
}
.bk-intro-copy h2 span{color:#ad841f}
.bk-intro-copy p{margin-bottom:16px;color:#555}
.bk-highlight{
    margin-top:25px;
    border-left:4px solid var(--bk-gold);
    padding:18px 20px;
    background:#faf8f1;
    font-family:Georgia,serif;
    font-size:18px;
}
.bk-stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}
.bk-stat{
    padding:30px 20px;
    border:1px solid #e8e0c9;
    background:#fff;
    box-shadow:0 12px 30px rgba(0,0,0,.06);
    text-align:center;
    border-radius:12px;
}
.bk-stat strong{
    display:block;
    color:#a77e15;
    font-family:Georgia,serif;
    font-size:38px;
}
.bk-stat span{font-size:13px;color:#666}

/* SERVICES */
.bk-services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}
.bk-service{
    border:1px solid #e8e8e8;
    border-top:3px solid var(--bk-gold);
    padding:25px;
    background:#fff;
    transition:.25s ease;
    border-radius:0 0 12px 12px;
}
.bk-service:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(0,0,0,.09);
}
.bk-service h3{
    font-family:Georgia,serif;
    color:#171717;
    font-size:21px;
    margin-bottom:12px;
}
.bk-service ul{padding-left:18px;color:#5d5d5d;font-size:14px}
.bk-service li{margin:4px 0}

/* PRACTICE AREAS */
.bk-practice{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}
.bk-practice-card{
    background:#0b0b0b;
    border:1px solid var(--bk-border);
    padding:26px;
    border-radius:12px;
}
.bk-practice-card h3{
    color:var(--bk-gold-light);
    font-family:Georgia,serif;
    margin-bottom:12px;
}
.bk-practice-card ul{
    padding-left:18px;
    color:#c5c5c5;
    font-size:14px;
}
.bk-practice-card li{margin:5px 0}

/* CORE COMPETENCY */
.bk-competency{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:45px;
    align-items:start;
}
.bk-competency-title h2{
    font-family:Georgia,serif;
    font-size:clamp(30px,4vw,45px);
    line-height:1.1;
}
.bk-competency-title h2 span{color:var(--bk-gold)}
.bk-competency-title p{color:#aaa;margin-top:18px}
.bk-courts{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.bk-court{
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.12);
    background:#111;
    border-radius:8px;
    color:#ddd;
}
.bk-court:before{
    content:"";
    display:inline-block;
    width:7px;height:7px;
    background:var(--bk-gold);
    margin-right:10px;
    vertical-align:middle;
}

/* TESTIMONIALS */
.bk-testimonial-wrap{position:relative}
.bk-testimonials{
    display:flex;
    gap:20px;
    transition:transform .55s ease;
    will-change:transform;
}
.bk-testimonial{
    flex:0 0 calc((100% - 60px)/4);
    background:#fff;
    border:1px solid #e4e4e4;
    padding:28px 23px;
    border-radius:12px;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
}
.bk-quote{
    color:var(--bk-gold);
    font-family:Georgia,serif;
    font-size:42px;
    line-height:.7;
    margin-bottom:0px;
}
.bk-testimonial p{color:#555;font-size:14px}
.bk-client{
    margin-top:20px;
    border-top:1px solid #eee;
    padding-top:14px;
}
.bk-client strong{display:block;font-size:14px}
.bk-client span{font-size:12px;color:#888}
.bk-slider-controls{
    display:flex;
    justify-content:center;
    gap:9px;
    margin-top:5px;
}
.bk-dot{
    width:9px;height:9px;border-radius:50%;
    border:0;background:#ccc;cursor:pointer;
}
.bk-dot.bk-active{background:var(--bk-gold)}

/* CODE OF CONDUCT */
.bk-conduct{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}
.bk-conduct-card{
    padding:30px;
    border:1px solid var(--bk-border);
    background:#090909;
    border-radius:12px;
}
.bk-conduct-card span{
    color:var(--bk-gold);
    font-size:28px;
}
.bk-conduct-card h3{
    font-family:Georgia,serif;
    margin:12px 0 7px;
}
.bk-conduct-card p{color:#aaa;font-size:14px}

/* GALLERY */
.bk-gallery{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:15px;
}
.bk-gallery-item{
    min-height:130px;
    border-radius:12px;
    overflow:hidden;
    border:1px solid #222;
    background:
        linear-gradient(135deg,rgba(216,173,53,.22),transparent),
        #101010;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:20px;
}
.bk-gallery-item div{color:#fff}
.bk-gallery-item strong{
    display:block;
    color:var(--bk-gold-light);
    font-family:Georgia,serif;
    font-size:20px;
    margin-bottom:6px;
}
.bk-gallery-item span{font-size:12px;color:#aaa}

/* BLOG */
.bk-blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}
.bk-blog-card{
    border:1px solid #e6e6e6;
    padding:28px;
    border-radius:12px;
}
.bk-blog-card small{color:#a47b17;font-weight:800}
.bk-blog-card h3{
    font-family:Georgia,serif;
    margin:10px 0;
}
.bk-blog-card p{color:#666;font-size:14px}

/* CONTACT */
.bk-contact{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:30px;
}
.bk-contact-info{
    background:#090909;
    color:#fff;
    padding:35px;
    border-radius:14px;
}
.bk-contact-info h2{
    font-family:Georgia,serif;
    font-size:35px;
    margin-bottom:15px;
}
.bk-contact-info p{color:#aaa}
.bk-contact-row{
    padding:17px 0;
    border-bottom:1px solid rgba(255,255,255,.12);
}
.bk-contact-row strong{display:block;color:var(--bk-gold-light)}
.bk-form{
    padding:35px;
    border:1px solid #b79015;
    border-radius:14px;
}
.bk-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}
.bk-field{margin-bottom:15px}
.bk-field.full{grid-column:1/-1}
.bk-field label{
    display:block;
    font-size:12px;
    font-weight:800;
    margin-bottom:6px;
}
.bk-field input,
.bk-field textarea,
.bk-field select{
    width:100%;
    border:1px solid #ddd;
    padding:13px 14px;
    outline:0;
    border-radius:6px;
    background:#fff;
}
.bk-field textarea{height:125px;resize:vertical}
.bk-field input:focus,
.bk-field textarea:focus,
.bk-field select:focus{border-color:var(--bk-gold)}

/* FOOTER */
.bk-footer{
    background:#030303;
    color:#aaa;
    padding:0px 0;
    border-top:1px solid var(--bk-border);
}
.bk-footer-inner{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
}
.bk-footer strong{color:var(--bk-gold-light)}

/* FLOATING BUTTONS */
.bk-floating{
    position:fixed;
    left:18px;
    bottom:22px;
    z-index:1200;
    display:flex;
    flex-direction:column;
    gap:9px;
}
.bk-float{
    width:48px;
    height:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:#111;
    border:1px solid var(--bk-gold);
    box-shadow:0 8px 20px rgba(0,0,0,.25);
    font-size:20px;
    font-weight:800;
    transition:.25s ease;
}
.bk-float:hover{transform:translateY(-3px);background:var(--bk-gold);color:#000}

/* REVEAL */
.bk-reveal{
    opacity:0;
    transform:translateY(25px);
    transition:.7s ease;
}
.bk-reveal.bk-show{opacity:1;transform:none}

/* RESPONSIVE */
@media(max-width:1050px){
    .bk-menu > li > a,.bk-dropdown-toggle{padding-left:9px;padding-right:9px;font-size:13px}
    .bk-enquire{padding-left:13px!important;padding-right:13px!important}
    .bk-testimonial{flex-basis:calc((100% - 40px)/3)}
}

@media(max-width:850px){
    .bk-header{position:absolute}
    .bk-nav{min-height:72px}
    .bk-brand img{width:125px;height:55px}
    .bk-toggle{display:block}
    .bk-menu{
        position:absolute;
        top:72px;
        left:20px;
        right:20px;
        display:block;
        background:#080808;
        border:1px solid var(--bk-border);
        border-radius:10px;
        padding:8px;
        max-height:calc(100vh - 90px);
        overflow-y:auto;
        opacity:0;
        visibility:hidden;
        transform:translateY(-10px);
        transition:.25s ease;
    }
    .bk-menu.bk-menu-open{
        opacity:1;
        visibility:visible;
        transform:none;
    }
    .bk-menu > li > a,
    .bk-dropdown-toggle{
        width:100%;
        justify-content:space-between;
        padding:13px 12px;
        border-bottom:1px solid rgba(255,255,255,.08);
    }
    .bk-menu > li:last-child > a{border-bottom:0}
    .bk-enquire{
        margin:8px 0 0!important;
        width:100%!important;
    }
    .bk-dropdown{
        position:static;
        min-width:0;
        box-shadow:none;
        border:0;
        border-left:2px solid var(--bk-gold);
        border-radius:0;
        margin:0 5px;
        padding:0 0 5px 8px;
        display:none;
        opacity:1;
        visibility:visible;
        transform:none;
    }
    .bk-has-dropdown.bk-open .bk-dropdown{display:block}
    .bk-dropdown a{padding:10px 12px}
    .bk-hero{min-height:720px}
    .bk-intro,.bk-competency,.bk-contact{grid-template-columns:1fr}
    .bk-services-grid,.bk-practice,.bk-conduct,.bk-blog-grid{grid-template-columns:1fr 1fr}
    .bk-gallery{grid-template-columns:1fr 1fr}
    .bk-testimonial{flex-basis:calc((100% - 20px)/2)}
}

@media(max-width:600px){
    .bk-container{width:min(100% - 28px,1180px)}
    .bk-section{padding:30px 0}
    .bk-hero{padding:115px 0 70px;min-height:680px}
    .bk-hero-logo{width:235px}
    .bk-hero p{font-size:15px}
    .bk-kicker{letter-spacing:2px}
    .bk-services-grid,.bk-practice,.bk-conduct,.bk-blog-grid,.bk-gallery{grid-template-columns:1fr}
    .bk-stats{grid-template-columns:1fr 1fr}
    .bk-courts{grid-template-columns:1fr}
    .bk-form-grid{grid-template-columns:1fr}
    .bk-field.full{grid-column:auto}
    .bk-testimonial{flex-basis:100%}
    .bk-footer-inner{flex-direction:column;text-align:center}
    .bk-floating{right:10px;bottom:12px}
    .bk-float{width:43px;height:43px}
}


/* =========================
   FOOTER
========================= */

.bk-footer{
    background:#050505;
    color:#aaa;
    border-top:1px solid rgba(216,173,53,.28);
}

.bk-footer-grid{
    display:grid;
    grid-template-columns:1.3fr .8fr 1.1fr 1.2fr;
    gap:45px;
    padding:50px 0 10px;
}

.bk-footer-col h3{
    position:relative;
    color:#fff;
    font-family:Georgia, "Times New Roman", serif;
    font-size:21px;
    margin:0 0 22px;
    padding-bottom:12px;
}

.bk-footer-col h3:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:42px;
    height:2px;
    background:#d8ad35;
}

/* Logo + About */

.bk-footer-logo{
    display:inline-block;
    margin-bottom:18px;
}

.bk-footer-logo img{
    width:175px;
    height:auto;
    display:block;
    background:#000;
}

.bk-footer-about p{
    color:#999;
    font-size:15px;
    line-height:1.8;
    margin:0 0 13px;
    max-width:330px;
}

/* Footer Links */

.bk-footer-links{
    list-style:none;
    margin:0;
    padding:0;
}

.bk-footer-links li{
    margin-bottom:9px;
}

.bk-footer-links a{
    color:#aaa;
    font-size:15px;
    transition:.25s ease;
}

.bk-footer-links a:before{
    content:"›";
    color:#d8ad35;
    margin-right:8px;
    font-size:16px;
}

.bk-footer-links a:hover{
    color:#f4d36a;
    padding-left:4px;
}

/* Map */

.bk-footer-map{
    width:100%;
    height:170px;
    overflow:hidden;
    border:1px solid rgba(216,173,53,.28);
    margin-bottom:20px;
}

.bk-footer-map iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
    filter:grayscale(100%);
}

/* Contact */

.bk-footer-contact-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:17px;
}

.bk-footer-contact-icon{
    width:31px;
    height:31px;
    min-width:31px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#050505;
    background:#d8ad35;
    border-radius:50%;
    font-size:14px;
}

.bk-footer-contact-item strong{
    display:block;
    color:#f4d36a;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.7px;
    margin-bottom:2px;
}

.bk-footer-contact-item a,
.bk-footer-contact-item span{
    color:#f1f1f1;
    font-size:15px;
    line-height:1.5;
}

.bk-footer-contact-item a:hover{
    color:#f4d36a;
}

/* Bottom Footer */

.bk-footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    padding:10px 0;
}

.bk-footer-bottom-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.bk-footer-bottom p{
    margin:0;
    color: #ffffff;
    font-size: 15px;
}

.bk-footer-bottom strong{
    color:#d8ad35;
}

/* Tablet */

@media(max-width:1000px){

    .bk-footer-grid{
        grid-template-columns:1fr 1fr;
        gap:40px 30px;
    }

}

/* Mobile */

@media(max-width:600px){

    .bk-footer-grid{
        grid-template-columns:1fr;
        gap:35px;
        padding:50px 0 40px;
    }

    .bk-footer-about p{
        max-width:none;
    }

    .bk-footer-logo img{
        width:155px;
    }

    .bk-footer-map{
        height:210px;
    }

    .bk-footer-bottom{
        padding:18px 0;
    }

    .bk-footer-bottom-inner{
        flex-direction:column;
        text-align:center;
        gap:7px;
    }

}

.bk-b {
    background: #f1e4b8 !important;
}

/* TOP BAR */

.bk-topbar{
    background:#b78b00cf;
    border-bottom:1px solid rgba(216,173,53,.25);
    color:#aaa;
}

.bk-topbar-inner{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.bk-topbar-contact,
.bk-topbar-social{
    display:flex;
    align-items:center;
    gap:22px;
}

.bk-topbar a{
    color: #ffffff;
    font-size:15px;
    text-decoration:none;
    transition:.25s ease;
}

.bk-topbar a:hover{
    color:#ffffff;
}

.bk-topbar-contact a{
    display:flex;
    align-items:center;
    gap:7px;
}

.bk-topbar-contact span{
    color:#ffffff;
    font-size:15px;
}

.bk-topbar-social a{
    font-weight:600;
    border: 1px solid #f1c115;
    padding: 0px 10px;
    background: #000000;
}

/* MOBILE */

@media(max-width:600px){

    .bk-topbar-inner{
        min-height:auto;
        padding-top:9px;
        padding-bottom:9px;
        flex-direction:column;
        gap:7px;
    }

    .bk-topbar-contact,
    .bk-topbar-social{
        width:100%;
        justify-content:center;
        gap:15px;
        flex-wrap:wrap;
    }

    .bk-topbar a{
        font-size:11px;
    }

}


.bk-intro-image {
    width: 600px;
    height: 530px;
    border-radius: 25px;
}


.group-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(216, 173, 53, 0.2);
  }
  .group-header h1 {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #ffffff;
    margin-bottom: 8px;
  }
  .group-header p {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    color: #d8ad35;
  }
  .group-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    max-width: 1200px;
    margin: 0 auto;
  }
  @media (min-width: 768px) {
    .group-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .group-card {
    background: linear-gradient(145deg, #111111, #0a0a0a);
    border: 1px solid #222;
    border-top: 3px solid #d8ad35;
    border-radius: 4px;
    padding: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column;
  }
  .group-card h3 {
    font-size: 15px;
    color: #d8ad35;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
    line-height: 1.3;
  }
  .group-card ul {
    list-style: none;
    flex-grow: 1;
  }
  .group-card li {
    font-size: 13.5px;
    color: #cccccc;
    margin-bottom: 10px;
    position: relative;
    padding-left: 14px;
  }
  .group-card li::before {
    content: "•";
    color: #d8ad35;
    position: absolute;
    left: 0;
    font-weight: bold;
  }

  /* CSS for Why Choose Us Section */
.whychoose-section {
  background-color: #050505;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.whychoose-container {
  /* max-width: 1200px; */
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.whychoose-content {
  flex: 1 1 50%;
  padding: 60px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.whychoose-heading {
  font-size: 28px;
  font-weight: 900;
  color: #d8ad35;
  margin-bottom: 25px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.whychoose-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.whychoose-item {
  font-size: 15px;
  color: #cccccc;
  margin-bottom: 18px;
  position: relative;
  padding-left: 25px;
  line-height: 1.6;
}

.whychoose-item::before {
  content: "✓";
  color: #d8ad35;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

.whychoose-image {
  flex: 1 1 50%;
  min-height: 400px;
  background-image: url('../images/why-choose-us.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .whychoose-heading {
    font-size: 32px;
  }
  .whychoose-item {
    font-size: 16px;
  }
  .whychoose-content {
    padding: 35px 80px;
  }
}

.w-clr {
    color: #19b10f;
    font-size: 25px !important;
}

.c-clr {
    color: #ff1b1b;
}