.elementor-54367 .elementor-element.elementor-element-5869225{--display:flex;}.elementor-54367 .elementor-element.elementor-element-35514a8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-35514a8 */.ggafi{
    --r:#c8202d;
    --rd:#8f111a;
    --rs:#fff0f1;
    --i:#15171a;
    --b:#34383d;
    --m:#6b7076;
    --l:#e2e4e7;
    --d:#111316;
    --g:#176245;
    --gs:#edf8f2;
    --bl:#225f88;
    --bs:#edf6fb;
    --sh:0 18px 52px rgba(17,19,22,.09);
    width:100%;
    max-width:100%;
    font-family:inherit;
    color:var(--b);
    font-size:18px;
    line-height:1.8;
    overflow-wrap:anywhere
}
.ggafi *,.ggafi *:before,.ggafi *:after{
    box-sizing:border-box
}
.ggafi p{
    margin:0 0 1.16em
}
.ggafi strong{
    color:var(--i)
}
.ggafi a{
    color:var(--rd);
    text-decoration-thickness:1px;
    text-underline-offset:3px
}
.ggafi h2,.ggafi h3,.ggafi h4{
    font-family:inherit;
    color:var(--i);
    text-wrap:balance;
    scroll-margin-top:115px
}
.ggafi h2{
    margin:0;
    font-size:clamp(30px,4vw,48px);
    line-height:1.08;
    letter-spacing:-.04em
}
.ggafi h3{
    margin:34px 0 13px;
    font-size:clamp(22px,2.6vw,30px);
    line-height:1.24;
    letter-spacing:-.025em
}
.ggafi h4{
    margin:0 0 9px;
    font-size:20px
}
.ggafi .mast{
    position:relative;
    overflow:hidden;
    margin:0 0 28px;
    background:var(--d);
    color:#fff;
    box-shadow:var(--sh)
}
.ggafi .mast:before{
    display:block;
    width:100%;
    height:10px;
    background:linear-gradient(90deg,var(--r),#741018 72%,#050506);
    content:''
}
.ggafi .mast-inner{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)
}
.ggafi .mast-copy{
    padding:clamp(32px,5vw,66px)
}
.ggafi .kicker{
    display:inline-flex;
    margin-bottom:18px;
    padding:7px 10px;
    border:1px solid rgba(255,255,255,.17);
    color:#ff7a84;
    font-size:10px;
    font-weight:950;
    letter-spacing:.13em;
    text-transform:uppercase
}
.ggafi .lead{
    max-width:960px;
    margin:0;
    color:#f1f1f2;
    font-size:clamp(19px,2.15vw,23px);
    line-height:1.67
}
.ggafi .lead+.lead{
    margin-top:17px
}
.ggafi .mast-photo{
    min-height:560px;
    position:relative;
    overflow:hidden;
    background:#222
}
.ggafi .mast-photo img,.ggafi .media img,.ggafi .photo-grid img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover
}
.ggafi .photo-note{
    position:absolute;
    right:18px;
    bottom:18px;
    left:18px;
    padding:11px 13px;
    border-left:4px solid var(--r);
    background:rgba(17,19,22,.86);
    color:#fff;
    font-size:12px;
    line-height:1.45
}
.ggafi .feature-strip{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#1a1c20;
    border-top:1px solid rgba(255,255,255,.08)
}
.ggafi .feature-strip>div{
    padding:19px 20px;
    border-right:1px solid rgba(255,255,255,.08)
}
.ggafi .feature-strip>div:last-child{
    border-right:0
}
.ggafi .feature-strip span{
    display:block;
    margin-bottom:5px;
    color:#ff7b85;
    font-size:10px;
    font-weight:950;
    letter-spacing:.09em;
    text-transform:uppercase
}
.ggafi .feature-strip strong{
    display:block;
    color:#fff;
    font-size:16px;
    line-height:1.35
}
.ggafi .toc{
    margin:0 0 28px;
    padding:25px;
    border:1px solid var(--l);
    background:#fff
}
.ggafi .toc-head{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:end;
    margin-bottom:15px;
    padding-bottom:13px;
    border-bottom:3px solid var(--d)
}
.ggafi .toc-title{
    color:var(--i);
    font-size:14px;
    font-weight:950;
    letter-spacing:.1em;
    text-transform:uppercase
}
.ggafi .toc-note{
    color:var(--m);
    font-size:12px
}
.ggafi .toc-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2px 22px
}
.ggafi .toc a{
    display:block;
    padding:8px 0;
    border-bottom:1px solid var(--l);
    color:#42464b;
    font-size:14px;
    font-weight:680;
    line-height:1.38;
    text-decoration:none
}
.ggafi .toc a:before{
    margin-right:8px;
    color:var(--r);
    content:'■';
    font-size:6px;
    vertical-align:2px
}
.ggafi .section{
    position:relative;
    margin:0 0 27px;
    padding:clamp(28px,4.4vw,52px);
    border:1px solid var(--l);
    background:#fff
}
.ggafi .section:before{
    position:absolute;
    top:0;
    left:0;
    width:6px;
    height:100%;
    background:linear-gradient(180deg,var(--r),#ef6a74 70%,transparent);
    content:''
}
.ggafi .chapter{
    display:grid;
    grid-template-columns:62px minmax(0,1fr);
    gap:15px;
    align-items:start;
    margin-bottom:24px
}
.ggafi .num{
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    background:var(--rs);
    color:var(--rd);
    font-size:13px;
    font-weight:950
}
.ggafi .chapter-label{
    display:block;
    margin-bottom:6px;
    color:var(--rd);
    font-size:10px;
    font-weight:950;
    letter-spacing:.12em;
    text-transform:uppercase
}
.ggafi .intro{
    max-width:990px;
    color:#4d5258;
    font-size:19px
}
.ggafi .answer,.ggafi .codebox,.ggafi .note{
    margin:24px 0;
    padding:22px 24px
}
.ggafi .answer{
    border:1px solid #cde5d8;
    border-left:5px solid var(--g);
    background:var(--gs)
}
.ggafi .codebox{
    border:1px solid #cfe1ed;
    border-left:5px solid var(--bl);
    background:var(--bs)
}
.ggafi .note{
    border:1px solid #efccd0;
    border-left:5px solid var(--r);
    background:var(--rs)
}
.ggafi .box-label{
    display:block;
    margin-bottom:7px;
    font-size:10px;
    font-weight:950;
    letter-spacing:.1em;
    text-transform:uppercase
}
.ggafi .answer .box-label{
    color:var(--g)
}
.ggafi .codebox .box-label{
    color:var(--bl)
}
.ggafi .note .box-label{
    color:var(--rd)
}
.ggafi .cards,.ggafi .photo-grid,.ggafi .resource-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:13px;
    margin:23px 0
}
.ggafi .card{
    padding:21px;
    border:1px solid var(--l);
    border-left:4px solid #222;
    background:#fff
}
.ggafi .tag{
    display:inline-flex;
    margin-bottom:10px;
    padding:5px 8px;
    background:#202226;
    color:#fff;
    font-size:10px;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase
}
.ggafi .card p{
    color:#555a61;
    font-size:15px;
    line-height:1.58
}
.ggafi .table-wrap{
    overflow-x:auto;
    margin:24px 0 18px;
    border:1px solid var(--l);
    background:#fff
}
.ggafi table{
    width:100%;
    min-width:1000px;
    border-collapse:collapse;
    color:var(--b);
    font-size:14px
}
.ggafi th,.ggafi td{
    padding:15px;
    border-bottom:1px solid var(--l);
    text-align:left;
    vertical-align:top
}
.ggafi thead th{
    background:#17191c;
    color:#fff;
    font-size:10px;
    font-weight:950;
    letter-spacing:.07em;
    text-transform:uppercase
}
.ggafi thead th:first-child{
    box-shadow:inset 6px 0 0 var(--r)
}
.ggafi tbody tr:nth-child(even){
    background:#fafafa
}
.ggafi .media{
    overflow:hidden;
    margin:28px 0;
    border:1px solid var(--l);
    background:#ddd
}
.ggafi .media.landscape{
    aspect-ratio:16/9
}
.ggafi figcaption{
    padding:12px 14px;
    border-top:1px solid var(--l);
    background:#fff;
    color:var(--m);
    font-size:13px;
    line-height:1.45
}
.ggafi .photo-grid figure{
    overflow:hidden;
    margin:0;
    border:1px solid var(--l);
    background:#ddd
}
.ggafi .photo-box{
    aspect-ratio:4/3
}
.ggafi .steps{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:8px;
    margin:23px 0
}
.ggafi .step{
    padding:17px 13px;
    border-top:4px solid var(--r);
    background:#f6f6f7
}
.ggafi .step span{
    display:block;
    margin-bottom:6px;
    color:var(--rd);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase
}
.ggafi .step strong{
    display:block;
    margin-bottom:6px;
    font-size:14px
}
.ggafi .step p{
    margin:0;
    color:#5d6268;
    font-size:13px;
    line-height:1.45
}
.ggafi .checklist{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:9px;
    margin:22px 0;
    padding:0;
    list-style:none
}
.ggafi .checklist li{
    position:relative;
    margin:0;
    padding:14px 15px 14px 43px;
    border:1px solid var(--l);
    background:#fafafa;
    font-size:14px
}
.ggafi .checklist li:before{
    position:absolute;
    left:14px;
    top:14px;
    color:var(--r);
    content:'✓';
    font-weight:950
}
.ggafi .resource{
    display:block;
    padding:18px;
    border:1px solid var(--l);
    border-left:4px solid var(--r);
    background:#fff;
    text-decoration:none
}
.ggafi .resource strong{
    display:block;
    margin-bottom:5px
}
.ggafi .resource span{
    display:block;
    color:var(--m);
    font-size:13px;
    line-height:1.45
}
.ggafi .faq-list{
    display:grid;
    gap:10px;
    margin-top:21px
}
.ggafi .faq-item{
    overflow:hidden;
    margin:0;
    border:1px solid var(--l);
    background:#fff
}
.ggafi .faq-item summary{
    position:relative;
    display:flex;
    align-items:center;
    min-height:68px;
    padding:18px 55px 18px 20px;
    color:var(--i);
    cursor:pointer;
    font-size:17px;
    font-weight:850;
    line-height:1.4;
    list-style:none
}
.ggafi .faq-item summary::-webkit-details-marker{
    display:none
}
.ggafi .faq-item summary:after{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    color:var(--r);
    content:'+';
    font-size:25px
}
.ggafi .faq-item[open] summary:after{
    content:'−'
}
.ggafi .faq-answer{
    padding:18px 20px;
    border-top:1px solid var(--l);
    background:#fafafa
}
.ggafi .faq-answer p{
    margin:0;
    color:#4e5359
}
.ggafi .final{
    position:relative;
    overflow:hidden;
    border:0!important;
    background:#111316!important;
    color:#eee!important
}
.ggafi .final:before{
    background:var(--r)!important
}
.ggafi .final h2,.ggafi .final h3,.ggafi .final strong{
    color:#fff!important
}
.ggafi .final p{
    color:#e4e4e6!important
}
.ggafi .final .num{
    background:rgba(200,32,45,.18);
    color:#ff7a84
}
.ggafi .final .chapter-label{
    color:#ff7a84
}
@media(max-width:980px){
    .ggafi .mast-inner{
        grid-template-columns:1fr
    }
    .ggafi .mast-photo{
        min-height:440px
    }
    .ggafi .feature-strip{
        grid-template-columns:repeat(2,1fr)
    }
    .ggafi .toc-grid{
        grid-template-columns:repeat(2,1fr)
    }
    .ggafi .steps{
        grid-template-columns:repeat(2,1fr)
    }
}
@media(max-width:767px){
    .ggafi{
        font-size:17px;
        line-height:1.72
    }
    .ggafi .mast-photo{
        min-height:330px
    }
    .ggafi .feature-strip,.ggafi .toc-grid,.ggafi .cards,.ggafi .photo-grid,.ggafi .resource-grid,.ggafi .checklist,.ggafi .steps{
        grid-template-columns:1fr
    }
    .ggafi .chapter{
        grid-template-columns:46px 1fr;
        gap:10px
    }
    .ggafi .num{
        width:40px;
        height:40px
    }
    .ggafi .section{
        padding:26px 18px 28px 23px
    }
    .ggafi table{
        min-width:850px
    }
}/* End custom CSS */