@font-face {
    font-family: "montserratReguler" ;
    src: url(../fonts/Montserrat-Regular.ttf);
}
@font-face {
    font-family: "montserratMedium";
    src: url(../fonts/Montserrat-Medium.ttf);
}
@font-face {
    font-family: "montserratLight";
    src: url(../fonts/Montserrat-Light.ttf);
}
@font-face {
    font-family: "montserratExtraLight";
    src: url(../fonts/Montserrat-ExtraLight.ttf);
}
@font-face {
    font-family: "montserratThin";
    src: url(../fonts/Montserrat-Thin.ttf);
}
@font-face {
    font-family: "montserratSemiBold";
    src: url(../fonts/Montserrat-SemiBold.ttf);
}
@font-face {
    font-family: "montserratBold";
    src: url(../fonts/Montserrat-Bold.ttf);
}
*{  
    font-family:"montserratReguler";    
    
    font-size: 15px ;
}
img{
	max-width:100%;
}
/*navbar*/
.navbar{
	position: fixed;
    width: 100%;
    z-index: 999;
}
 .navbar-custom {
	background-color: #800000; /* Dark red color */
}
.navbar-custom .nav-link {
	color: white;
	margin: 0 10px;
	font-size:14px;
	font-weight:600;
	
}
.navbar-custom .nav-link:hover {
	color: #ffcccb; /* Light red color for hover */
}
.navbar-custom .navbar-brand:hover {
	color: #ffcccb;
}
.navbar-nav {
	flex-direction: row;
}
.navbar-nav .nav-item {
    padding: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
    min-width: 169px;
}
.navbar-brand{
	margin-right:0px;
}
/*navbar*/
/*footer*/
.footer-custom {
    background-color: #800000;
    color: white;
    padding: 60px 0;
}
.footer-custom a {
	color: white;
	text-decoration: none;
}
.footer-custom a:hover {
	color: #ffcccb; /* Light red color for hover */
}

