/*
Project: Nashat Garments
Domain : www.nashatgarments.com
Company: PixalFLoat
Author : Shameer
Version: 0.2.1
*/

.language-switcher {margin:0; padding:0;}
.language-switcher ul { list-style: none; }
.language-switcher li { list-style: none; margin:0; padding:0; text-align:left; display:inline-block; }
.language-switcher li a { padding:0; margin:0; color: #1B271F; font-size:16px; font-family: "Noto Kufi Arabic", sans-serif !important; }
.language-switcher li a:hover { text-decoration:none; color:#d42024;  }
.language-switcher li:last-child { display:none; } 
.menu-active .language-switcher li a { color:#fff; }

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1300px;
  }
}
.whatsappCall {
	text-align: center;
	position: fixed; bottom:30px; right:30px; z-index: 2000;
	animation: bounce 1s infinite;
}
.whatsappCall img { width:45px; height:45px; margin:0; padding:0; }
.whatsappCall span { font-size:13px; width:100%; float:left; text-align: center;}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-10px); }
  60% {
    transform: translateY(-5px); }
}

a.backtotop {
    position: fixed; bottom: 35px; right: 150px; z-index: 1000;
    background-color: #00000050;
    font-size: 14px; color: #fff;
    padding: 5px 10px 5px 5px;
    border-radius:50px;
    text-decoration: none;
    display: none; /* Hidden initially */ }
a.backtotop span { 
	width:30px; height:30px; margin:0 10px 0 0; padding:0;
	display: inline-block; text-align: center; line-height: 2.2;
	background:#CFCFCF; color:#3d3d3d;
  border-radius: 30px; }
