/*Navbar*/
body {
    background: url('../images/bg/mw14.png') no-repeat center center fixed;
    background-size: cover; /* Ensures the background image covers the whole body */
    color: white; /* Optional: adjust text color for readability */
    margin: 0;
    padding: 0;
}

@font-face {
  font-family: agbalumo;
  src: url('../font/Agbalumo-Regular.ttf');
}
	.navbar{
		background-color:rgba(0,0,0,1);
	}
	.main-logo{
		width:100px;
		margin-left:120px;
	}
	#navbarNav{
		width:100%;
		margin:auto;

	}
	.navbar-nav{
		background:#000;
	}
	.nav-link,.buy-now{
		font-family:agbalumo;
	}
	a.nav-link{
		font-size:0.8em;
		Color:#fff;
	}
	a.active-page{
		color:#6ae14c;
		border-bottom:2px solid #01573a;
	}
	a.nav-link:hover{
		color:#6ae14c;
		border-bottom:2px solid #01573a;
	}
	
	.top-social-icons{
		padding-right:10px;
		color:#fff;
	}
	.top-social-icons:hover{
		color:#6ae14c
	}
	
	.navbar.fixed-top {
    transition: background-color 0.3s ease;
}

	.navbar.fixed-top.scrolled {
    background-color: #fff !important;  /* Black background when scrolled */
}
	@media (max-width: 768px){
	.navbar-nav {
    background-color:rgba(0,0,0,1);
}
}


/* Footer Section */
.footer {
    background-color: rgba(0,0,0,0.6);
    color: white;
    padding: 3rem 0;
}

/* Center text within grid */
.footer .text-center {
    text-align: center;
}

/* Footer Heading */
.footer-heading {
    font-weight: bold;
    margin-bottom: 1rem;
}

/* Footer Links */
.footer-links a, .footer-contact div {
    display: block;
    color: white;
    text-decoration: none;
    margin-bottom: 10px;
    transition: text-decoration 0.3s ease;
}



/* Footer Contact Icons */
.footer-contact .contact-icon {
    margin-right: 0.5rem;
    vertical-align: middle; /* Align icons and text horizontally */
}

/* Social Icons */
.footer .social-icons a {
    margin-right: 15px;
    font-size: 24px;
    color: white;
}

.footer .social-icons a:hover {
    color: #6ae14c;
}

/* Scroll to Top Button */
.footer .scroll-to-top h5 {
    font-size: 0.8rem;
    margin-bottom: 10px;
	color:#8e8e8e;
}

.footer .scroll-to-top a {
    font-size: 30px;
    color: white;
    transition: color 0.3s ease;
}

.footer .scroll-to-top a:hover {
    color: #6ae14c;
}

/* Horizontal Line Separator */
.footer .footer-line hr {
    border-color: white;
    margin-top: 30px;
}

/* Footer Bottom */
.footer-bottom {
    font-size: 0.8rem;
    margin-top: 20px;
}
.Footer_head_underline{
border-bottom: 2px solid #fff;	
}

.footer-links a:hover{
	/*color:#c0eb49;*/
	color:#6ae14c;
}



/* Smooth Scroll Effect */
html {
    scroll-behavior: smooth;
}

/* Fix the alignment of contact icons and text */
.footer-contact div {
    align-items: center; /* Align icon and text horizontally */
}

.footer-contact .contact-icon {
    margin-right: 10px; /* Add spacing between the icon and text */
}


.footer-discover a{
	font-family:agbalumo;
	font-size:1.4rem;
}



.text-right{
	float: right;
	padding-left:15px;
}

.footer-terms{
	Color:#fff;
	text-decoration: none;
}
.footer-terms:hover{
	Color:#6ae14c;
}





/*projects catagory*/

	.projects{
		background-color:#000;
	}
      .projects-container {
        width: 80%;
        margin: 0 auto;
        padding-top: 120px;
		padding-bottom:120px;
      }

      .projects-menu {
        text-align: left;
        margin-bottom: 100px;
		padding-top:50px;
      }

      .projects-tab {
        background-color: #f1f1f1;
        border: none;
        padding: 10px 20px;
        cursor: pointer;
        margin: 0 5px;
		border-radius:5px;
      }

      .projects-tab:hover {
        background-color: #6ae14c;
      }

      .projects-gallery {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: space-around;
      }

      .projects-image {
        width: calc(20% - 10px);
        margin-bottom: 10px;
        object-fit: cover;
        cursor: pointer;
        display: none; /* Hide all images by default */
		height:450px;
      }


	  
      .projects-image.show {
        display: block; /* Show images with the 'show' class */
      }
 
      .projects-image.show:hover {
        display: block; /* Show images with the 'show' class */
        transform: scale(1.1);
      }

      .projects-popup {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.8);
      }

      .projects-popup-content {
        position: relative;
        margin: auto;
        padding: 20px;
        width: 90%;
        max-width: 800px;
        margin-top: 80px;
      }

      .projects-popup-content img {
        width: 80%;
        display: block;
        margin: auto;
      }
      .projects-popup-content img {
        width: 70%;
        display: block;
        margin: auto;
      }

      .projects-popup-close {
        position: absolute;
        top: 10px;
        right: 25px;
        color: white;
        font-size: 35px;
        font-weight: bold;
        cursor: pointer;
      }

      @media (max-width: 992px) {
        .navbar-brand {
          margin: 0px auto;
        }
        .logo {
          margin-left: 40px;
        }
        .social-icons {
          display: flex;
          flex-direction: row;
          width: 50%;
          margin: 0px auto;
          justify-content: center;
        }
        #navbarNav li {
          text-align: center;
        }
        .projects-tab {
          padding: 10px 10px;
          margin: 10px 10px;
        }
        .projects-image {
          width: 45%;
        }
      }
      @media (min-width: 992px) and (max-width: 1200px) {
        .projects-container {
          margin-top: 80px;
        }
	  }
	  
