@media(min-width: 1900px){.container.large{max-width:1850px}}

.project-area-1 .section-title{
	max-width:330px
}
.project-area-1 .section-header{
	display:grid;
	gap:20px 60px;
	grid-template-columns:auto auto auto;
	align-items:center;
	justify-content:space-between
}
@media only screen and (max-width: 991px){
	.project-area-1 .section-header{
		grid-template-columns:1fr 1fr;
		gap:20px 40px
	}
}
@media only screen and (max-width: 767px){
	.project-area-1 .section-header{
		grid-template-columns:1fr
	}
}
.project-area-1 .section-header .text{
	max-width:450px
}
.project-area-1 .nav-icon{
	width:70px;
	height:70px;
	font-size:20px;
	border:1px solid var(--border);
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all .5s;
	color:var(--primary)
}
@media only screen and (max-width: 1919px){
	.project-area-1 .nav-icon{
		width:60px;
		height:60px;
		font-size:16px
	}
}
.project-area-1 .nav-icon:hover{
	background-color:var(--theme);
	color:var(--black);
	border-color:rgba(0,0,0,0)
}
.dark .project-area-1 .nav-icon:hover{
	color:var(--black)
}
.project-area-1 .slider-nav{
	display:flex;
	gap:20px
}
.dir-rtl .project-area-1 .slider-nav{
	flex-direction:row-reverse
}
@media only screen and (max-width: 991px){
	.project-area-1 .slider-nav{
		display:none
	}
}
.project-area-1 .projects-wrapper-box{
	margin-top:90px
}
@media only screen and (max-width: 1919px){
	.project-area-1 .projects-wrapper-box{
		margin-top:70px
	}
}
@media only screen and (max-width: 1399px){
	.project-area-1 .projects-wrapper-box{
		margin-top:50px
	}
}
.project-area-1 .projects-wrapper-box .swiper{
	margin:-30px;
	padding:30px
}
@media only screen and (max-width: 991px){
	.project-area-1 .projects-wrapper-box .swiper{
		margin:0;
		padding:0
	}
}
.project-box-1{
	display:inline-block;
	position:relative
}
.project-box-1:hover .thumb{
	transform:scale(1.09)
}
@media only screen and (max-width: 991px){
	.project-box-1:hover .thumb{
		transform:none
	}
}
.project-box-1:hover .wc-btn-circle{
	margin-bottom:0;
	opacity:1
}
.project-box-1 .thumb{
	position:relative;
	border-radius:5px;
	overflow:hidden;
	transition:all .5s
}
.project-box-1 .thumb:after{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background-image:linear-gradient(180deg, rgba(18, 18, 18, 0) 38.85%, #121212 100%);
	top:0;
	inset-inline-start:0
}
.project-box-1 .thumb img{
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.project-box-1 .tag{
	font-size:14px;
	text-transform:uppercase;
	line-height:1;display:inline-block;padding:10px 15px;border-radius:5px;background-color:rgba(255,255,255,.35);color:var(--black)}.project-box-1 .meta{position:absolute;top:0px;inset-inline-start:0px;margin:40px}@media only screen and (max-width: 1919px){.project-box-1.meta{margin:30px}}.project-box-1 .title{font-size:24px;line-height:1.25;font-weight:600;color:var(--white)}@media only screen and (max-width: 1919px){.project-box-1 .title{font-size:22px}}.project-box-1 .title a:hover{color:var(--white)}.project-box-1 .content{position:absolute;bottom:0;inset-inline-start:0;margin:40px;overflow:hidden}@media only screen and (max-width: 1919px){.project-box-1 .content{margin:30px}}.project-box-1 .wc-btn-circle{margin-top:28px;width:60px;height:60px;background-color:var(--theme);color:var(--black);margin-bottom:-88px;opacity:0;transition:all .5s}@media only screen and (max-width: 991px){.project-box-1 .wc-btn-circle{margin-bottom:0;opacity:1}}.project-box-1 .wc-btn-circle i{transform:rotate(-45deg)}

.header__logo img {
  height: 60px;
  width: 180px; /* default desktop size */
  max-width: 100%;
  object-fit: contain;
  transition: all 0.3s ease;
}
/* --- Fix: Align logo same as main page --- */
.navbar-brand {
  margin-left: 0 !important;     /* remove unwanted offset */
  padding-left: 0 !important;
}
.header-area .container,
.navbar .container {
  padding-left: 30px !important; /* match main.css default padding */
}