.ul-cta-title{
            font-size:37px;
        }
        .ul-breadcrumb .text-white{
            width:350px;
        }
        .ul-breadcrumb {
            background: url(https://ecosid.org/assets/img/gallery/033.jpg) no-repeat center center !important; 
            background-size: cover!important;
            padding: 190px 100px 90px;
            text-align: center;
            position: relative;
            z-index: 1;
        }
        /*.ul-breadcrumb::before { */
        /*    background-color: rgba(30, 37, 47, 0.1)!important; */
        /*}*/
        .ul-breadcrumb-title{
            font-weight:600;
            font-size:43px;
        }
        .ul-breadcrumb::before {
            content: "";
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            border-radius: 0;
            background:linear-gradient(234deg, rgba(0, 0, 0, 0) 0%, #000000d4 100%) !important;
        }
        .ul-inner-contact-container{
            max-width:100%;
        } 
        .ul-cta::before{
            background-color:#058a51 ;
            background-color:#000000 ;
        }
        
        .gallery-items .col-lg-4{
            padding: 15px;
        }
        .gallery-filter{
            width: 100%;
        }
        .gallery-filter li{
            margin-right: 10px;
            display: inline-block;
            font-size: 15px;
            font-family: "Jost", sans-serif;
            font-weight: 500;
            background-color: #f7f7f7;
            border: 1px dashed #ddd;
            padding: 10px 20px;
            border-radius: 2px;
            cursor: pointer;
        }
        .gallery-filter li.active{
            background-color: var(--ul-primary);
            color: #fff;
        }
        .gallery-wrap{
            position: relative;
            overflow: hidden;
        }
        .gallery-wrap img{
            width: 100%;
        }
        
        .gallery-wrap .hover{ 
            background-color: rgba(0, 0, 0, 0.2);
            position: absolute;
            width: 100%;
            height: 100%;
            text-align: center;
            left: 0;
            bottom: 0;
            opacity: 0;
            visibility: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            transform: scale(0.9);
            cursor:pointer;
            transition: all 0.3s ease-in-out;
        }
        .gallery-wrap .hover a{
            background-color: var(--ul-primary);
            color: #fff;
            height: 40px;
            width: 40px;
            line-height: 40px;
            text-align: center;
            display: inline-block;
            border-radius: 50%;
        }
        .gallery-wrap:hover .hover{
            visibility: visible;
            opacity: 1;
            transform: scale(1);
            transition: all 0.3s ease-in-out;
        }


        @media screen and (max-width:991.98px){
            .ul-cta-title{
                font-size:27px;
            }
            .ul-breadcrumb .text-white{
                width:250px;
            }
            .ul-breadcrumb { 
                padding: 290px 10px 130px;  
                background-position: center top !important; 
            }
            .ul-breadcrumb-title { 
                font-size: 33px;
            }
            .ul-section-heading { 
                justify-content: start;
                text-align: left;
            } 
        }