/*=========================================================
FREE DIGITAL BONUS
=========================================================*/

.bonus-section{

    background:#FFFFFF;

}

/* Two-column content */

.bonus-main{

    display:grid;
    grid-template-columns:1fr 380px;
    gap:70px;
    align-items:center;

    max-width:980px;
    margin:70px auto 0;

}



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

.bonus-layout{

    max-width:900px;
    margin:70px auto 0;

    display:grid;
    grid-template-columns:1fr 360px;
    gap:70px;

}

.bonus-image{

    display:flex;

    justify-content:center;

    align-items:flex-start;

}



/*=========================================================
LEFT
=========================================================*/

.bonus-details{

    max-width:520px;
    margin:0;
    padding-left:90px;

}


/*=========================================================
FEATURES
=========================================================*/

.bonus-features{

    display:flex;

    flex-direction:column;

    gap:22px;

    margin-bottom:42px;

}

.bonus-features li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    font-size:17px;

    line-height:1.7;

}

.bonus-features i{

    color:var(--secondary);

    margin-top:4px;

    flex-shrink:0;

}


/*=========================================================
BUTTON
=========================================================*/

.bonus-btn{

    margin-bottom:22px;

}


/*=========================================================
NOTE
=========================================================*/

.bonus-note{

    display:flex;

    align-items:center;

    gap:8px;

    color:var(--text-light);

    font-size:14px;

}

.bonus-note i{

    color:var(--secondary);

}


/*=========================================================
RIGHT
=========================================================*/

.bonus-image{

    display:flex;

    justify-content:center;

    align-items:center;

}

.bonus-book{

    width:100%;

    max-width:345px;

    height:auto;

    filter:drop-shadow(0 24px 40px rgba(0,0,0,.15));

}


/*=========================================================
TABLET
=========================================================*/

@media(max-width:991px){

.bonus-layout{

    grid-template-columns:1fr;

    gap:55px;

}

.bonus-details{

    max-width:100%;

}

.bonus-image{

    order:-1;

}

.bonus-book{

    max-width:360px;

}

}


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

@media(max-width:767px){

.bonus-layout{

    gap:40px;

}

.bonus-book{

    max-width:280px;

}

.bonus-features{

    gap:18px;

}

.bonus-btn{

    width:100%;

}

.bonus-note{

    justify-content:center;

    text-align:center;

}

}