.company-copy{
	font-size:15px;
	font-weight:400;
	font-family:"montserratLight"
}
.company-contact{
	font-size:15px;
	font-weight:400;
	font-family:"montserratLight"
}
.company-contact a{
	font-size:15px;
	font-weight:400;
	font-family:"montserratLight"
}
.company-foot-nav a{
	font-size:15px;
	font-weight:400;
	font-family:"montserratLight"
}
.company-foot-nav{
	justify-content: center;
    display: grid;
}
.company-font{
	font-size:18.8px;
	font-weight:500;
	font-family:"montserratMedium"
}
.company-address h5{
	font-size:15px;
	font-weight:600;
	font-family:"montserratMedium"
}
.company-address p{
	font-size:15px;
	font-weight:400;
	font-family:"montserratLight"
}
.white-foot{
	color:#ffffff;
}
/*footer*/
.ptb-container-home{
	padding-bottom:35px;
	padding-top:35px;
}
.banner{
	width:100%;
	position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    transition: transform 4s;
	
}
.banner-title{
	font-size:42px;
	font-weight:600;
	font-family:"montserratSemiBold";
	text-transform:uppercase;
}
.wg-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10%;
    margin-bottom: 10%;
    text-align: center;
    color: white;
    z-index: 99;
    position: relative;
}
.talk-button{
	background-color:#FE0000;
	width:173px;
	border: solid #FE0000;
	color:#fff;
	font-size:12px;
	font-weight:500;
	font-family:"montserratMedium";
	padding-top: 15px;
    padding-bottom: 15px;
	text-transform:uppercase;

}
.talk-button:hover {
    background-color: #Fff;
    border: solid #FE0000;
    color: #FE0000;
}
.sub-title{
	width: 35%;
    margin: auto;
    padding-bottom: 20px;
    padding-top: 20px;
}
.tc{
	text-align:center;
}
.tr{
	text-align:right;
}
.tl{
	text-align:left;
}
.home-content{
	width:70%;
	margin:auto;
	padding-top:35px;
	padding-bottom:35px;
}
.home-content p{
	font-size:16px;
	font-weight:400;
	font-family:"montserratLight";
	line-height:30px;
}
.home-content h1{
	font-size:32px;
	font-weight:500;
	font-family:"montserratMedium";
}
.our-project-content{
	width:70%;
	margin:auto;
	padding-top:100px;
	padding-bottom:35px;
}
.our-project-content p{
	font-size:16px;
	font-weight:400;
	font-family:"montserratLight";
	line-height:30px;
}
.our-project-content h1{
	font-size:32px;
	font-weight:500;
	font-family:"montserratMedium";
}
.sub-title p{
	font-size:16px;
	font-weight:400;
	font-family:"montserratLight"
}
.overlay {
    position: relative;
    overflow: hidden;
  }
 .overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* Adjust the color and transparency as needed */
    z-index: 1;
}
.title-product{
	color:#212529;
	text-decoration: none;
	font-size:16px;
	font-weight:500;
	font-family:"montserratMedium";
}
.padding-product{
	padding-bottom:20px;
}
.product-list{
	padding-bottom:50px;
	min-height:450px;
}
.product-list img{
	object-fit:cover;
	width:100%;
	/*min-height: 300px;*/
}
.product-list2{
	min-height:390px;
}
.product-list2 img{
	object-fit:cover;
	width:100%;
	/*min-height: 300px;*/
}
.project-fix img{
	min-height: 300px;
}
.client div{
	text-align:center;
	padding-bottom:30px;
}
.client img{
	display:flex;
	text-align:center;
	justify-content:center;
	align-items:center;
}
.mugenmage {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  cursor: context-menu;
}
.banner-padding{
	padding-top: 89px;
}
.noc-paginate {
    width: fit-content;
    padding: 18px 25px;
    border-radius: 12px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    column-gap: 4px;
    margin-bottom: 3rem;
}
.noc-paginate a.active {
	margin-left:5px;
	margin-right:5px;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
	background-color:#FE0000;
	color:#fff;
}
.noc-paginate a {
	margin-left:5px;
	margin-right:5px;
    text-decoration: none !important;
    width: 55px;
    height: 55px;
    display: flex;
	background-color:#F3F4F6;
    justify-content: center;
    align-items: center;
	color:#000;
	font-weight:700;
    font-size: 	16px;
}
.pb-product{
	padding-bottom:25px;
}
.pb-product img{
	width:100%;
}
.pb-10{
	padding-bottom:10px;
}
.pb-20{
	padding-bottom:20px;
}
.pb-30{
	padding-bottom:30px;
}
.pb-40{
	padding-bottom:40px;
}
.pb-50{
	padding-bottom:50px;
}
.pb-60{
	padding-bottom:60px;
}
.pb-70{
	padding-bottom:70px;
}
.pb-80{
	padding-bottom:80px;
}
.pb-90{
	padding-bottom:90px;
}
.pb-100{
	padding-bottom:100px;
}
.pb-109{
	padding-bottom:109px;
}
.pb-149{
	padding-bottom: 149px;
}
.pt-10{
	padding-top:10px;
}
.pt-20{
	padding-top:20px;
}
.pt-30{
	padding-top:30px;
}
.pt-40{
	padding-top:40px;
}
.pt-50{
	padding-top:50px;
}
.pt-60{
	padding-top:60px;
}
.pt-69{
	padding-top:69px;
}
.pt-70{
	padding-top:70px;
}
.pt-80{
	padding-top:80px;
}
.pt-90{
	padding-top:90px;
}
.pt-100{
	padding-top:100px;
}
.pl-10{
	padding-left:10px;
}
.pl-20{
	padding-left:20px;
}
.pl-30{
	padding-left:30px;
}
.pl-40{
	padding-left:40px;
}
.pl-50{
	padding-left:50px;
}
.pl-60{
	padding-left:60px;
}
.pl-70{
	padding-left:70px;
}
.pl-80{
	padding-left:80px;
}
.pl-90{
	padding-left:90px;
}
.pl-100{
	padding-left:100px;
}
.pr-10{
	padding-right:10px;
}
.pr-20{
	padding-right:20px;
}
.pr-30{
	padding-right:30px;
}
.pr-40{
	padding-right:40px;
}
.pr-50{
	padding-right:50px;
}
.pr-60{
	padding-right:60px;
}
.pr-70{
	padding-right:70px;
}
.pr-80{
	padding-right:80px;
}
.pr-90{
	padding-right:90px;
}
.pr-100{
	padding-right:100px;
}
.image-section {
	position: relative;
}
.image-section img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 2;
}
.red-block {
	position: absolute;
	background-color: #800000;
	z-index: 1;
}
.top-left {
    width: 100px;
    height: 100px;
    top: -25px;
    left: -25px;
}
.wa-button{
	position: fixed;
    bottom: 0px;
    right: 34px;
    z-index: 1000;
}
.bottom-right {
    width: 100px;
    height: 85px;
    bottom: 20px;
    right: -25px;
    z-index: 10;
}
.contact-desc h5{
	font-family: 'montserratMedium';
	font-size: 32px;
	font-weight: 500;
	line-height: 60px;
	text-align: left;

}
.contact-desc-padding{
	padding-bottom:100px;
}
.form-group input{
	width:100% !important;
	height: 49px !important;
	padding: 16px 22.5px 17px 22px !important;
	border: 1px solid #E6E6E6 !important;
}
.contact-info-name{
	font-family: montserratSemiBold;
	font-size: 16px;
	font-weight: 600;

}
div>.form-group{
	padding-bottom:20px;
}
 .navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
  }
