body{
	/*font-family: "Figtree", sans-serif; */
	font-family: NeueMontreal;
}
@font-face {
	font-family: GRIFTER;
	/*src: url('font/GRIFTER-Bold.otf');*/
	src: url('font/grifterbold.otf');
	
}

@font-face {
	font-family: NeueMontreal;
	src: url('font/NeueMontreal-Bold.otf');
	font-weight: 600;
}
@font-face {
	font-family: NeueMontreal;
	src: url('font/NeueMontreal-Light.otf');
	font-weight: 100;
}
@font-face {
	font-family: NeueMontreal;
	src: url('font/NeueMontreal-Medium.otf');
	font-weight: 500;
}
@font-face {
	font-family: NeueMontreal;
	src: url('font/NeueMontreal-Regular.otf');
	font-weight: 400;
}

.page-width{
	max-width:1400px;
	width:100%;
	margin: 0 auto;
    padding: 0 20px;
	@media (min-width:1720px){
		max-width:100%;
		padding: 0 75px;
	}
}

  
.powered-by{
	display:none;
}
.no-widgets .site-footer {
    margin-top: 0;
	padding-bottom: 0;
	@media (min-width:1720px){
		max-width: 100%;
		padding-left: 75px;
		padding-right: 75px;
	}
	.container{
		@media (min-width:1720px){
			padding-left: 0;
			padding-right: 0;
		}
	}
}
.social-links{
	padding:0;
	margin:0;
}
.social-links li{
	list-style:none;
	width:100%;
	border-bottom:1px solid #666;
	@media (max-width:768px){
		border: none;
	}
}
.fot_flx{
	display:flex;
	gap:50px;
	margin-bottom:90px;
	flex-wrap: wrap;
	@media (max-width:768px){
		margin-bottom:0;
		flex-direction: column-reverse;
		gap:20px;
	}
}
.addft_btn{
	@media (max-width:768px){
		display: none;
	}
}
.fot_item{
	width:calc(50% - 25px);
	@media (max-width:768px){
		width:100%;
	}
}

.fot_address_inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	padding-top:40px;
	@media (max-width:768px){
		padding-top:0;
	}
	.fabrik-container{
		display:none;
	}
}
.cpbl_flx{
	display: flex;
	gap: 25px 60px;
	flex-wrap: wrap;
	margin-top: 60px;
	@media (max-width:768px){
		gap: 40px;
		margin-top: 30px;
	}
}
.cpbl_item{
	width: calc(50% - 30px);
	@media (max-width:768px) {
		width: 100%;
	}
}

.cpbl_btn {
    text-align: left;
	@media (min-width:1720px){
		margin-top: 10px;
	}
}
.heading_section{
	color: #edebe9;
    font-weight: 600;
    font-size: 110px;
    font-family: GRIFTER;
	letter-spacing: 4px;
	line-height:120px;
	@media (min-width:1720px){
		font-size: 120px;
		line-height:125px;
	}
	@media (max-width:1024px){
		font-size: 55px;
		letter-spacing: 3px;
		line-height:65px;
	}
	@media (max-width:580px){
		font-size: 30px; 
		line-height:33px;
		text-align: left;
	}
}
.heading_section_small{
	font-weight: 600;
    font-size: 110px;
    font-family: GRIFTER;
	color: #000;
	max-width: 880px;
	margin: 0 auto;
	padding-bottom: 30px;
	letter-spacing: 4px;
	text-align: center;
	line-height:120px;
	@media (min-width:1720px){
		font-size: 120px;
		line-height:125px;
	}
	@media (max-width:1024px){
		font-size: 55px;
		letter-spacing: 3px;
		line-height:65px;
	}
	@media (max-width:768px){
		padding-bottom: 10px;
		max-width: 260px;
        margin-left: 0;
		font-size: 30px; 
		text-align: left;
		line-height:33px;
		letter-spacing: 1px;
	}
	@media (max-width:580px){ 
	}
}
.bn-h-cl {
		z-index: 3;
		position: relative;
		font-size: 100px;
		line-height: 105px;
		margin-bottom: 0;
		font-family: GRIFTER;
		font-weight: 600;
		color: #edebe9;
		white-space: nowrap;
		width: 100%;
		letter-spacing: 4px;
		margin-top: 50px;
	   @media (min-width:1720px){
		   font-size: 145px;
		   line-height: 150px;
	   }
		@media (max-width:1024px){
			font-size: 40px;
			white-space: unset;
			letter-spacing: 3px;
			line-height: 50px;
			margin:0;
		}
		@media (max-width:580px){
			font-size: 25px;
			line-height: 30px;
		}
}
.hmbn_section {
    width: 100%;
	height: calc(100vh - 107px);
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 0;
	margin: 0;
	overflow: hidden;
	flex-direction: column;
	position: relative;
	z-index:1;
}
.hmbn_icon_hover{
	position:absolute;
	top:-150px;
	left:-150px;
	height:180px;
	width:180px;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
	background-image:url(image/dev-1-img.webp);
	transition-duration: .1s;
}
.bn-h-cl span{
	position: relative;
}
/*
.bn-h-cl span::before{
	content: '';
	position: absolute;
	left: -90px;
    top: -95px;
    width: 180px;
    height: 180px;
    background-image: url(image/dev-1-img.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}  
*/
.full-width-menu{
    display: flex;
    align-items: center;
	justify-content:space-between;
}
 
