body {
    font-family: 'Source Sans 3', sans-serif;    
    background: #BEC3C3;
}

.main {
    background: #BEC3C3 url('/assets/frontend/images/bg.png') no-repeat top center;   
    background-size: contain; 
}

.navbar-brand {
    font-size: 1.5rem;
    font-weight: bold;
}

.navbar {
    background-color: transparent !important;
}

.navbar-toggler {
    margin-left: auto;
    border: none;
}

.navbar-nav {
    text-align: center;
}

.navbar-nav .nav-item {
    margin-left: 15px;
    margin-right: 15px;
}

.nav-item .nav-link {
    font-size: 22px;
}

.nav-item.active .nav-link {
    font-weight: 600;
}

.offcanvas {
    background: #fff url('/assets/frontend/images/menubg.png');
}

.offcanvas a {
    color: #000;
    text-decoration: none;
}

.offcanvas-header {
    border-bottom: 1px solid #dee2e6;
}

.offcanvas-body {
    padding: 1rem;
    margin-top: 50px;
    text-align: center;
}

.bg-brush {
    background: #FFFFFF url('/assets/frontend/images/bgbody.svg');
}

.hero {
    margin-top: 50px;
}

.hero h1, .projects h2 {
    font-family: 'Domine';
    font-size: 60;
    font-weight: 600;
}

.projects h2 {
    font-size: 40;
}

.projects h5 {
    text-align: center;
}

.project-img {
    width: 100%;
    height: auto;
    display: block;
}

.projects .project-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* White transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.projects .project-item:hover .overlay {  
    opacity: 1;
}

.projects .project-item p {
    text-align: center;
}

.projects .project-item a {
    display: block;
    position:relative;
    color: #000;
    text-decoration: none; 
}

.projects .slogan {
    padding-left: 10rem;
    padding-right: 10rem;
}

.project .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* White transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.project:hover .overlay {  
    opacity: 1;
}

.project a {
    position: relative;
    display: block;
}

.br0 {
    border-radius: 0px;
}

.read-more {
    font-size: 20px;
}

.experience a {
    text-decoration: none;
    color: #000;
}

.bg-main-img {
    background: #FFFFFF url('/assets/frontend/images/bgbody.svg');
}

.project-title {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
}

.project-title img {
    margin-top: -3px;
    margin-left: -3px;
}

.project-subtitle {    
    font-size: 40px;
}

.fs-17 {
    font-size:17px;
}

.fs-20 {
    font-size:20px;
}

.px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
}


.navbar-toggler:focus {
    box-shadow: none;
}

.in-process a {
    color: #fff;
    text-decoration: none;
}

.partner-logos img {
    vertical-align: middle;
}

.contacts form input, .contacts form textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0px;
    padding-left: 0px;
}

.contacts form input:focus, .contacts form textarea:focus {
    background: transparent;
    box-shadow: none;
    border-color: #000;
}

.contacts h2 {
    font-family: 'Domine';
    font-size: 40px;
    font-weight: 600;
}

.contacts h3 {
    font-size: 20px;
}

.contacts a {
    color: #000;
    text-decoration: none;
}

.spacer {
    height: 50px;
}

.project {
    margin: 0px 0px;

}

.project a {
    color: #000;
    text-decoration: none;
}

.project-details {

}

.project-section {
    margin: 80px 0px;
}

.experience h2 {
    font-family: 'Domine';
    font-size: 40px;
    font-weight: 600;
}

.slick-track {
    height: 100px;
}

.gallery h2 {
    font-family: 'Domine';
    font-size: 40px;
    font-weight: 600;
}

.project .p-title {
    font-weight: 600;
}

.project .project-read-more {
    text-decoration: underline;
}

.project-open h2.p-open-title a {
    color: #000;
    font-size: 17px;
    text-decoration: none;
}

.project-open-headline {
    font-family: 'Domine';
    font-size: 40px;
    font-weight: 600;
}

.project-open .details {
    font-weight: 600;
}

.offcanvas-close {
    position: absolute;
    right: 50px;
    top: 50px;    
}

.member {
    font-size: 20px;
    font-weight: 500;
}

.contact-details p {
    margin-bottom: 0.5rem;
}

.member-head {
    font-family: 'Domine';
    font-size: 30px;
    font-weight: 600;
}

.project-section h5 {
    font-family: 'Domine';
    font-size: 30px;
    font-weight: 600;
}

@media (min-width: 992px) {
    
    .navbar-expand-lg .navbar-toggler {
        display: flex;
    }  

    .projects .slogan {
        padding-left: 0rem;
        padding-right: 0rem;
    }

}

.carousel-control-prev {
    left: -10px;
}

.carousel-control-next {
  right: -10px;
}