/* Before Footer */

.wb_con_bg2
{
    background-image: url(../images/before_footer_banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 500px;
    overflow: hidden;
    margin-top: 6rem;
}

.wb_overlay
{
    width: 100%;
    background: radial-gradient(35% 42%, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

.tri_bantext2
{
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 10rem;
}

.tri_head_txt5
{
    font-size: 52px;
    font-weight: 500;
}

.tri_text_para3
{
    font-size: 16px;
    font-weight: 400;
}

.wb_ban_btn2
{
    color: #000;
    background-color: #fff;
    padding: 12px 20px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    width: 9.5rem;
    position: relative;
    text-align: left;
    transition: all 0.4s ease;
}

.wb_btn_spec
{
    position: absolute;
    top: 3px;
    right: 3px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #000;
    padding: 9px;
    text-align: center;
    transition: all 0.4s ease;
}

.wb_icon
{
    transform: rotate(45deg);
    font-size: 17px;
    color: #fff;
    transition: all 0.4s ease;
}

.wb_ban_btn2:hover
{
    background-color: #424242;
    color: #fff;
}

.wb_ban_btn2:hover .wb_btn_spec
{
    background-color: #fff;
}

.wb_ban_btn2:hover .wb_icon
{
    transform: rotate(90deg);
    color: #424242;
}

/* Responsive Design for Desktop */

@media screen and (max-width: 1140px) and (min-width: 992px)
{
    .tri_head_txt5
    {
        font-size: 42px;
    }

    .wb_con_bg2
    {
        margin-top: 3rem;
    }
}

/* Responsive Design for Tab */

@media screen and (max-width: 991px) and (min-width: 768px)
{
    .tri_head_txt5
    {
        font-size: 38px;
    }

    .wb_con_bg2
    {
        margin-top: 5rem;
    }
}

/* Responsive Design for Smartphone */

@media screen and (max-width: 767px) and (min-width: 360px)
{
    .tri_head_txt5
    {
        font-size: 24px;
    }

    .wb_con_bg2
    {
        margin-top: 2.5rem;
    }

    .tri_bantext2
    {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}