@media (min-width: 769px){
.success-factor-imagevertical{
	display:none;
}
}

.bluroverlay{
background: rgba( 255, 255, 255, 0.15 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 2.5px );
-webkit-backdrop-filter: blur( 2.5px );
border-radius: 10px;
border: 0px solid rgba( 255, 255, 255, 0.18 );
}


.ourpersonalworks{
	background-color:#000;
	text-align:center;
	Color:#fff;
	padding:80px;
}
.ourpersonalworks-headline{
	 text-transform:uppercase;
}





.personal-works-section {
    padding: 20px;
    text-align: center;
	color:#fff;
	background-color:#000;
  }
  
  .personal-works-title {
    font-size: 3em;
    margin: 35px;
  }

  /* Gallery grid with custom rows: 5 items in the first row, 3 in the second */
  .personal-works-gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* First row will have 5 items */
    gap: 10px;
    grid-auto-rows: auto;
  }

  .personal-works-item {
    overflow: hidden;
    cursor: pointer;
  }

  .personal-works-thumbnail {
    width: 100%;
    height: 450px;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .personal-works-item:hover .personal-works-thumbnail {
    transform: scale(1.05);
  }

  /* Setting specific items to start new rows */
  .personal-works-item:nth-child(6) {
    grid-column: span 3; /* Start a new row with 3 items */
  }
  
  /* Modal styles */
  .personal-works-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    align-items: center;
    justify-content: center;
  }

  .personal-works-modal-content {
    max-width: 90%;
    max-height: 80%;
  }

  .personal-works-close {
    position: absolute;
    top: 10px;
    right: 25px;
    color: #fff;
    font-size: 2em;
    cursor: pointer;
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .personal-works-gallery {
      grid-template-columns: repeat(3, 1fr); /* Adjust to 3 columns on smaller screens */
    }

    .personal-works-item:nth-child(6) {
      grid-column: span 3;
    }
  }
  
  
  
 @media(max-width: 768px){
	.navbar{
		background:#000;
	}
	#navbarNav{
		text-align:Center;
	}

/*projects tab*/

.projects-menu{
	padding:0px;
	margin-bottom:25px;
}
.projects-tab{
	padding:5px 15px;
	margin:5px;
	font-size:0.8em;
}
	
	      .projects-image {
			  width:30%;
        margin-bottom: 10px;
        object-fit: cover;
        cursor: pointer;
        display: none; /* Hide all images by default */
		height:150px;
      }
	
	   .projects-popup-content {
        position: relative;
        margin: auto;
        padding: 20px;
        width: 90%;
        max-width: 800px;
        margin-top: 180px;
      }

      .projects-popup-content img {
        width: 100%;
        display: block;
        margin: auto;
      }
      .projects-popup-content img {
        width: 100%;
        display: block;
        margin: auto;
      }
	
/*project success factors*/

.success-factor-imagehorizontal{
	display:none;
}

/*our personal works*/

.personal-works-title{
	font-size:2em;
}

 .personal-works-gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* First row will have 5 items */
    gap: 10px;
    grid-auto-rows:auto;
  }


 .personal-works-thumbnail {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s ease;
	height:150px;
  }
	
	/*footer*/
		.footer-links, .footer-contact{
		margin-bottom:50px;
	}
	
	.scroll-to-top{
		margin-top:20px;
	}
	.footer-bottom{
		text-align:Center;
		width:85%;
		margin:auto;
	}
		.text-right{
	float: left;
	padding-top:15px;
	padding-left:60px
}
	
	
}






@media (max-width:380px){
	.navbar-brand{
		margin:auto;
		width:50%;
	}
	.navbar-brand img{
		width:100px;
		margin-left:80px;
	}
	
	
	
	
/*projects tab*/

   .projects-container {
        width: 80%;
        margin: 0 auto;
        padding-top: 120px;
		padding-bottom:20px;
      }

.projects-menu{
	padding:0px;
	margin-bottom:20px;
}
.projects-tab{
	padding:5px 10px;
	margin:2px;
	font-size:0.8em;
}
	
	      .projects-image {
			  width:30%;
        margin-bottom: 10px;
        object-fit: cover;
        cursor: pointer;
        display: none; /* Hide all images by default */
		height:120px;
      }
	
	   .projects-popup-content {
        position: relative;
        margin: auto;
        padding: 20px;
        width: 90%;
        max-width: 800px;
        margin-top: 100px;
      }

	
/*project success factors*/

.success-factor-imagehorizontal{
	display:none;
}

/*our personal works*/

.personal-works-title{
	font-size:2em;
}

 .personal-works-gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* First row will have 5 items */
    gap: 10px;
    grid-auto-rows:auto;
  }


 .personal-works-thumbnail {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s ease;
	height:120px;
  }
	
	
	
		/*footer terms*/
		.text-right{
	float: left;
	padding-top:15px;
	padding-left:44px
}

}




/*tab and laptop screen*/

@media (min-width: 769px) and (max-width: 1024px){
	.navbar{
		background:#000;
	}
	#navbarNav{
		text-align:Center;
	}
	




/*our personal works*/

.personal-works-title{
	font-size:1.5em;
}

 .personal-works-gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* First row will have 5 items */
    gap: 10px;
    grid-auto-rows:auto;
  }


 .personal-works-thumbnail {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s ease;
	height:120px;
  }


/* Footer */
.footer .social-icons a {
    margin-right: 10px;
    font-size: 16px;
    color: white;
}

.footer-discover a{
	font-size:1em;
}

.footer-links a{
	font-size:0.8em;
}
.footer-contact div{
	font-size:0.6em;
}	
}