.nav-links li{
	list-style: none;
}
.nav-links{
	padding: 0;
	margin: 0;
	display: flex;
    align-items: center;
    justify-content: space-between;
	li{
		&:last-child{
			a{
				border:1px solid #fff;
				padding:6px 13px;
			}
		}
	}
}
 
.nav-links .nav-previous,
.nav-links .nav-next{
	margin:0;
}
.nav-links .nav-link,
.nav-links .hd_style_btn{
	color: #edebe9;
	font-size: 18px;
	font-family: NeueMontreal;
	position:relative;
	line-height:25px;
	text-decoration: none;
	@media (min-width:1720px){
		font-size: 25px;
		line-height:30px;
	}
	@media (max-width:768px){
		font-size: 38px;
		font-weight:400;
		margin-bottom:35px;
		line-height:30px;
	}
	&:before{
		content:'';
		width:100%;
		position:absolute;
		left:0;
		bottom:0;
		height:1px;
		background-color:#002bff;
		opacity:0;
	}
}
.nav-links .nav-link:hover,
.nav-links .nav-link.active{
	color: #002bff;
	&:before{
		opacity:1;
		@media (max-width:768px){
			display:none;
		}
	}
}
.ms-3{
	color: #edebe9;
	font-size: 15px;
	font-family: NeueMontreal;
	line-height:20px;
	border-radius: 0;
	@media (min-width:1720px){
		font-size: 25px;
		line-height:30px;
	}
}
.site-main{
	padding-top:0;
	margin-top:0;
}
.or-wr-rw-cl-od{
	margin-top: 40px;
}
.ouwk_flx{
	display: flex;
	gap:15px;
	flex-wrap: wrap;
	margin-bottom:60px;
	@media (max-width:768px){
		margin-bottom:15px;
	}
	
	&.ouwk_flx_three{
		gap:30px;
		height:unset !important;
		@media (max-width:768px){
			gap: 0;
			margin-bottom: 0;
		}
		.ouwk_item {
			width: calc(33.33% - 20px);
			@media (max-width:768px){
				width: 100%;
			}	
		}
		&:hover{
			.ouwk_item {
				width: calc(33.33% - 20px);
				@media (max-width:768px){
					width: 100%;
				}	
				&:hover{
					width: calc(33.33% - 20px);
					@media (max-width:768px){
						width: 100%;
					}	
				}
			}
		}
	}
}
.ouwk_link{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
}
.ouwk_small{
	width: 40%;
	@media (max-width:768px){
		width: 100%;
	}	
}
.ouwk_big{
	width: calc(60% - 15px);
	@media (max-width:768px){
		width: 100%;
	}	
}
 
