/* =========================================
   ADDITIONAL SUPPORT SECTION
   Sticky Overlapping Cards
   ========================================= */

.additional-support-section{
    position:relative;
    padding:160px 0;
    background:#FCFAF7;
    overflow:visible;
}

.additional-support-section::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    left:-280px;
    top:-220px;
    border-radius:50%;
    background:rgba(212,228,239,.25);
    filter:blur(120px);
}

.additional-support-section::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-180px;
    bottom:-180px;
    border-radius:50%;
    background:rgba(201,169,106,.10);
    filter:blur(100px);
}

/* Layout */

.additional-support-layout{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:420px 1fr;
    gap:80px;
    align-items:start;
}

/* Left */

.additional-support-left{
    position:sticky;
    top:120px;
    align-self:start;
}

.additional-support-left .section-title{
    margin:20px 0 25px;
}

.support-text{
    margin-bottom:40px;
    font-size:17px;
    line-height:1.9;
}

.additional-support-left .btn-book{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 34px;
    border-radius:60px;
    background:var(--gold);
    color:#fff;
    font-weight:600;
    transition:.3s;
}

.additional-support-left .btn-book:hover{
    background:var(--gold-dark);
}

/* Right */

.additional-support-right{
    position:relative;
    padding-top:80px;
}

/* Sticky Cards */

.support-card{
    position:sticky;
    top:120px;
    padding:40px;
    border-radius:34px;
    margin-bottom:140px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    transition:.35s ease;
    transform-origin:center top;
}

.support-card:last-child{
    margin-bottom:0;
}

.support-card:nth-child(1){top:120px;z-index:1;transform:scale(1);}
.support-card:nth-child(2){top:150px;z-index:2;transform:scale(.98);}
.support-card:nth-child(3){top:180px;z-index:3;transform:scale(.96);}
.support-card:nth-child(4){top:210px;z-index:4;transform:scale(.94);}
.support-card:nth-child(5){top:240px;z-index:5;transform:scale(.92);}

.support-card:nth-child(odd){
    background:rgba(220,232,242,.18);
}

.support-card:nth-child(even){
    background:rgba(255,255,255,.55);
}

.support-card:hover{
    transform:translateY(-8px) scale(1.01);
    box-shadow:0 35px 90px rgba(0,0,0,.14);
}

.support-card::before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    top:-90px;
    right:-90px;
    border-radius:50%;
    background:rgba(255,255,255,.35);
    filter:blur(35px);
}

.support-card::after{
    content:"";
    position:absolute;
    inset:0;
    border:1px solid transparent;
    border-radius:34px;
    transition:.3s;
    pointer-events:none;
}

.support-card:hover::after{
    border-color:rgba(201,169,106,.35);
}

.card-number{
    position:absolute;
    top:25px;
    right:30px;
    font-size:72px;
    font-weight:700;
    color:rgba(201,169,106,.10);
}

.card-top{margin-bottom:30px;}

.card-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.7);
    transition:.35s;
}

.card-icon img{width:46px;transition:.35s;}

.support-card:hover .card-icon{
    transform:rotate(8deg) scale(1.08);
}

.card-content h3{
    font-size:34px;
    margin-bottom:16px;
    transition:.3s;
}

.support-card:hover h3{
    color:var(--gold);
}

.card-content p{
    line-height:1.9;
    margin-bottom:28px;
}

.card-content a{
    display:inline-flex;
    gap:10px;
    align-items:center;
    color:var(--gold);
    font-weight:600;
}

/* Responsive */

@media(max-width:991px){

.additional-support-layout{
    grid-template-columns:1fr;
    gap:60px;
}

.additional-support-left{
    position:relative;
    top:auto;
}

.additional-support-right{
    padding-top:0;
}

.support-card{
    position:relative;
    top:auto!important;
    margin-bottom:30px;
    transform:none!important;
}

}

@media(max-width:767px){

.additional-support-section{
    padding:80px 0;
}

.support-card{
    padding:28px;
    border-radius:24px;
}

.card-number{
    font-size:46px;
}

.card-content h3{
    font-size:24px;
}

.additional-support-left .btn-book{
    width:100%;
}

}