.icon-next-prev{
	position:absolute;
	left:50%;
}
.prev{
	justify-content: start;
	 display: inline-flex;
	 float:left;
}
.next{
	justify-content: end;
	 display: inline-flex;
	 float:right;
}
.next-prev-nav a{
	font-family: 'montserratMedium';
	font-size: 12.8px;
	font-weight: 600;
	text-decoration:none;
	color:#171717;
}
.prev img{
	width: 10px;
    margin-right: 10px;
}
.next img{
	width:10px;
	margin-left:10px;
}
*,
body {
  margin: 0;
  padding: 0;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.content {
  display: none;
}

#loadMore {
  width: 200px;
  color: #fff;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: blue;
  transition: .3s;
}

#loadMore:hover {
  color: blue;
  background-color: #fff;
  border: 1px solid blue;
  text-decoration: none;
}

.noContent {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}
.desk-hide{
	display:none;
}
.lh-32px p{
	line-height: 32px;
}
@media only screen and (max-width: 1440px) {
	.container{
		max-width: 1100px;
	}
}
@media only screen and (max-width: 1280px) {
	.container{
		max-width: 1000px;
	}
}
@media only screen and (max-width: 1199px) {
	.top-left {
		width: 100px;
		height: 100px;
		top: -25px;
		left: -25px;
	}
	.bottom-right {
		width: 100px;
		height: 100px;
		bottom: -25px;
		right: -25px;
		z-index: 10;
	}
}
@media only screen and (max-width: 991px) {
	.white-foot>.row>div:last-child {
        padding-bottom: 50px;
    }
	.wa-button {
	    position: fixed;
	    bottom: 0;
	    right: 0;
	    z-index: 1000;
	}
	.white-foot>.row>div{
		padding-bottom:40px;
		text-align:center;
	}
	.navbar-toggler {
		background-color: #fff;
	}
	.sub-title {
		width: 70%;
		margin: auto;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.home-content {
		width: auto;
		margin: auto;
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.our-project-content {
		width: auto;
		margin: auto;
		padding-top: 100px;
		padding-bottom: 35px;
	}
	.mobile-hide{
		display:none;
	}
	.desk-hide{
		display:block;
	}
	.desk-hide .navbar-nav {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
	.desk-hide .navbar-collapse{
		margin-top:30px;
	}
	.desk-hide .nav-item{
		padding-top:5px;
		padding-bottom:5px;
	}
	.navbar-nav .nav-item {
		display: block;
	}
	.desk-hide .justify-content-center {
		justify-content: end !important;
	}
	.desk-hide .navbar-brand {
    margin-right: 0px !important;
    margin-left: 0px !important;
	}
	.navbar-nav {
    flex-direction: row;
	justify-content: center;
	}
	.top-left {
		width: 80px;
		height: 80px;
		top: -20px;
		left: -25px;
	}
	.bottom-right {
		width: 80px;
		height: 80px;
		bottom: -20px;
		right: -20px;
		z-index: 10;
	}
	.banner-padding {
		padding-top: 47px;
	}
	.contact-desc{
		padding-top:50px;
	}
	.contact-desc-padding{
		padding-bottom:50px;
	}
}
@media only screen and (max-width: 767px) {
	.product-list img {
		min-height: 241px;
	}
	.contact-desc-padding{
		padding-bottom:0px;
	}
	.product-list {
		min-height: auto;
	}
}