/*====================================

CONTACT OPTIONS

====================================*/

.contact-options{

    padding:100px 0;

}

.contact-grid{

    display:grid;

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

    gap:25px;

    margin-top:60px;

}

.contact-card{

    padding:40px 30px;

    background:#111111;

    border:1px solid rgba(212,175,55,.15);

    border-radius:24px;

    text-decoration:none;

    transition:.35s;

}

.contact-card:hover{

    transform:translateY(-8px);

    border-color:rgba(212,175,55,.45);

    box-shadow:0 20px 50px rgba(0,0,0,.35);

}

.contact-icon{

    width:72px;

    height:72px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:28px;

    border-radius:50%;

    background:rgba(212,175,55,.08);

    border:1px solid rgba(212,175,55,.20);

}

.contact-icon i{

    font-size:30px;

    color:var(--primary);

}

.contact-card h3{

    margin-bottom:15px;

}

.contact-card p{

    margin-bottom:30px;

}

.contact-card span{

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:600;

    color:var(--primary);

}

.contact-card:hover span{

    gap:15px;

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

.contact-options{

    padding:60px 0;

}

.contact-grid{

    grid-template-columns:1fr;

    gap:18px;

    margin-top:40px;

}

.contact-card{

    padding:30px 22px;

}

.contact-icon{

    width:60px;

    height:60px;

    margin-bottom:20px;

}

.contact-icon i{

    font-size:24px;

}

}

/*====================================

PRICING SECTION

====================================*/

.pricing-section{

    padding:100px 0;

}

.pricing-grid{

    display:grid;

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

    gap:30px;

    margin-top:60px;

}

.pricing-card{

    position:relative;

    padding:45px 35px;

    background:#111111;

    border:1px solid rgba(212,175,55,.15);

    border-radius:24px;

    transition:.35s ease;

}

.pricing-card:hover{

    transform:translateY(-8px);

    border-color:rgba(212,175,55,.45);

    box-shadow:0 20px 50px rgba(0,0,0,.35);

}

.pricing-card.featured{

    border:2px solid var(--primary);

    transform:scale(1.04);

}

.pricing-card.featured:hover{

    transform:scale(1.04) translateY(-8px);

}

.pricing-badge{

    position:absolute;

    top:-14px;

    left:50%;

    transform:translateX(-50%);

    padding:8px 18px;

    border-radius:50px;

    background:var(--primary);

    color:#111;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

}

.pricing-card h3{

    margin-bottom:20px;

    text-align:center;

}

.pricing-price{

    margin-bottom:30px;

    text-align:center;

    font-size:46px;

    font-weight:700;

    color:var(--primary);

    line-height:1;

}

.pricing-price span{

    display:block;

    margin-top:10px;

    font-size:15px;

    color:#bdbdbd;

    font-weight:400;

}

.pricing-list{

    margin:0 0 35px;

    padding:0;

    list-style:none;

}

.pricing-list li{

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px 0;

    border-bottom:1px solid rgba(255,255,255,.06);

    color:#d5d5d5;

}

.pricing-list li:last-child{

    border:none;

}

.pricing-list i{

    color:var(--primary);

    font-size:15px;

    flex-shrink:0;

}

.pricing-card .btn{

    width:100%;

    justify-content:center;

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

.pricing-grid{

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

}

.pricing-card.featured{

    transform:none;

}

.pricing-card.featured:hover{

    transform:translateY(-8px);

}

}

@media(max-width:767px){

.pricing-section{

    padding:60px 0;

}

.pricing-grid{

    grid-template-columns:1fr;

    gap:20px;

    margin-top:40px;

}

.pricing-card{

    padding:35px 25px;

}

.pricing-price{

    font-size:38px;

}

.pricing-badge{

    font-size:12px;

    padding:7px 16px;

}

}