.premium-services{

    padding:120px 8%;

    background:#f8f7f3;

    position:relative;

    overflow:hidden;

}

.premium-bg-circle{

    position:absolute;

    border-radius:50%;

    filter:blur(120px);

    opacity:.18;

}

.bg1{

    width:500px;

    height:500px;

    background:#C6A96B;

    left:-180px;

    top:-180px;

}

.bg2{

    width:550px;

    height:550px;

    background:#11402c;

    right:-220px;

    bottom:-220px;

}

.premium-header{

    max-width:900px;

    margin:auto;

    text-align:center;

    position:relative;

    z-index:5;

    margin-bottom:80px;

}

.premium-label{

    display:inline-block;

    padding:12px 26px;

    border-radius:50px;

    background:#fff;

    color:#C6A96B;

    border:1px solid #ece8df;

    font-size:13px;

    letter-spacing:4px;

    font-weight:700;

}

.premium-header h2{

    font-size:64px;

    margin:28px 0;

    color:#222;

}

.premium-header span{

    color:#C6A96B;

}

.premium-header p{

    font-size:18px;

    color:#666;

    line-height:2;

}
.premium-grid{

    display:grid;

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

    gap:28px;

    position:relative;

    z-index:5;

    align-items:stretch;

}

.premium-card{

    position:relative;

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    text-decoration:none;

    transition:.45s;

    box-shadow:0 20px 55px rgba(0,0,0,.08);

    border:1px solid #ece8df;

}
@media(max-width:1400px){

    .premium-grid{

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

    }

}
@media(max-width:992px){

    .premium-grid{

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

        gap:22px;

    }

}
@media(max-width:768px){

    .premium-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

}


.premium-card:hover{

    transform:translateY(-12px);

    box-shadow:0 35px 80px rgba(17,64,44,.12);

}
.premium-image{

    position:relative;

    height:230px;

    overflow:hidden;

}

.premium-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:1s;

}

.premium-card:hover .premium-image img{

    transform:scale(1.12);

}

.premium-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(

            180deg,

            rgba(17,64,44,.05),

            rgba(17,64,44,.75)

    );

}
.premium-icon{

    position:absolute;

    top:190px;

    right:35px;

    width:82px;

    height:82px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(

            135deg,

            #c6a96b,

            #e8cf92

    );

    color:#fff;

    font-size:32px;

    z-index:20;

    box-shadow:

            0 15px 40px rgba(198,169,107,.45);

    transition:.55s;

}

.premium-card:hover .premium-icon{

    transform:

            rotate(18deg)

            scale(1.08);

}
.premium-body{

    padding:70px 35px 35px;

}

.premium-body h3{

    font-size:28px;

    color:#222;

    margin-bottom:18px;

    line-height:40px;

}

.premium-body p{

    color:#666;

    line-height:2;

    font-size:15px;

    min-height:85px;

}
.premium-body h3::after{

    content:"";

    display:block;

    width:55px;

    height:3px;

    margin-top:16px;

    background:#c6a96b;

    border-radius:5px;

    transition:.45s;

}

.premium-card:hover h3::after{

    width:120px;

}
.premium-btn{

    margin-top:30px;

    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:16px 28px;

    border-radius:50px;

    background:#11402c;

    color:#fff;

    font-size:15px;

    font-weight:700;

    transition:.45s;

}

.premium-btn i{

    transition:.45s;

}

.premium-card:hover .premium-btn{

    background:#c6a96b;

    color:#11402c;

    box-shadow:

            0 12px 35px rgba(198,169,107,.35);

}

.premium-card:hover .premium-btn i{

    transform:translateX(-8px);

}
.premium-card::before{

    content:"";

    position:absolute;

    top:0;

    left:-140%;

    width:60%;

    height:100%;

    background:

            linear-gradient(

                    120deg,

                    transparent,

                    rgba(255,255,255,.45),

                    transparent

            );

    transform:skewX(-25deg);

    transition:1.2s;

    z-index:15;

}

.premium-card:hover::before{

    left:170%;

}
/*==============================
CARD GLOW
==============================*/

.premium-card::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:28px;

    padding:1px;

    background:linear-gradient(
            135deg,
            transparent,
            rgba(198,169,107,.6),
            transparent,
            rgba(17,64,44,.35)
    );

    -webkit-mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    opacity:0;

    transition:.5s;

    pointer-events:none;

}

.premium-card:hover::after{

    opacity:1;

}
.premium-card{

    transform-style:preserve-3d;

}

.premium-card:hover{

    transform:

            translateY(-12px)

            rotateX(2deg)

            rotateY(-2deg);

}
.premium-icon{

    animation:floatIcon 4s ease-in-out infinite;

}

@keyframes floatIcon{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}
.premium-image{

    overflow:hidden;

}

.premium-image::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

            135deg,

            rgba(17,64,44,.15),

            rgba(198,169,107,.05)

    );

    z-index:2;

}

.premium-image img{

    filter:saturate(110%) contrast(105%);

}
.premium-btn{

    position:relative;

    overflow:hidden;

}

.premium-btn::before{

    content:"";

    position:absolute;

    width:35px;

    height:200%;

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

    top:-40px;

    left:-80px;

    transform:rotate(25deg);

    transition:1s;

}

.premium-card:hover .premium-btn::before{

    left:250px;

}
.premium-body h3{

    transition:.35s;

}

.premium-card:hover h3{

    color:#11402c;

}
.premium-body p{

    transition:.35s;

}

.premium-card:hover p{

    color:#444;

}
.premium-image img{

    transition:1s;

}

.premium-card:hover img{

    transform:scale(1.08);

    filter:

            brightness(1.05)

            saturate(120%);

}
.premium-card{

    opacity:0;

    transform:translateY(60px);

    animation:cardShow .9s forwards;

}

.premium-card:nth-child(1){animation-delay:.1s;}
.premium-card:nth-child(2){animation-delay:.2s;}
.premium-card:nth-child(3){animation-delay:.3s;}
.premium-card:nth-child(4){animation-delay:.4s;}
.premium-card:nth-child(5){animation-delay:.5s;}
.premium-card:nth-child(6){animation-delay:.6s;}

@keyframes cardShow{

    to{

        opacity:1;

        transform:translateY(0);

    }

}