a.backtotop:hover {
    background-color: #000; }
a.backtotop span i {
    margin-left: 5px;
    }

.full-block { 
	width:100%; float:left; }
.section { 
	width:100%; float:left;
	margin:0; padding:100px 0; }
@media(max-width:1200px){
	.section { padding:80px 0; }
}
@media(max-width:767px){
	.section { padding:60px 0; }
}
@media(max-width:575px){
	.section { padding:50px 0; }
}

.header {
	width:100%; margin:0; padding:10px 4%; 
	position: fixed; top:0; left:0; z-index: 100;
	background: #fff; }
.logo img { height:70px; width: auto; }








.footer {
	width:100%; float:left; margin:0; padding-left:4%; padding-right: 4%; 
	padding-bottom:40px;
	background: #111; color:#FFF; }
.footer h2 { color:#fff; margin:0 0 30px; }
.footer p { color:#fff; font-weight: 300; text-align:right; }
.footer a { color:#fff; }
.footer p a { color:#fff; }

.footer h6 { 
	color:#fff; font-size:18px; text-align:right;}
.footer ul {
	width: 100%; float:left; margin:10px 0 20px 0; padding:0; }
.footer ul li {
	list-style: none;
  margin:0 0 10px; padding:0; }
.footer ul li a { 
	font-weight:300;
	color:#fff; font-size:15px; text-decoration:none; }
.footer-logo { width:100%; float:left; margin:0 0 30px; padding:0; }
.footer-logo img { max-height:70px;  }
.copyline { 
	width:100%; float:left; 
	margin:0 0 0; padding:20px 0;
	text-align: center; background:#d42024;
	color:#fff; font-weight: 300; font-size:14px; }



.location_footer { background:none; }
.associate_footer {}





@media screen and (max-width:575px){
	.footer-logo { text-align: center; }
	.footer h6 { text-align: center; }
	.footer ul li { text-align: center; }
	.footer ul li a { justify-content: center !important; }
	.footer p { text-align: center; }
	.location_footer { padding:30px 0; margin:0 0 30px; background:rgba(256,256,256,0.06); border-radius: 10px; }
	.associate_footer {}
	.copyline {}
}



.banner { 
	width:100%; float:left; text-align:center; position: relative;
  background:#d42024; }

.banner-slide { 
	width:100%; float:left; margin:0; padding:0;
	background: #d42024; position: relative; }
.banner-caption { 
	text-align: right; padding:0 10% 0 0;
	width:100%; float:left; }
.banner-image { width:100%; float:left; position:relative; }
.banner-image img:nth-child(2) { 
	bottom: 100px; right:-150px; z-index: 2;
	position:absolute; width:400px; height:200px;
  border-radius: 20px; }


.banner-caption h1 { max-width:600px; color:#fff; }
.banner-caption a { color:#fff; }
.banner-image img {
	width:100%; max-height:700px; float:left;
	object-fit: cover; object-position:center; }



@media screen and (max-width:991px){
	.banner-image img:nth-child(2) { width:250px; height:150px; bottom:50px; right:-80px; border-radius:10px; }
}
@media screen and (max-width:850px){
	.banner-image img:nth-child(2) { width:200px; height:100px; bottom:30px; right:-60px; }
}
@media screen and (max-width:575px){
	.banner-image img { max-height: 500px;}
	.banner-image img:nth-child(2) { right:auto; left:20%; bottom:20%;}
	.banner-caption { padding:0 50px; height:100%; position: absolute; top:100px; left:0; z-index:3; }
	.banner .owl-dots { position: absolute; bottom:20px; left:50%; transform: translateX(-50%); }
	.banner-caption h1 { font-size:35px; }
}



/* -------------------- */


.intro_section {
	background:#F5F3F0; position:relative; }
.intro_section h3 { 
	margin:0; padding:0;  margin:0 auto; }
@media screen and (max-width:991px){
	.intro_section h3 {  }
}
.featured-product {
	padding:100px 10%; overflow-x: hidden !important;
	background:#414042; color:#fff; }
.featured-product h1,
.featured-product h2 { color:#fff; } 
.featured_slider_block { 
	width:100%; float:left; display: flex; align-items: center; }

.featured-product img { width: unset !important; }
.featured_image { width:50%; float:left; }
.featured_text { width:50%; float:left; position:relative; }

.featured_text p { color:#fff; }
.featured_text h6 { color:#fff; }

.featured-slider .owl-carousel .owl-nav { 
	background:#d9d9d9;  
	position: absolute; left:50%; bottom:15px; 
	color: #333; margin:0; padding:6px;
	border-radius:30px; }
.featured-slider .owl-carousel .owl-nav div { 
	border-radius:30px; width:40px; height:40px; color:#333;
	line-height: 2.5; background:#fff;
	position: relative; left: auto; right:auto; }
.featured-slider .owl-carousel .owl-nav div.owl-prev { 
	margin:0 15px 0 0; padding:0; }

@media screen and (max-width:1200px){
	.featured-slider .owl-carousel .owl-nav { bottom:0; }
	.featured-product h1, .featured-product h2 { font-size:50px; } 
}
@media screen and (max-width:991px){
	.featured-product h1, .featured-product h2 { font-size:45px; } 
}

@media screen and (max-width:767px){
	.featured-product { padding:50px 10% 20px; }
	.featured-product h1, .featured-product h2 { 
		margin:0 0 40px; text-align: center;  font-size:35px;}
	.featured_text h6 { margin:-70px 0 0;}
}
@media screen and (max-width:575px){
	.featured_text h6 { margin:-50px 0 0;}
}
@media screen and (max-width:450px){
	.featured_text h6 { margin:0px 0 0;}
}


.home-content-section { 
	width:100%; float:left; padding:50px 50px; 
	background:#F5F3F0; overflow-x:hidden !important; }
.home-main-image { width:100%; float:left; }
.home-main-image img { width:100%; float:left; border-radius:10px; }

.home-text-block { 
	width: 80%; margin:50px 0 50px; padding:0; }
.home-image-right-top { }
.home-image-right-top img { 
	object-fit:cover; object-position:center;
	height:800px; border-radius: 10px;
	width:80%; position: absolute; bottom:-200px; }
.home-image-bottom { float: right; padding-right:50px; padding-top:50px; text-align: right; }
.home-image-bottom img { width:80%; border-radius:10px; }
.home-text-image-block { 
  position: relative; height:100%; }

.home-text-block p span {
	font-family: 'Canela Text Trial Regular';}
@media screen and (max-width:1750px){
	.home-image-right-top img {  height: 600px; bottom:-160px;}
}
@media screen and (max-width:1600px){
	.home-image-right-top img {  }
}
@media screen and (max-width:1500px){
	.home-content-section h5 { font-size:25px; }
	.home-image-right-top img { height:480px; }
}
@media screen and (max-width:1400px){
	.home-content-section h5 { font-size:20px;}
}
@media screen and (max-width:1200px){
	.home-image-right-top img { bottom:-100px; height: 400px;}
}
@media screen and (max-width:1100px){
	.home-image-right-top img { bottom:-80px; height: 300px;}
}
@media screen and (max-width:991px){
	.home-image-right-top img { position: relative; bottom: 0px;}
}
@media screen and (max-width:767px){
	.home-image-right-top img { width:60%; }
	.home-image-bottom img { width:60%; margin-top:-50%;}
	.home-text-block { width:100%; }
}



.home-product-section {
	background:#fff;  text-align:center; }
.home-product-section h1,
.home-product-section h2 { text-align: center; }
.product-slider { margin-top:30px; }
.product-block {
	width:100%; float:left; margin:0 0 30px; padding:0; 
	height:100%; border:1px solid #E1E1E1;
	background:none; text-align:center;
  border-radius:20px; overflow:hidden; }
.product-image { 
	width:100%; float:left; margin: 0; padding:0; text-align: center; }
/*.product-image img { 
	margin:100px auto 0; 
	float: none; width: auto !important; max-width:90%; }*/
.product-image img { margin:0 0 25px; width:100% !important; max-width: unset; }
.product-desc { 
	width:100%; float:left; margin: 0; padding:0px 0 30px; }
.product-desc h5 { text-align:center; margin-bottom:20px; }
.product-desc p { text-align:center; padding:0 30px; margin:0; font-weight:300; }

@media screen and (max-width:991px){
	.product-image img { max-width: unset; margin:0 0 20px; }
}
@media screen and (max-width:767px){
	.product-image img { max-width: unset; margin:0 0 20px; }
}
@media screen and (max-width:575px){
	.product-image img { max-width: unset; margin:0 0 20px; }
}


.factory_section {
	width:100%; float:left; padding:150px 0;
	position:relative; text-align: center;
	background:url('../images/factory-strip-image.jpg');
	background-size:cover; background-position:center; }
.factory_section h3 {
	max-width:80%; margin:0 auto 30px; line-height: 1.3;
	color:#fff; text-align: center; }
.factory_section p { text-align:center; }
.factory_section a { color:#fff; text-align: center; float:none; display: inline-block; }

@media screen and (max-width:1200px){
	.factory_section { padding:100px 0; }
}
@media screen and (max-width:991px){
	.factory_section h3 { max-width:100%; }
}

.factory-content {}
.factory-content p:last-child { margin:0; }


.clients-section {
	float:left; width: 100%; overflow: hidden;
	padding:250px 0; margin:0; text-align: center;
	background:#F5F3F0; position:relative; }
.clients-section h1,
.clients-section h2 { text-align: center; z-index:1; position:relative; }
.clients-section p {
	z-index:1; position:relative;
	font-size:24px; font-family: 'Canela Text Trial Thin'; font-weight:normal; font-style:normal;
	text-align: center; max-width:600px; margin:0 auto 30px; }

.background-image-top-left, .background-image-top-right, 
.background-image-bottom-left, .background-image-bottom-right, 
.background-image {
  width: 9rem;
  position: absolute;
}

.background-image {
  top: -160px;
  right: 50%;
}
.background-image-top-left {
  top: -6rem;
  left: 10vw;
}
.background-image-top-right {
  top: -1rem;
  right: 15vw;
}
.background-image-bottom-left {
  bottom: -7rem;
  left: 20vw;
}
.background-image-bottom-right {
  bottom: -6rem;
  right: 10vw;
}
@media screen and (max-width:1200px){
	.clients-section { padding:100px 0; }
}
@media screen and (max-width:991px){
	.clients-section { padding:80px 0; }
	.clients-section p { font-size:20px; }
	.background-image-top-left, .background-image-top-right, 
.background-image-bottom-left, .background-image-bottom-right, 
.background-image {
  width: 6rem; }
	.background-image { top:-50px;}
}
@media screen and (max-width:767px){
	.clients-section { padding:50px 0; }
	.clients-section p { font-size:18px; }
	.background-image-top-left, .background-image-top-right, 
.background-image-bottom-left, .background-image-bottom-right, 
.background-image { width: 5rem; 
	}
	.background-image-bottom-left { bottom:-80px; }
	.background-image-top-left { top:-4rem;}
}



/* INNER PAGE -------------- */
.inner-banner { 
	min-height: 300px; position: relative;
	display: flex; align-items: center;
	text-align:center; background-color: #414042; 
	background-size:cover; background-position:center; }
.inner-banner h1,
.inner-banner h2 { 
	margin: 0;
	color:#fff; text-align:center; }

@media screen and (max-width:767px){
	.inner-banner { min-height: 240px; }
	.inner-banner h2 { font-size:30px; }
}
@media screen and (max-width:575px){
	.inner-banner h2 { font-size:28px; }
}

.about-image01 { text-align:center; }
.about-image01 img { 
	margin:0 auto; height: 600px; border-radius: 10px;
	width: 80%; object-fit:cover; object-position:top; }

.mision_vision-section { 
	background: #F5F3F0;  }
.ourvalues i, .ourvalues svg { 
	display: inline-block; margin-left:10px; margin-right: 0; }
.ourvalues svg path { 
	fill:red; margin:0 10px 0 0; display: inline-block; }

.ourvalues ul { 
	list-style:none; width:100%; float:left; }
.ourvalues ul li { 
	width:100%; float:right;
	position:relative; margin:0; padding:0 30px 20px 0; }
.ourvalues ul li::before {
	font-weight:500; color:#d42024;
	content:'\f058'; width: 20px; height: 20px; display: block;
	position: absolute; right: 0; left:0; }


.contact-page { 
	background-image: url('../images/contact-page.jpg');}
.factory-page {background-image: url('../images/factory-page.jpg');}

.about-page {background-image: url('../images/banner_slide1.jpg');}
.inner-banner::before { 
	content: '';
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background:rgba(0,0,0,0.6);
 }

.contact-section { background: #F5F3F0; padding-left:4%; padding-right: 4%; }
.google_maps iframe { width:100%; height:500px; border-radius:10px; }

@media screen and (max-width:1200px){
	.about-image01 img { height: auto; }
}
@media screen and (max-width:991px){
	.google_maps iframe {}
}
@media screen and (max-width:767px){
	.contact-section{  }
	.google_maps iframe { height: 300px; }
}

/* factory ------------ */
.factory-block { margin:0 0 30px; }
.factory-block img {  width:100%; border-radius:10px; }

 .masonry-grid {
      max-width: 1200px;
      margin: 0 auto; width:100%;
    }

    .grid-sizer, .masonry-item {
      width: 33.333%; /* 3 columns default */
    }

    .masonry-item {
      float: left;
      padding: 10px;
      box-sizing: border-box;
    }

    .masonry-item img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 6px;
    }

    @media (max-width: 992px) {
      .grid-sizer, .masonry-item {
        width: 50%; /* 2 columns on tablet */
      }
    }

    @media (max-width: 600px) {
      .grid-sizer, .masonry-item {
        width: 100%; /* 1 column on mobile */
      }
    }