/*
    1.COMMON CSS
    2.BACK TO TOP SECTION CSS
    3.MAIN SLIDER SECTION CSS
    4.MAIN SLIDER ARROWS CSS
    5.MAIN SLIDER DOTS CSS
    6.HEADER CSS
    7.DEPARTMENT TABS SECTION  CSS
    8.ABOUT SECTION CSS
    9.ABOUT SERVICES CSS
    10.KEY FEATURE SECTION CSS
    11.SUPPORT SECTION CSS
    12.CLIENTS LOGO SECTION CSS
    13.FOOTER CSS
    14.RESPOSIVE CSS
*/
/*--------------
	1.COMMON CSS
----------------*/


body {
    overflow-x: hidden;
    font-family: 'Josefin Sans', sans-serif !important;
    color: var(--theme-black-color) !important;
    position: relative;
}

/*.top-wrapper {
    background-image: url("../../img/main-slider-img/main-slider-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}*/

/*-------------------------------
    SINGLE HTML HEADER CSS START
 ------------------------------*/

.dg-caption {
    background: #fff;
}

.pagemenu {
    background-image: url('../../img/page-banner.png');
    min-height: 445px;
}

.nav-contact .wht-txt::after {
    top: -5px !important;
    height: 30px !important;
}

.relative-position {
    position: relative;
}

.pagemenu h1, .pagemenu h4 {
    margin: 0;
    font-size: 0;
}

/*------------------------
 BREADCUMB CSS START
------------------------*/
.breadcrumb-section {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
}

.breadcrumb {
    background-color: transparent !important;
    margin-bottom: 0 !important;
    padding: 10px 0;
    justify-content: center;
    font-size:18px;
}

.blog-breadcrum {
    display: block !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--theme-white-color) !important;
}

.breadcrumb-item.active {
    color: var(--theme-white-color) !important;
}

.blog-breadcrum .container {
    padding: 0;
}

.breadcrumb-item a {
    color: var(--theme-white-color) !important;
}
    .breadcrumb-item a:hover{
        color:var(--theme-black-color) !important;
    }
    /*GET ALL PAGES IMAGES CSS*/
    .blog-images-block.imgimg {
        margin-bottom: 30px;
    }
.pages-videos.video .embed-responsive {
    margin-bottom: 30px;
}