* {
	margin:0;
	padding:0;
}
:root{ 
  --bs-green: #18bb86;
  --bs-red: #d50707;
  --bs-red-hover: #ad0a0a;
  --bs-black: #000204;
  --bs-white: #fff;
  --bs-gray: #7f7f7f; 
  --bs-deepgray: #666;
  --bs-font-primary: 'Nunito', sans-serif;
  --bs-font-secondary: 'Poppins';
  --bs-shadow: 8px 0 17px 2px rgba(0,0,0,0.2); /* #dfdfdf */
  --bs-btn-font-l:16px;
  --bs-btn-padding:18px 30px;
  --bs-border-none: none;
  --bs-500: 500;
  --bs-600: 600;
  --bs-700: 700;
  --bs-b-radious10: 10px;
  --bs-b-radious30: 38px;
  --bs-b-radious50: 50px;
}

img {
	max-width:100%;
	height:auto;
}

ul, li, ol {
	margin:0;
	padding:0;
	list-style-type:none;
}
a{color:var(--bs-red);}
a, a:hover, a:focus {
	text-decoration:none;
	outline:0;
}
a, .btn, input[type="submit"], button{transition: all 500ms ease-in-out;}
body {
	font-family: var(--bs-font-primary);
	font-size:16px;
	font-weight:400;
	font-style:normal;
	line-height:normal;
	color:var(--bs-black);
}


h1{
    font-size: 4.35rem;
    font-family: var(--bs-font-primary);
	line-height:1;
    letter-spacing:1px;
    font-weight:bold;
}
h2{
    font-size: 2.6rem /* 2.938em */;
    font-family: var(--bs-font-primary);
    line-height: 45px;
    font-weight:bold;
    margin-bottom:25px;
}
h3{
    font-size: 2rem;
    font-family: var(--bs-font-primary);
    font-weight:bold;
}
  
h4{
    font-size: 1.6rem;
    font-family: var(--bs-font-primary);
}

h5{
    font-size: 1.2rem;
    font-family: var(--bs-font-primary);
}
p{ font-weight:400;line-height:27px; }
.section{ padding:80px 0; }
.btn{ font-family:var(--bs-font-secondary); font-weight:600; letter-spacing:1px; border-radius:var(--bs-b-radious50); padding:12px 35px;}
.btn-light{color:var(--bs-red);}
.btn-outline-light:hover{color:var(--bs-red);}
.btn-danger{ background-color:var(--bs-red); border-color:var(--bs-red); }
.btn-danger:hover{ color:var(--bs-white); border-color:var(--bs-red-hover); background-color:var(--bs-red-hover); }
.btn-success{border-color:var(--bs-green); background-color:var(--bs-green);}
.btn-outline-danger{ color:var(--bs-red); border-color:var(--bs-red); }
.btn-outline-danger:hover{ color:var(--bs-white); border-color:var(--bs-red-hover); background-color:var(--bs-red-hover); }
.box-shadow{ box-shadow:var(--bs-shadow); }
.text-danger{color:var(--bs-red) !important;}
.text-dark{color:var(--bs-deepgray) !important;}
/*============ Mobile menu Start ==============*/
.mobheadersec

