/* 
P-SERIES FASHION MLM BUSINESS CSS
*/


body{

    margin:0;
    padding:0;
    font-family:Arial, sans-serif;
    background:#f5f7fb;

}



/* HEADER */

.ps-header{

    background:linear-gradient(120deg,#071a3d,#174ea6);
    color:white;
    padding:60px 20px;
    text-align:center;

}


.ps-header h1{

    color:#d4af37;
    font-size:45px;
    font-weight:bold;

}




/* SECTION */

.ps-section{

    padding:50px 0;

}



.ps-title{

    text-align:center;
    font-size:32px;
    font-weight:bold;
    color:#071a3d;
    margin-bottom:40px;

}




/* CARD DESIGN */


.ps-card{

    background:white;
    padding:30px;
    border-radius:20px;
    box-shadow:0 10px 25px #ddd;
    height:100%;
    transition:.3s;

}



.ps-card:hover{

    transform:translateY(-8px);

}



.ps-card i{

    font-size:50px;
    color:#d4af37;
    margin-bottom:20px;

}



.ps-card h3{

    color:#174ea6;
    font-weight:bold;

}



/* BUTTON */


.ps-btn{

    background:#d4af37;
    color:black;
    padding:10px 25px;
    border-radius:25px;
    font-weight:bold;
    text-decoration:none;
    display:inline-block;

}



.ps-btn:hover{

    background:#071a3d;
    color:white;

}




/* TABLE */


.ps-table{

    background:white;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 25px #ddd;

}



.ps-table th{

    background:#071a3d;
    color:white;

}



.ps-table td,
.ps-table th{

    padding:15px;
    text-align:center;

}




/* FOOTER */


.ps-footer{

    background:#111827;
    color:white;
    padding:40px 0;

}



.ps-footer h3,
.ps-footer h5{

    color:#d4af37;

}




/* MOBILE */


@media(max-width:768px){


.ps-header h1{

    font-size:32px;

}


.ps-card{

    margin-bottom:20px;

}


}