/* ==========================================
   Banner 2
========================================== */

.db-banner-2 {
    width: calc(100% - 40px);
    max-width: 1320px;

    margin: 40px auto 120px;

    overflow: hidden;
}

.db-banner-2__wrapper{

    position:relative;

    width:100%;
}

.db-banner-2__image{

    display:block;

    width:100%;
    height:auto;
}

.db-banner-2__button{

    position:absolute;

    right:56px;
    bottom:32px;

    width:123px;
    height:32px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:8px;

    background:#CC5200;

    color:#fff;
    text-decoration:none;

    font-family:Vazirmatn,sans-serif;
    font-size:10.45px;
    font-weight:600;

    transition:.25s;
}

.db-banner-2__button:hover{

    background:#FF8533;
}


/* ==========================================
   Banner 2 — Mobile
========================================== */

@media (max-width: 767px) {

    .db-banner-2 {
        width: calc(100% - 32px);
        max-width: none;

        margin: 32px auto 56px;
    }

    .db-banner-2__wrapper {
        position: relative;

        width: 100%;

        overflow: hidden;

        border-radius: 8px;
    }

    .db-banner-2__image {
        display: block;

        width: 100%;
        height: auto;
    }

    .db-banner-2__button {
        right: 4.2%;
        bottom: 7%;

        width: 64px;
        height: 17px;

        min-width: 64px;
        min-height: 17px;

        padding: 0;

        border-radius: 3px;

        font-family: Vazirmatn, sans-serif;
        font-size: 6.5px;
        font-weight: 600;
        line-height: 1;

        white-space: nowrap;
    }

}