.ouwk_img{
	overflow:hidden;
	img{
		width: 100%;
		display: block;
		transition-duration:.5s;
	}
	
}
.ouwk_item {
	transition-duration:.5s;
	position:relative;
	&:hover{
		img{
			transform: scale(1.2);
		}
	}
}
.ouwk_heading{
	color: #edebe9; 
	font-family: GRIFTER;
	font-size: 25px;
	line-height: 25px;
	margin-top:10px;
	@media (min-width: 1720px) {
		font-size: 35px; 
		line-height: 40px;
		margin-top:25px;
		margin- bottom:5px;
	}
	@media (max-width: 1024px) {
		line-height: 21px;
	}
	@media (max-width: 767px) {
		font-family: NeueMontreal;
	}
}
.ouwk_flx_three{
	.ouwk_heading{ 
		margin-bottom:15px;
		@media (min-width: 1720px) { 
			line-height: 30px;
		}
	}
	.ouwk_txt{
		p{
			@media (min-width: 1720px) {
				font-size: 25px;
				line-height: 30px;
			}
		}
	}
	.ouwk_img{
		img{
			aspect-ratio: 1.4 / 1;
    		object-fit: cover;
		}
	}
}
.ouwk_url{
	.ouwklk{
		font-size:20px;
		line-height:26px;
		color: #edebe9;
		font-family: NeueMontreal;
		text-decoration:none;
		@media (min-width: 1720px) {
			font-size:25px;
		    line-height:30px;
		}
	}
}
.ouwk_txt{
	color: #edebe9;
	font-family: NeueMontreal; 
	font-size: 22px;
	line-height: 26px;
	@media (min-width: 1720px) {
		font-size: 35px; 
		line-height: 40px;
	}
	p{
		font-size: 22px;
		line-height: 26px;	
		@media (min-width: 1720px) {
			font-size: 35px; 
			line-height: 40px;
		}
	}
	@media (max-width: 1024px) {
		font-size: 20px; 
		line-height: 25px;	
		p{
			font-size: 20px;
			line-height: 25px;	
		}
	}
	@media (max-width: 767px) {
		display:none;
	}
}
.ouwk_info{
	margin-top: 15px;
}
.ouwk_item {
	padding-bottom: 40px;
	@media (max-width:767px){
		padding-bottom: 30px;
	}
}
.fottp_btn{
	background-color: #002bff;
	color: #edebe9;
	font-family: NeueMontreal;
	padding: 15px 20px;
	line-height: 25px;
	font-size: 25px;
	width: 100%;
	text-align: center;
	display: inline-block;
    margin-bottom: 30px;
	@media (min-width:769px){
		display: none;
	}
}

header .py-3{
	@media (max-width:768px){
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}
.header-sec-cl .navbar-brand{
	padding: 0; 
    display: inline-block;
}
#menu-left-menu{
	margin-bottom:0;	
}
section.header-sec-cl {
	position: sticky;
    top: 0;
    background-color: #000;
    z-index: 9;
	/*
	@media (max-width:768px){
		position: absolute;
		width: 100%;
		top: 0;
	}
	*/
}
.hmmd_section{
	@media (max-width:768px){
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 0;
		margin-top: 70px;
	}
}
.hmbn_inner{
	width:100%;
	@media (max-width:1024px){
		position:absolute;
		bottom:0;
		left:0;
		background-color:#000000b3;
		padding:10px 0;
		display:none;
	}
}
 
@media (max-width:767px){
	.hide_mobile_btn{ 
		display: none !important;	
	}
}
@media (min-width:768px){
	.hide_desktop_btn{ 
			display: none !important; 
	}
}
@media (max-width:768px){
	.hide_mobile{
		display: none!important; 
	}
}


.image-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.scroll-image {
	position: absolute;
	width: 440px; 
	height: 440px;  
	object-fit: contain;
	transition: z-index 0.3s ease, transform 0.3s ease;
	z-index: 1; 
	img{
		width:100%;
		height:100%;
		object-fit: contain;
		@media (max-width:1024px){
			height:400px;
		}
	}
	&.first_time{
		opacity:0;
		@media (max-width:1024px){
			opacity:1;
		}
	}
	@media (max-width:1024px){
		position:relative;
		width:100%;
		height:100%;
	}
	
}
.scroll-image.active {
	z-index: 10;  
	transform: scale(1.1);  
}
.btn_hover{
	position:relative;
	transition-duration: .4s;
	span{
		z-index:1;
		position:relative;
	}
 	&:after{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 0%;
		height: 100%;
		background: #002bff;
		transition-duration: .4s;
  }
	&:hover{
		color:#edebe9;
		border-color:#002bff;
		&:after{
			width: 100%;
			right: unset;
			left: 0;
		}
	}
}

