.gdp-section{
    --gdp-green:#08794d;
    --gdp-green-dark:#045c3a;
    --gdp-green-light:#14a96c;
    --gdp-gold:#ffbd2e;
    --gdp-orange:#ff6b35;
    --gdp-ink:#17352a;
    position:relative;
    overflow:hidden;
    padding:48px 0 52px;
    font-family:"Google Sans",Arial,sans-serif;
    background:
        radial-gradient(circle at 10% 20%,rgba(255,255,255,.16) 0 4px,transparent 5px),
        radial-gradient(circle at 91% 72%,rgba(255,255,255,.12) 0 8px,transparent 9px),
        linear-gradient(125deg,#075f3d 0%,#07945b 48%,#046b43 100%);
}

.gdp-section::before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    border:70px solid rgba(255,255,255,.07);
    border-radius:50%;
    left:-230px;
    top:-285px;
}

.gdp-section::after{
    content:"";
    position:absolute;
    width:420px;
    height:170px;
    right:-100px;
    bottom:-80px;
    border:28px solid rgba(255,210,72,.12);
    border-radius:50%;
    transform:rotate(-12deg);
}

.gdp-bg-lines{
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.8;
}

.gdp-bg-lines span{
    position:absolute;
    display:block;
    border:2px solid rgba(255,255,255,.12);
    border-radius:50%;
}

.gdp-bg-lines span:nth-child(1){
    width:180px;
    height:180px;
    right:8%;
    top:-75px;
}

.gdp-bg-lines span:nth-child(2){
    width:105px;
    height:105px;
    left:7%;
    bottom:-35px;
}

.gdp-bg-lines span:nth-child(3){
    width:18px;
    height:18px;
    right:18%;
    top:35%;
    background:#ffbd2e;
    border:0;
    box-shadow:0 0 0 12px rgba(255,189,46,.12);
}

.gdp-container{
    position:relative;
    z-index:2;
}

.gdp-heading{
    max-width:770px;
    margin:0 auto 27px;
    text-align:center;
    color:#fff;
}

.gdp-heading-icon{
    width:48px;
    height:48px;
    margin:0 auto 10px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#07462e;
    font-size:20px;
    background:#ffd154;
    border:4px solid rgba(255,255,255,.22);
    box-shadow:0 8px 22px rgba(0,0,0,.18);
}

.gdp-heading h2{
    margin:0;
    font-size:clamp(28px,3.5vw,43px);
    font-weight:700;
    letter-spacing:-1px;
}

.gdp-heading p{
    max-width:630px;
    margin:7px auto 0;
    font-size:15px;
    line-height:1.6;
    color:rgba(255,255,255,.88);
}

.gdp-title-divider{
    width:145px;
    height:4px;
    margin:13px auto 0;
    border-radius:50px;
    background:linear-gradient(90deg,transparent,#ffc43d,#fff,#ffc43d,transparent);
}

.gdp-feature{
    position:relative;
    border-radius:18px;
    filter:drop-shadow(0 18px 30px rgba(0,43,27,.27));
}

.gdp-feature::before{
    content:"";
    position:absolute;
    inset:-8px;
    z-index:-2;
    border:2px solid rgba(255,255,255,.62);
    border-radius:23px;
    transform:skewX(-2deg);
}

.gdp-feature::after{
    content:"";
    position:absolute;
    inset:-15px 16px 8px -15px;
    z-index:-3;
    border:0px solid rgba(255,196,61,.72);
    border-radius:26px;
    transform:skewX(2deg);
}

.gdp-card{
    position:relative;
    overflow:hidden;
    background:#fff;
    border-radius:17px;
    min-height:355px;
}

.gdp-image-wrap{
    position:relative;
    min-height:355px;
    height:100%;
    overflow:hidden;
    background:#053f2b;
}

.gdp-main-image{
    width:100%;
    height:100%;
    min-height:355px;
    object-fit:cover;
    display:block;
    transition:transform .7s ease;
}

.gdp-card:hover .gdp-main-image{
    transform:scale(1.045);
}

.gdp-image-wrap::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 30%,rgba(2,45,29,.68) 100%);
}

