/*
Theme Name: Coffee Theme
Description: 
Version: 1.0.7
Author: Concepta Team
*/
*{
    padding: 0;
    margin:0;
}
html,body{
    width: 100%;
    overflow-x: hidden;
}
a{
    text-decoration: none;
}
.container{
    margin:0 auto;
}
header{
    padding: var(--Gap-Large-40, 40px) 16px;
    gap: var(--Gap-Small-8, 8px);
    align-self: stretch;
    background-color: #282828;
    color: var(--Color-White-100, #FFF);
    text-align: center;

    /* H5 */
    font-family: "DM Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: -0.8px;
    margin-bottom: 64px;
}
header span{
    text-decoration: underline;
}
/*===========footer=============*/
footer{
    background: var(--Color-Black-20, #282828);
    padding: 0 80px;
}
.footer_bottom{
    display: flex;
    padding: 96px 0;
    border-top: 1px solid rgba(150, 148, 145, 0.40);
}
.footer_bottom_social,.footer_bottom_links{
    display: flex;
    align-items: center;
}
.footer_bottom_social{
    flex:1 1 auto;
}
.footer_bottom_social img{
    margin-right: 25px;
}
.footer_bottom_item{
    color: var(--Color-White-100, #FFF);
    text-align: right;
    font-family: "DM Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 27.2px */
    margin-left:32px;
}
@media(max-width:1440px){
    header{
        font-size: 32px;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        letter-spacing: -0.64px;
        padding: 28px 16px;
        margin-bottom: 56px;
    }
    footer{
        padding: 0 56px;
    }
}
@media(max-width:1024px){
    footer{
        padding: 0 16px;
    }
    .footer_bottom{
        padding: 64px 0;
    }
}

@media(max-width:768px){
    header{
        text-align: left;
        font-size: 16px;
        line-height: 150%; /* 24px */
        letter-spacing: -0.32px;
        padding: 12px 16px;
        margin-bottom: 40px;
    }
    .footer_bottom,.footer_bottom_links{
        flex-direction: column;
    }
    .footer_bottom_social{
        margin-bottom: 40px;
    }
    .footer_bottom_links{
        align-items: start;
    }
    .footer_bottom_item{
        margin:0 0 8px 0;
    }
}