/* =========================
   GLOBAL STYLE
========================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#f8f9fa;
    font-family:'Poppins',Arial,sans-serif;
    color:#333;
}


/* =========================
   NAVBAR
========================= */

.navbar{
    padding:15px 0;
    box-shadow:0 3px 10px rgba(0,0,0,0.1);
}

.navbar-brand{
    font-size:28px;
    font-weight:700;
}

.nav-link{
    margin-left:15px;
    font-size:16px;
}


/* =========================
   BLOG CARDS
========================= */

.card{

    border:none;
    border-radius:15px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    transition:.3s;

}


.card:hover{

    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,0.15);

}


.card img{

    width:100%;
    height:250px;
    object-fit:cover;

}


.card-body{

    padding:25px;

}


.card h2,
.card h4{

    font-weight:700;

}



/* =========================
   BUTTONS
========================= */


.btn-primary{

    background:#dd2476;
    border:none;
    border-radius:30px;
    padding:10px 25px;

}


.btn-primary:hover{

    background:#b91c5c;

}



/* =========================
   CONTACT PAGE
========================= */


.contact-header{

    background:linear-gradient(
        135deg,
        #ff512f,
        #dd2476
    );

    color:white;

    padding:70px 20px;

    border-radius:20px;

    margin-bottom:40px;

}


.contact-header h1{

    font-size:45px;
    font-weight:800;

}



.contact-box{

    background:white;

    padding:35px;

    border-radius:20px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.08);

}



.contact-icon{

    width:60px;
    height:60px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:#ffe5ef;

    border-radius:50%;

    font-size:28px;

    margin-bottom:15px;

}



.form-control{

    border-radius:12px;

    padding:14px;

    border:1px solid #ddd;

}



.form-control:focus{

    border-color:#dd2476;

    box-shadow:0 0 0 .2rem rgba(221,36,118,.15);

}



.btn-contact{

    background:#dd2476;

    color:white;

    border:none;

    padding:13px 35px;

    border-radius:30px;

    font-weight:600;

}


.btn-contact:hover{

    background:#b91c5c;

    color:white;

}



/* =========================
   FOOTER
========================= */


footer{

    margin-top:60px;

    padding:30px;

    background:#212529;

    color:white;

    text-align:center;

}



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


@media(max-width:768px){

    .contact-header h1{

        font-size:32px;

    }


    .navbar-brand{

        font-size:22px;

    }


    .card img{

        height:200px;

    }

}