/* ==========================================
        FARMERKART LAYOUT
========================================== */

/* Main Container */

.container{

    width:92%;

    max-width:1400px;

    margin:auto;

}

/* Common Sections */

section{

    padding:70px 0;

}

/* Section Header */

.section-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:35px;

}

.section-header h2{

    font-size:36px;

    font-weight:700;

    color:var(--dark);

}

.section-header p{

    margin-top:8px;

    color:var(--gray);

    font-size:15px;

}

/* Hero */

.hero{

    min-height:650px;

    display:flex;

    align-items:center;

}

/* Grid */

.grid-2{

    display:grid;

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

    gap:50px;

    align-items:center;

}

.grid-3{

    display:grid;

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

    gap:25px;

}

.grid-4{

    display:grid;

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

    gap:25px;

}

/* Flex */

.flex{

    display:flex;

    align-items:center;

}

.flex-between{

    display:flex;

    align-items:center;

    justify-content:space-between;

}

/* Footer */

footer{

    background:#1E1E1E;

    color:#fff;

    padding:60px 0 25px;

}

.footer-grid{

    display:grid;

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

    gap:40px;

}

.footer-title{

    font-size:18px;

    margin-bottom:20px;

    font-weight:600;

}

.footer-links a{

    display:block;

    margin-bottom:12px;

    color:#ddd;

    transition:.3s;

}

.footer-links a:hover{

    color:#fff;

}

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.15);

    margin-top:40px;

    padding-top:20px;

    text-align:center;

    color:#aaa;

    font-size:14px;

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

.footer{
    background:#1b4332;
    color:#fff;
    margin-top:60px;
}

.footer-grid{
    max-width:1300px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
    padding:60px 20px;
}

.footer h3,
.footer h4{
    margin-bottom:18px;
}

.footer p{
    color:#d8d8d8;
    line-height:1.7;
}

.footer ul{
    list-style:none;
    padding:0;
}

.footer ul li{
    margin-bottom:12px;
}

.footer ul li a{
    color:#d8d8d8;
    text-decoration:none;
    transition:.3s;
}

.footer ul li a:hover{
    color:#fff;
    padding-left:5px;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.15);
    text-align:center;
    padding:20px;
    font-size:14px;
}