/* ==========================================
   Divine Connectionz
   index.css
========================================== */

/* Main Content */

.home-page{

    max-width:1100px;

    margin:50px auto;

    padding:0 20px;

}

/* Common Sections */

.home-card,
.hero-intro,
.journey{

    background:#ffffff;

    padding:40px;

    margin-bottom:35px;

    border-radius:15px;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

}

/* Hero Intro */

.hero-intro{

    background:linear-gradient(135deg,#fff7ea,#ffffff);

    border-left:8px solid #ff9800;

}

/* Journey */

.journey{

    background:linear-gradient(135deg,#fff8ef,#ffffff);

    border-left:8px solid #d46a00;

}

/* Headings */

.home-page h2{

    font-size:34px;

    color:#d46a00;

    margin-bottom:20px;

}

/* Paragraphs */

.home-page p{

    font-size:20px;

    line-height:1.9;

    color:#444;

    text-align:justify;

}

/* Hover */

.home-card:hover,
.hero-intro:hover,
.journey:hover{

    transform:translateY(-5px);

    transition:.35s;

    box-shadow:0 15px 35px rgba(0,0,0,.12);

}

/* Highlight */

strong{

    color:#d46a00;

}

/* Mobile */

@media(max-width:768px){

    .home-page{

        margin:25px auto;

        padding:15px;

    }

    .hero-intro,
    .home-card,
    .journey{

        padding:25px;

    }

    .home-page h2{

        font-size:28px;

    }

    .home-page p{

        font-size:18px;

        text-align:left;

    }

}