@media (max-width: 768px) {
	.capability-item:before{	
		display:none;
	}
}
.ouwk_flx{
	&.active{ /*&:hover */
		.ouwk_item{
			width: 40%;
			@media (max-width:768px){
					width:100%;
			}
			&:hover{
				width: calc(60% - 15px);
				@media (max-width:768px){
					width:100%;
				}
			}
		}
	}
}
.dv-bnner-head-col{
	z-index:21;
}
.pp_readmore_section {
	display:none;
   /* height: 0;
    opacity: 0;
    overflow: hidden;
	transition-duration: .8s;
	&.active{
		opacity:1;
		height:auto;
	}
	*/
}
.ppmdm_btn{
	font-size: 26px;
    line-height: 32px;
    margin-bottom: 15px;
    font-family: "Figtree", sans-serif;
	cursor:pointer;
	border-bottom:1px solid #444;
	position:relative;
	@media (min-width:1720px){
		font-size: 35px;
    	line-height: 40px;
	}
	&:before{
		content:'';
		background-color:#fff;
		position:absolute;
		width: 16px;
        height: 2px;
        right: 5px;
        top: 9px;
	}
	&:after{
		content:'';
		background-color:#fff;
		position:absolute;
		width: 2px;
        height: 16px;
        right: 12px;
        top: 2px;
		transition-duration: .6s;
	}
	&.active{
		&:after{
			transform:rotate(90deg);
		}
	}
}
.contact-close-button{
	padding-top:0;
	margin-top: -15px;
	@media (max-width:768px){
		margin-top:10px;
	}
	img{
		max-width:35px;
		@media (max-width:768px){
			max-width:30px;
		}
	}
}
.contact-page-wrapper::-webkit-scrollbar {
  width: 0;
}
.cntf_input{
	display: flex;
    flex-direction: column;
	padding-right:50px;
	@media (max-width:768px){
		padding-right:0;
	}
	@media (min-width:1720px){
		padding-right:75px;
	}
}

.fbkdt_secton{
	margin-bottom:0;
	@media (max-width:768px){
		margin-top: -84px;
	}
}
.fbkcc_section{
	margin-top:35px;
	@media (max-width:768px){
		margin-top:0;
	}
}
.fpmd_item_left{ 
	position: fixed;
    top: 0;
	transform: translateX(-100%); 
		background-color:#000;
	@media (max-width:768px){
		position: relative;
	}
}
 
.fpmd_item_left_inner{ 
	/*position: sticky;
    top: 0; */
	height:100vh;
	position:fixed;
    width:100%;
	@media (max-width:768px){
		position:unset;
		padding-left:0;
		height:unset; 
	}
	.fpmd_scroll_inner{
		position: absolute;
		left: 0;
		bottom: 0;
		padding:30px 20px 0 60px;
		width:calc(100% - 10px);
		transition-duration: .7s; 
		@media (min-width:1720px){
			padding-right:40px;
		}
		@media (max-width:768px){
			position:unset;
			width:100%;
			padding-left:0;
		}
	}
}
.fpmd_item_right{
	transform: translateX(100%);
    padding-left:50%;
	position:relative;
	width:100%;
	@media (max-width:768px){
		 padding-left:0;
	}
}
.fpmd_item_right_inner{
	padding:20px 60px 0 0;
	@media (min-width:1720px){
		padding-top:40px;
		.close-fp-modal{
			margin-top:15px;
		}
	}
	@media (max-width:768px){
		padding:10px 10px;
	}
	 
}
.fp-modal-container .fpmd_item{
	/*background: #000;
	padding:0; */
	padding-right:0;
	transition-duration: .7s;
	min-height:100vh;
	@media (max-width:768px){
		min-height:unset;
	}
}
.fpmd_item_right_inner{
	background: #000;
	min-height:100vh;
}
.fp-modal-container.active .fpmd_item{
    transform: translateX(0);
}
.h3-main, .cpbl-desc p, .h4-main, .cpbl-text, .icon-item p{
	color:#edebe9;
}
.close-fp-modal{
	position: absolute;
    right: 0;
	img{
		width:40px;
	}
}

@media (max-width:768px){
	.hide_mobile_imp{
		display:none !important;
	}
}
@media (min-width:769px){
	.hide_desktop_imp{
		display:none !important
	}
}
.listing_txt_flx {
    display: flex;
    gap: 20px; 
	flex-wrap:wrap;
	.listing_txt_item{
		width:calc(50% - 10px);
		border-bottom: 1px solid #403f3f;
        padding-bottom: 10px;
		@media (max-width:767px){
			width:100%;
		}
	}
}

body{
	opacity:0;
	transition-duration: .5s;
	&.loading_body{
		opacity:1;
	}
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
	@media (max-width:767px){
		padding-left:15px;
		padding-right:15px;
	}
	@media (min-width:1720px){
		padding-left:75px;
		padding-right:75px;
		max-width:100%;
	}
}

