/*=========================================
SUPPORT SECTION
=========================================*/

.support-section{

    position:relative;

    padding:120px 0;

    overflow:hidden;

    background:#FCFAF7;

}

/*=========================================
BACKGROUND BLUR
=========================================*/

.support-section::before{

    content:"";

    position:absolute;

    width:550px;

    height:550px;

    left:-220px;

    top:-120px;

    border-radius:50%;

    background:rgba(210,225,236,.25);

    filter:blur(90px);

}

.support-section::after{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    right:-180px;

    bottom:-120px;

    border-radius:50%;

    background:rgba(201,169,106,.12);

    filter:blur(90px);

}

/*=========================================
WRAPPER
=========================================*/

.support-wrapper{

    position:relative;

    z-index:5;

    background:rgba(255,255,255,.55);

    backdrop-filter:blur(25px);

    -webkit-backdrop-filter:blur(25px);

    border:1px solid rgba(255,255,255,.65);

    border-radius:35px;

    padding:70px;

    box-shadow:

    0 30px 70px rgba(0,0,0,.05);

}

/*=========================================
LEFT COLUMN
=========================================*/

.support-left .section-title{

    margin:15px 0 50px;

}

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

.support-grid{

    display:grid;

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

    gap:25px;

}

/*=========================================
ITEM
=========================================*/

.support-item{

    display:block;

    text-align:center;

    padding:25px 18px;

    border-radius:22px;

    background:rgba(218,230,240,.18);

    border:1px solid rgba(255,255,255,.60);

    transition:.4s ease;

    text-decoration:none;

    color:inherit;

    cursor:pointer;

}

.support-item:hover{

    transform:translateY(-8px);

    background:rgba(218,230,240,.30);

    box-shadow:

    0 20px 45px rgba(0,0,0,.06);

    color:inherit;

    text-decoration:none;

}

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

.support-icon{

    width:90px;

    height:90px;

    margin:0 auto 18px;

    border-radius:50%;

    background:rgba(255,255,255,.65);

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid rgba(255,255,255,.70);

}

.support-icon img{

    width:100%;

    transition:.35s;

}

.support-item:hover .support-icon img{

    transform:scale(1.08);

}

/*=========================================
TITLE
=========================================*/

.support-item h6{

    font-size:18px;

    line-height:1.5;

    margin:0;

    color:var(--heading);

}

/*=========================================
RIGHT COLUMN
=========================================*/

.support-right{

    padding-left:50px;

}

.support-right p{

    margin:20px 0 30px;

    line-height:1.9;

    color:var(--text);

}

/*=========================================
CHECK LIST
=========================================*/

.approach-list{

    list-style:none;

    padding:0;

    margin:0;

}

.approach-list li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    color:var(--heading);

    font-weight:500;

}

.approach-list i{

    color:var(--gold);

    font-size:18px;

}

/*=========================================
IMAGE
=========================================*/

.support-image{

    margin-top:40px;

    overflow:hidden;

    border-radius:25px;

}

.support-image img{

    width:100%;

    display:block;

    border-radius:25px;

    transition:.45s ease;

}

.support-image:hover img{

    transform:scale(1.05);

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1199px){

.support-wrapper{

    padding:50px;

}

.support-right{

    padding-left:30px;

}

}

@media(max-width:991px){

.support-section{

    padding:90px 0;

}

.support-wrapper{

    padding:40px;

}

.support-grid{

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

}

.support-right{

    padding-left:0;

    margin-top:60px;

}

}

@media(max-width:767px){

.support-wrapper{

    padding:30px;

    border-radius:25px;

}

.support-grid{

    grid-template-columns:1fr;

}

.support-item{

    padding:22px;

}

.support-icon{

    width:80px;

    height:80px;

}

.support-icon img{

    width:42px;

}

.support-left .section-title{

    margin-bottom:35px;

}

.support-right{

    margin-top:50px;

}

}