.gdp-image-badge{
    position:absolute;
    z-index:3;
    left:20px;
    bottom:20px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:9px 14px;
    color:#16402e;
    background:#fff;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    box-shadow:0 8px 22px rgba(0,0,0,.2);
}

.gdp-image-badge i{
    color:#e04d25;
}

.gdp-content{
    position:relative;
    height:100%;
    min-height:355px;
    padding:30px 34px 27px 55px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:
        linear-gradient(90deg,rgba(5,129,79,.045),transparent 40%),
        #fff;
}

.gdp-content::before{
    content:"";
    position:absolute;
    left:-29px;
    top:-8%;
    width:58px;
    height:116%;
    background:#fff;
    transform:skewX(-7deg);
    border-left:7px double #c7c7c7;
    border-right:2px solid rgba(8,121,77,.18);
    z-index:1;
}

.gdp-content > *{
    position:relative;
    z-index:2;
}

.gdp-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    width:max-content;
    margin-bottom:9px;
    padding:6px 11px;
    border-radius:6px;
    color:#066c44;
    background:#e8f8f0;
    font-size:12px;
    font-weight:700;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.gdp-content h3{
    margin:0;
    color:#123f2e;
    font-size:clamp(24px,2.7vw,34px);
    line-height:1.15;
    font-weight:700;
}

.gdp-small-divider{
    display:flex;
    align-items:center;
    gap:7px;
    margin:13px 0;
}

.gdp-small-divider span:first-child{
    width:45px;
    height:4px;
    border-radius:10px;
    background:#ff7038;
}

.gdp-small-divider span:nth-child(2){
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ffc43d;
}

.gdp-small-divider span:last-child{
    width:72px;
    height:2px;
    background:#0d9b63;
}

.gdp-verse{
    margin:0 0 12px;
    padding:11px 14px;
    color:#174533;
    font-size:14px;
    line-height:1.55;
    font-weight:500;
    background:#f3fbf7;
    border-left:4px solid #0da569;
    border-radius:4px 9px 9px 4px;
}

.gdp-verse i{
    color:#ec8d1b;
    margin-right:7px;
}

.gdp-description{
    margin:0 0 17px;
    color:#526a61;
    font-size:14px;
    line-height:1.7;
}

.gdp-info-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:19px;
}

.gdp-info{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    border-radius:6px;
    color:#31574a;
    background:#f0f4f2;
    font-size:12px;
    font-weight:600;
}

.gdp-info:nth-child(2){
    background:#fff2df;
    color:#80511e;
}

.gdp-info:nth-child(3){
    background:#edf8ed;
    color:#2d6d41;
}

.gdp-read-more{
    display:inline-flex;
    width:max-content;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:11px 20px;
    text-decoration:none;
    color:#fff;
    font-size:14px;
    font-weight:700;
    border-radius:7px;
    background:linear-gradient(100deg,#ff6235,#f5a51c);
    box-shadow:0 8px 18px rgba(235,102,42,.25);
    transition:.3s ease;
}

.gdp-read-more:hover{
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 11px 22px rgba(235,102,42,.32);
}

.gdp-read-more i{
    transition:.3s ease;
}

.gdp-read-more:hover i{
    transform:translateX(4px);
}

@media (max-width:991.98px){
    .gdp-section{
        padding:42px 0 45px;
    }

    .gdp-card,
    .gdp-image-wrap,
    .gdp-main-image,
    .gdp-content{
        min-height:auto;
    }

    .gdp-image-wrap{
        height:285px;
    }

    .gdp-content{
        padding:30px;
    }

    .gdp-content::before{
        display:none;
    }
}

@media (max-width:575.98px){
    .gdp-section{
        padding:34px 0 38px;
    }

    .gdp-heading{
        margin-bottom:22px;
    }

    .gdp-heading p{
        font-size:14px;
    }

    .gdp-feature::before{
        inset:-5px;
    }

    .gdp-feature::after{
        inset:-10px 10px 5px -10px;
    }

    .gdp-card{
        border-radius:13px;
    }

    .gdp-image-wrap{
        height:225px;
    }

    .gdp-content{
        padding:25px 21px;
    }

    .gdp-content h3{
        font-size:25px;
    }

    .gdp-info-row{
        gap:6px;
    }

    .gdp-read-more{
        width:100%;
    }
}