.single-post{
	.site-main{
		background-color:#fff;
		.entry-footer{
			display:none !important;
		}
		.post-thumbnail{
			padding:0;
			margin:0;
			position:relative;
			&:before{
				content:'';
				position:absolute;
				left:0;
				top:0;
				width:100%;
				height:100%;
				background-color:#000;
				opacity:.5;
			}
			img{
				margin:0;
			}
			@media (max-width: 767px) {
				position: absolute;
				opacity: 0;
			}
		}
		.mobile-slider {
			margin-top: -10px;
			.slick-slide {
				img {
					@media (max-width: 767px) {
						object-fit: cover;
					}
				}
			}
		}
	}
	.entry-title{
		color: #000;
		font-weight: 600;
		font-size: 110px;
		font-family: GRIFTER;
		letter-spacing: 4px;
		display:none;
		@media(max-width:767px){
				
	    }
	}
	.entry-header, .post-thumbnail{
		width:100%;
		max-width:100%;
	}
	.entry-content{
		padding:0 15px;
		p, li{
			font-family: NeueMontreal;
			padding-top: 20px;
			color: rgb(0, 0, 0);
			font-size: 32px;
			font-weight: 400;
			line-height: 48px;
			letter-spacing: 0px;
			text-align: left;
			@media(min-width:1720px){
				font-size: 40px;
				line-height: 50px;
			}
			@media(max-width:768px){
				font-size: 25px;
				line-height: 30px;
			}
		}
	}
}
.nav-links{
	.meta-nav{
		margin: 0;
		font-family: NeueMontreal;
		font-size: 25px;
		font-weight: 400;
		@media(max-width:767px){
			font-size: 18px;
			line-height: 24px;
		}
	}
	.post-title{
		display:none;
	}
}
.single-post{
	    background-color: transparent !important;
	section.header-sec-cl{
		background-color: transparent;
		width: 100%;
		position: absolute;
		#menu-left-menu li a{
			color:#fff;
		}
	} 
}
.footer_section{
	background-color: #000;
}
.ouwk_section {
    margin-top: 60px;
	@media (max-width:767px){
		margin-top: 0;
	}
}
.ouwk_inner{
	position:relative;
	.ouwk_link{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
}
.hidefooter_desktop{
	@media (min-width:767px){
		display:none;
	}
}
.social_heading {
	margin-bottom: 20px;
	font-family: NeueMontreal;
	font-size: 25px;
	font-weight: normal;
	line-height: 35px;
	font-style: normal;
	text-align: left;
	color: #edebe9;
}
.capabilities-title{ 
	padding-bottom:60px;
	@media (min-width:1720px){
		padding-bottom:80px;
	}
	@media (max-width:767px){
		padding-bottom:0;
	}
}
.our_Work_heading{
	padding-top:50px;
	margin:0;
	@media (min-width:1720px){
		padding-top:80px;
	}
	@media (max-width:767px){
		padding-top:0;
	}
}
.fabrik_img{
  background-color: #002bff;
  margin-top: 120px;
	@media (max-width:767px){
		margin-top: 15px;
	}
}
.fabrik_img_contact{
	background-color: #666;
	 margin-top: 120px;
	@media (max-width:767px){
		margin-top: 15px;
	}
}
.mobile_slider{
	@media (min-width:1025px){
		display:none;
	}
}
.logo_box{
	@media (min-width:1720px){
		max-width:170px;
	}
}
.mbsd_flx {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding:15px;
  background-color:rgba(0, 0, 0, 0.7);
	
	font-family: NeueMontreal;
	font-size: 25px;
	font-weight: normal;
	line-height: 30px;
	font-style: normal; 
	color: #edebe9;
}
.cpb_txt{
	font-family: NeueMontreal;
	font-size: 25px;
	font-weight: normal;
	line-height: 30px;
	font-style: normal;
	text-align: left;
	color: #edebe9;
	margin-top:10px;
}
.ouwk_mbtxt{
	font-family: NeueMontreal;
	font-size: 25px;
	font-weight: normal;
	line-height: 30px;
	font-style: normal;
	text-align: left;
	color: #edebe9;
	margin:10px 0 40px;
}
.show_tablet{
	@media (min-width:1025px){
		display:none !important;
	}
}
.hide_mobile_tabel{
	@media (max-width:1024px){
		display:none!important;
	}
}
.cn-header, .form-header{
	@media (max-width:1024px){
			display:none;
	}
}
.cn-pg-dsc{
	@media (max-width:1024px){
		margin-top:50px;
	}
}
@media (max-width: 768px) {
	.page-template-fabrik .site-main {
		padding-bottom: 0;
	}
	.fbr-cc-sc >.container >.ouwk_flx:last-of-type {
		border-bottom: 1px solid #656565;
		padding-bottom: 25px;
		margin-bottom: 20px;
	}
	.single-post.singular .has-post-thumbnail .entry-header {
		padding-bottom: 10px;
	}
	.blog-info-dt {
		border-color: #656565;
	}
}