/*==========================================
        PAGE BANNER
==========================================*/

.trx-page-banner{

    position:relative;

    width:100%;

    height:68vh;

    min-height:430px;

    max-height:620px;

    /* background: url("../assets/images/services_banner.jpg") center center / cover no-repeat; */
    /* background-image:url("https://images.unsplash.com/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=1920&q=80"); */
    background: url("../../images/services_banner.jpg") center center / cover no-repeat;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

}



/*==========================================
        OVERLAY
==========================================*/

.trx-banner-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.55);

}



/*==========================================
        CONTAINER
==========================================*/

.trx-page-banner .trx-container{

    width:100%;

    max-width:1320px;

    margin:auto;

    padding:0 15px;

    position:relative;

    z-index:2;

}



/*==========================================
        CONTENT
==========================================*/

.trx-page-banner-content{

    text-align:center;

    color:#fff;

    margin-top:120px;

}



/*==========================================
        TITLE
==========================================*/

.trx-page-banner-content h1{

    font-size:72px;

    font-weight:800;

    line-height:1.1;

    margin-bottom:18px;

    text-transform:capitalize;

}



/*==========================================
        BREADCRUMB
==========================================*/

.trx-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:14px;

    font-size:18px;

    font-weight:500;

}



.trx-breadcrumb a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}



.trx-breadcrumb a:hover{

    color:#b83330;

}



.trx-breadcrumb i{

    color:#b83330;

    font-size:14px;

}



.trx-current-page{

    color:#b83330;

}



/*==========================================
        RESPONSIVE
==========================================*/

@media(max-width:1200px){

    .trx-page-banner{

        height:60vh;

    }

    .trx-page-banner-content h1{

        font-size:58px;

    }

}



@media(max-width:991px){

    .trx-page-banner{

        height:52vh;

        min-height:380px;

    }

    .trx-page-banner-content{

        margin-top:80px;

    }

    .trx-page-banner-content h1{

        font-size:46px;

    }

}



@media(max-width:768px){

    .trx-page-banner{

        height:46vh;

        min-height:320px;

    }

    .trx-page-banner-content{

        margin-top:60px;

    }

    .trx-page-banner-content h1{

        font-size:36px;

    }

    .trx-breadcrumb{

        font-size:16px;

    }

}



@media(max-width:576px){

    .trx-page-banner{

        height:42vh;

        min-height:280px;

    }

    .trx-page-banner-content h1{

        font-size:30px;

    }

    .trx-breadcrumb{

        gap:8px;

        font-size:15px;

    }

}