{

    padding:20px 0;

    display:none;
    position:fixed;
     left:0; top:0;
     z-index: 9;
     width:100%;
}
.mobheadersec.navbar-fixed{background:#fff; box-shadow: 0px 2px 12px 0 rgb(50 67 82 / 20%);}
a.hamburger

{

    font-size:0; cursor:pointer; float:right; color:var(--bs-white);
    position:relative;
    width:24px; height:24px;
}
a.hamburger:before{ width:100%; height:3px; border-radius:30px; background:var(--bs-red); position:absolute; top:2px; left:0; content:''; }
a.hamburger:after{ width:60%; height:3px; border-radius:30px; background:var(--bs-red); position:absolute; bottom:2px; right:0; content:''; }
a.hamburger hr{ height:3px; background:var(--bs-red);border-radius:30px; margin:11px 0 11px 4px; opacity:1; }
.sidenav {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 9999;

  top: 0;

  right: 0;

  background: #0e1f3e;

  overflow-x: hidden;

  transition: 0.5s;

  padding: 54px 0 0 0;

}

.sidenav .closebtn {

  position: absolute;

  top: -5px;
  right: 13px;
  font-size: 48px;
  color: #fff;
  font-weight: 200;

}
.sidenav ul

{

    padding:0;
    width:100%;
}

.sidenav ul li

{

    text-transform:capitalize;
	position:relative;
    font-size:1rem;

    line-height:normal;
    /*text-align: center;*/
    margin:10px 0 0 0;

}

.sidenav ul li a

{
    display:block;
    color:#fff;
    padding:8px 20px;
    border-left:2px solid var(--bs-red);
}
.sidenav ul li a:hover{background:var(--bs-red);}
.sidenav ul li a.btn-sub:hover{color:var(--bs-white);}
.sidenav .sub-menu-toggle{position: absolute;
    top: 8px;
    right:15px;
    width: 15px;
    height: 15px;
    rotate: 45deg;
    border-top: none;
    border-left: none;
	border-color: var(--bs-red);
    background: none;
}
.sidenav .sub-menu-toggle span{ display:none;}
/*============ Header Start ==============*/
.headersec{background: linear-gradient(90deg, rgba(252,251,161,1) 0%, rgba(255,254,214,1) 35%, rgba(254,254,248,1) 100%); width:100%; position:fixed; top:0; z-index:9; padding:10px 0; transition: all 500ms ease-in-out; }
.headersec.navbar-fixed{ padding:0; box-shadow: 0px 2px 12px 0 rgba(50, 67, 82,  0.2);}
.navbar .container{ display: block; }
.headersec .logo{width:80px; }
/*.headersec.navbar-fixed .logo{width:110px;}*/
.headersec ul li{display: inline-block; font-size:18px; padding:0 20px; position:relative; }
.headersec ul li a{ display:block; color: var(--bs-black); padding:30px 0; }
.headersec ul li a:hover{color:var(--bs-red);}
.headersec ul .sub-menu li{display:block; padding:0;}
.headersec ul .sub-menu{position: absolute;
    top: 70px;
    width: 250px;
    background: #fdfcb4;
	display:none;
	box-shadow:0px 2px 3px #dbdbdb;
}
.headersec ul li .sub-menu a{color: var(--bs-black); padding:7px 12px; }
.headersec ul li .sub-menu a:hover{background:var(--bs-red);}
.headersec .sub-menu-toggle{position: absolute;
    top: 35px;
    right: 4px;
    width: 10px;
    height: 10px;
    rotate: 45deg;
    border-top: none;
    border-left: none;
	border-color: var(--bs-red);
    background: none;
}
.headersec ul li:hover .sub-menu{display:block;}
.headersec .sub-menu-toggle span{ display:none;}
/*============ Banner Start ==============*/
.banner-sec{padding-top:80px;}
.banner-sec img{ width: 100%; height:auto; }
.banner-sec .bottom {bottom:30%;}
.banner-sec h2{font-style:italic;}
.banner-sec .carousel-indicators [data-bs-target]{width:8px; height:8px; border-radius:50%; border:3px solid var(--bs-white); background:none;}
.banner-sec .carousel-indicators .active{background:var(--bs-white);}
/*.banner-sec h5{ display:inline-block; color:var(--bs-white); padding-right:150px; }
.banner-sec h5:after{ content:''; width:120px; height:1px; position:absolute; right:0; top:8px; background:var(--bs-green); }*/
.quality-box{ min-height:280px; background-size:cover; background-position:center; }
.quality-bg{background: rgba(0,0,0, 0.4);}
.banner-inner{ position: relative; }
.banner-inner img{ width: 100%; height:auto; }
.banner-inner:before{ content:''; position:absolute; left:0; bottom:0; background:rgba(213,7,7,0.8); clip-path: polygon(0 0,61% 0,89% 100%,0% 101%); width:60%; height:100%; }
.banner-inner:after{ content:''; position:absolute; left:0; bottom:0; background:rgba(213,7,7,0.2); clip-path: polygon(0 0,60% 0,95% 100%,0% 101%); width:60%; height:100%; }
.banner-inner h2{ position:relative; z-index:2; }
/*============ #Top Product Start ==============*/
/*.top-product-sec h2{ color: var(--bs-green); }*/
.top-product-sec h3.title{color: var(--bs-gray);}
.top-product-sec h3, .top-product-sec h4{ color: var(--bs-deepgray); }
.top-product-sec h4{font-size:25px; letter-spacing:2px;}
.top-product-sec .img-block img{ object-fit:contain; height:360px; }
.bg-product{ background:url(https://navanirmanfab.com/wp-content/themes/twentytwentyone/assets/images/product-bg.jpg) no-repeat center / cover; }
.top-product-sec .col-md-6:last-child .bg-product{ background:url(https://navanirmanfab.com/wp-content/themes/twentytwentyone/assets/images/product-bg2.jpg) no-repeat center / cover; }
.top-product-sec .col-md-6 h3{font-size:30px; letter-spacing:1.2px;}



.about-director img{ width:250px; height:250px; object-fit:cover; }
.shape-img-left:before {
    content: '';
    left: 0;
    bottom: 0;
    width: 92%;
    height: 94%;
    position: absolute;
    border: 1px solid var(--bs-red);
}
.shape-img-right:before {
    content: '';
    right: 0;
    bottom: 0;
    width: 92%;
    height: 94%;
    position: absolute;
    border: 1px solid var(--bs-red);
}
.shape-img-left, .shape-img-right{position:relative;}
.shape-img-left:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 170px;
    height: 160px;
  	border-bottom: 160px solid red;
    border-right: 170px solid transparent;
    z-index: 1
}
.shape-img-right:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 170px;
    height: 160px;
  	border-bottom: 160px solid red;
    border-left: 170px solid transparent;
    z-index: 1
}
.shape-img-left img, .shape-img-right img{ z-index:1; position:relative;}
.blog-box .text-title{background: rgba(255,255,255,.8);}
.blog-box img{ height:340px; object-fit:cover;}
.work-status-sec .container{ margin-top:-150px; }


.vision-mission-sec{ background-color:var(--bs-light); }
.vision-mission-sec .card{position:relative;}
.vision-mission-sec .card:before{ content:''; position:absolute; right:15px; bottom:15px; width:40px; height:4px; background-color:var(--bs-green);}
.vision-mission-sec .card:after{ content:''; position:absolute; right:65px; bottom:15px; width:15px; height:4px; background-color:var(--bs-blue);}
.vision-mission-sec .card:hover:before, .vision-mission-sec .card.active:before, .vision-mission-sec .card:hover:after, .vision-mission-sec .card.active:after{background-color:var(--bs-white);}
.vision-mission-sec .icon{ font-size:45px; color:var(--bs-white); width:80px; height:80px; border-radius:var(--bs-b-radious50); background-color:var(--bs-green);}
.vision-mission-sec .card:hover, .vision-mission-sec .card.active{color:var(--bs-white); background-color:var(--bs-green);}
.vision-mission-sec .card:hover .icon, .vision-mission-sec .card.active .icon{ color:var(--bs-green); background-color:var(--bs-white);}
.vision-mission-sec .card.active:hover{color:var(--bs-black); background-color:var(--bs-white);}
.vision-mission-sec .card.active:hover .icon{color:var(--bs-white); background-color:var(--bs-green);}
/*============ #Collections Start ==============*/
.collections-sec h3{ color: var(--bs-gray); }
.collections-sec h2{ color: var(--bs-black); }
.collections-sec .item{transition: all 500ms ease-in-out;}
.collections-sec .item img{webkit-filter: grayscale(100%);
    filter: grayscale(100%);}
.collections-sec .item img:hover{webkit-filter: grayscale(0);
    filter: grayscale(0);}
.collections-sec .bottom{transition: all 500ms ease-in-out; bottom:0; left:0; width:80%; height:0; background:rgba(73, 90, 72, 0.8); opacity:0; } 
.collections-sec .item:hover .bottom{ height:220px; opacity:1;}
.btn-view{ display:inline-block; background:url(../images/arrow-icon2.png) no-repeat center / 25px auto var(--bs-white); width:50px; height:50px;}
.btn-view:hover{background:url(../images/arrow-icon_h2.png) no-repeat center / 25px auto var(--bs-green);}
#owl-collection.owl-carousel .owl-nav.disabled{display: block;}
#owl-collection .owl-nav .owl-prev{ position:absolute; left:40px; top:45%; font-size:0; line-height:60px; width:60px; height:60px; border-radius:50%; box-shadow:var(--bs-shadow); background:url(../images/arrow-icon1.png) no-repeat center / 25px auto var(--bs-white);}
#owl-collection .owl-nav span{ display:none; }
#owl-collection .owl-nav .owl-next{ position:absolute; right:40px; top:45%; font-size:0; line-height:60px; width:60px; height:60px; border-radius:50%; box-shadow:var(--bs-shadow); background:url(../images/arrow-icon2.png) no-repeat center / 25px auto var(--bs-white);}
#owl-collection .owl-nav .owl-prev:hover{ background:url(../images/arrow-icon_h1.png) no-repeat center / 25px auto var(--bs-green); }
#owl-collection .owl-nav .owl-next:hover{ background:url(../images/arrow-icon_h2.png) no-repeat center / 25px auto var(--bs-green); }
/*============ Brands Start ==============*/
#owl-brands.owl-carousel .owl-nav.disabled{display: block;}
.brands-sec .item img{ border:1px solid var(--bs-gray); border-radius:var(--bs-b-radious10); width:auto; height:100px; object-fit:contain; webkit-filter: grayscale(100%);
    filter: grayscale(100%);}
.brands-sec .item img:hover{ border:1px solid var(--bs-red); webkit-filter: grayscale(0); filter: grayscale(0);}
#owl-brands .owl-nav .owl-prev{ position:absolute; left:0; top:35%; font-size:0; line-height:40px; width:40px; height:40px; border-radius:50%; box-shadow:var(--bs-shadow); background:url(../images/arrow-icon1.png) no-repeat center / 20px auto;}
#owl-brands .owl-nav span{ display:none; }
#owl-brands .owl-nav .owl-next{ position:absolute; right:0; top:35%; font-size:0; line-height:40px; width:40px; height:40px; border-radius:50%; box-shadow:var(--bs-shadow); background:url(../images/arrow-icon2.png) no-repeat center / 20px auto;}
#owl-brands .owl-nav .owl-prev:hover{ background:url(../images/arrow-icon_h1.png) no-repeat center / 20px auto var(--bs-green); }
#owl-brands .owl-nav .owl-next:hover{ background:url(../images/arrow-icon_h2.png) no-repeat center / 20px auto var(--bs-green); }


/*============ Footer Start ==============*/
#footer{background:url(../images/bg-footer.jpg) no-repeat top center / cover;}
#footer .icon{flex:0 30px; margin-right: 15px;}
#footer .icon img{ width:100%; }
#footer .text{flex:0 80%; }
#footer .text p{margin-bottom:0;}
#footer a{ color: var(--bs-white); }
#footer a:hover{ color: var(--bs-red); }
.f-menu li{ display:block; margin-bottom:10px; }
.f-menu li a{ display:inline-block; }
#footer .f-logo{ right: 36%; width: 22%; top: -28%;}
#footer .form-control{ color:var(--bs-white); background:var(--bs-black); border-radius:var(--bs-b-radious30); border: none; height:50px; padding:5px 20px; }
#footer .btn{right:5px; top:5px; padding:12px 45px 12px 25px; background-image:url(../images/arrow-right.png); background-size:15px auto; text-transform:uppercase; background-position:center right 15px; background-repeat:no-repeat;}
#footer .footer-bottom:before{ content:''; position:absolute; left:0; top:50%; width:30%; height:2px; background:var(--bs-gray); opacity:0.2; }
#footer .footer-bottom:after{ content:''; position:absolute; right:0; top:50%; width:30%; height:2px; background:var(--bs-gray); opacity:0.2; }

.contact-sec .card{box-shadow:0 0 5px #ccc; border:none}
.contact-sec .card i{font-size:45px; color:var(--bs-red);}
.maps-block iframe{ width:100%; height:510px; border:none;}
textarea.form-control{height:70px;}