body{
    font-family: "Cairo", sans-serif;
}

/* HERO */
.hero-section{
    background: linear-gradient(#0693d2, rgba(0,0,0,.6)),
    url('bg.png') center/cover no-repeat;
    height: 90vh;
}

.hero-logo{
    max-width: 550px;
}

/* PACKAGES */
.package-card{
    background:#fff;
    padding:20px;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.1);
}

.main{border-top:6px solid #385623;}
.strategic{border-top:6px solid #002060;}
.diamond{border-top:6px solid #833c0b;}
.gold{border-top:6px solid #7f6000;}
.silver{border-top:6px solid #7f7f7f;}
.space{border-top:6px solid #198754;}

/* TABLE */
.comparison-table th{
    color:#fff;
}
.comparison-table td,
.comparison-table th{
    vertical-align: middle;
    font-size:14px;
}

.comparison-table{
    min-width:700px;
}

/* FORM */
.form-section{
    background:#f8f9fa;
}

/* FOOTER */
.footer{
    background:#228bbb;
    color:#fff;
}

/* ================= MOBILE ================= */
@media (max-width: 768px){

    .hero-section{
        height:auto;
        padding:80px 0;
    }

    .hero-logo{
        max-width:260px;
    }

    .hero-section h1{
        font-size:24px;
    }

    .hero-section p{
        font-size:16px;
    }

    .comparison-table td,
    .comparison-table th{
        font-size:12px;
        padding:6px;
        white-space: nowrap;
    }

    iframe{
        height:250px;
    }
}