/*==========================================================
WHY GLOBAL BRANDS
==========================================================*/

.gf-brand-benefits{

    position: relative;

    padding: 20px 0 110px;

    overflow: hidden;

    background:
    radial-gradient(circle at top right,
    rgba(212,175,55,.06) 0%,
    transparent 28%),

    radial-gradient(circle at bottom left,
    rgba(212,175,55,.06) 0%,
    transparent 28%),

    #fff;

}


/*==========================================================
HEADING
==========================================================*/

.gf-brand-heading{

    width: min(900px,92%);

    margin: 0 auto 70px;

    text-align: center;

}

.gf-brand-label{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 26px;

    border-radius:50px;

    background:#FFF6DD;

    color:#C9980F;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:22px;

}

.gf-brand-heading h2{

    font-size:68px;

    line-height:1.05;

    font-weight:800;

    color:#111;

    margin-bottom:22px;

}

.gf-brand-highlight{

    display:block;

    margin-top:10px;

    background:linear-gradient(
        90deg,
        #C99812 0%,
        #D4AF37 35%,
        #FFF2B2 50%,
        #D4AF37 65%,
        #C99812 100%
    );

    background-size:250% auto;

    background-clip:text;
    -webkit-background-clip:text;

    color:transparent;
    -webkit-text-fill-color:transparent;

}

.gf-brand-heading p{

    max-width:760px;

    margin:auto;

    font-size:20px;

    line-height:1.8;

    color:#666;

}


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

.gf-brand-grid{

    width:min(1400px,92%);

    margin:auto;

    display:grid;

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

    gap:28px;

}


/*==========================================================
CARDS
==========================================================*/

.gf-brand-card{

    position:relative;

    background:#fff;

    border:1px solid rgba(212,175,55,.15);

    border-radius:24px;

    padding:34px 30px;

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

    transition:.45s ease;

    overflow:hidden;

}

.gf-brand-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 30px 70px rgba(0,0,0,.12);

    border-color:#D4AF37;

}


/*==========================================================
ICON
==========================================================*/

.gf-brand-icon{

    width:72px;

    height:72px;

    margin-bottom:26px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        #FFF8E6,
        #FFE9A8
    );

    border:1px solid rgba(212,175,55,.25);

}


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

.gf-brand-card h3{

    font-size:26px;

    font-weight:700;

    color:#111;

    margin-bottom:14px;

    transition:.35s ease;

}

.gf-brand-card p{

    font-size:16px;

    line-height:1.8;

    color:#666;

}

.gf-brand-card:hover h3{

    color:#C99812;

}


/*==========================================================
TOP GOLD LINE
==========================================================*/

.gf-brand-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:0;

    height:4px;

    background:linear-gradient(
        90deg,
        #D4AF37,
        #FFD86A
    );

    transition:.45s ease;

}

.gf-brand-card:hover::before{

    width:100%;

}


/*==========================================================
GOLD GLOW
==========================================================*/

.gf-brand-card::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    top:-80px;

    right:-80px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(212,175,55,.18),
    transparent 70%);

    opacity:0;

    transition:.45s;

}

.gf-brand-card:hover::after{

    opacity:1;

}