/********************  fonts  *********************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@font-face {font-family: "avenir";
  src: url("../fonts/AvenirNextLTW01.eot");
  src: url("../fonts/AvenirNextLTW01.eot?#iefix") format("embedded-opentype"),
  url("../fonts/AvenirNextLTW01.woff2") format("woff2"),
  url("../fonts/AvenirNextLTW01.woff") format("woff"),
  url("../fonts/AvenirNextLTW01.ttf") format("truetype"),
  url("../fonts/AvenirNextLTW01.svg#Avenir Next LT W02 Demi") format("svg");
}
@font-face {font-family: "avenir-demi";
  src: url("../fonts/Avenir-Next-LT-W02-Demi.eot");
  src: url("../fonts/Avenir-Next-LT-W02-Demi.eot?#iefix") format("embedded-opentype"),
  url("../fonts/Avenir-Next-LT-W02-Demi.woff2") format("woff2"),
  url("../fonts/Avenir-Next-LT-W02-Demi.woff") format("woff"),
  url("../fonts/Avenir-Next-LT-W02-Demi.ttf") format("truetype"),
  url("../fonts/Avenir-Next-LT-W02-Demi.svg#Avenir Next LT W02 Demi") format("svg");
}
@font-face {font-family: "avenir-bold";
  src: url("../fonts/AvenirNextLTW01Bold.eot");
  src: url("../fonts/AvenirNextLTW01Bold.eot?#iefix") format("embedded-opentype"),
  url("../fonts/AvenirNextLTW01Bold.woff2") format("woff2"),
  url("../fonts/AvenirNextLTW01Bold.woff") format("woff"),
  url("../fonts/AvenirNextLTW01Bold.ttf") format("truetype"),
  url("../fonts/AvenirNextLTW01Bold.svg#Avenir Next LT W02 Demi") format("svg");
}


/********************* common *********************/
body {font-family: 'Montserrat', sans-serif; font-size:16px; line-height:1.5;}
h1,.h1,h2,h3,h4,h5,h6 {font-family: avenir-bold, sans-serif; line-height:.9;}
h1,.h1 {font-size: 70px;}
h2 {font-size: 40px; font-family: avenir-demi, sans-serif;}
h3 {font-size: 25px;}
h4 {font-size: 20px;}

.modal_bg_color{ background-color: aliceblue !important;}
.btn {font-family: avenir-demi, sans-serif;}
a {text-decoration:none;}
.zoom {transition:transform 0.5s;}
.zoom:hover {transform:scale(1.2);}
.video_section {line-height: 0;}
.carousel-caption {position:static;}

/********************  header *********************/
.navbar-expand-lg .navbar-nav .nav-link {color: #2e2b2b; font-family: avenir-demi, sans-serif; font-size: 16px;}
.navbar .dropdown-menu {min-width: 200px;}
.navbar-brand{font-family:avenir-next-bold, sans-serif; font-size:25px; font-weight:700;}
.dropdown:hover .dropdown-menu {display: block;}
.navbar-expand-lg .navbar-nav .dropdown-menu {background-color:rgba(46,43,43,1);}
.dropdown-item {color:#fff; white-space:normal;}
.nav-item:hover .nav-link {color:#45afec;}

/********************  banner *********************/
.carousel-caption {position:static; text-align:left; font-size:30px; font-family:avenir-demi,sans-serif;  height: 500px;}
.product-section {padding: 50px 0;text-align: center;background-color: #edecfc;}

/********************  main *********************/
#about .about-img {border-left-width:10px !important;border-right-width:10px !important;}

.product-list .card-img { height: 200px; border-radius: 20px;}
.product-list .card-img img {object-fit: contain; height: 100%; width: 100%;}

.big-box {height:350px; border-radius:10px; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);}
#company-info .box-content {background-image: url('../images/bg-img.jpg'); height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background-size:cover; background-position:center; transition:transform 0.3s;}
.big-box iframe {border-radius:10px;}

.pro-card div.overflow-hidden {width: 70px; height: 70px;}
.pro-card div.overflow-hidden img {width: 100%; height: 100%; object-fit: cover;}

.banner_img{max-width:1362px;max-height:502px}

.logo_img{height: 50px;max-height:60px;
    width: 100%;
   max-width: 100%;
}
/******************** footer ********************/
.ftr-info,.ftr-info a {color:#fff; font-size:14px;}
.ftr-info a:hover {color:#ffc107;}
.ftr-info .social-icons a {font-size:20px;}

.border_shadow{box-shadow: 6px 6px 12px #565252ed !important;}

/******************** media ********************/

@media (min-width:1200px){
	#header .navbar-expand-lg .navbar-nav .nav-item {padding:0 10px;}
}

@media (min-width:1440px){
	#header .navbar-expand-lg .navbar-nav .nav-item {padding:0 20px;}
}

@media (min-width:992px) and (max-width:1199.98px){
	#header .navbar-expand-lg .navbar-nav .nav-item {padding:0px;}
}

@media (max-width:991.98px){
	
	#header form {width:100%;}
	.carousel-caption {padding:30px;}
	
	
	
	.offcanvas-backdrop.show {opacity: 0;}
	.offcanvas {background:#dddddd; width:250px!important; padding:20px;}
	.hamburger__toggle{display:block;position: relative;background-color:#3d3d3d;width: 40px;  height: 40px; margin:0 auto;border-radius:15%; border:none;z-index: 9999;}
	.hamburger__icon,.hamburger__icon::before,.hamburger__icon::after {position: absolute;width: 24px; height: 2px;border-radius: 4px;background-color: white;}
	.hamburger__icon {top: calc(50% - 2px); left: calc(50% - 12px);}
	.hamburger__icon::before,.hamburger__icon::after {content: ""; left: 0;}
	.hamburger__icon::before {bottom: 8px;}
	.hamburger__icon::after {top: 8px;}
	.toggled .hamburger__icon {height: 5px; width:29px; left: 5px; top: calc(50% - 2px); transform: rotate(-45deg); background-color: #fff;}
	.toggled .hamburger__icon::after {width: 29px; height: 5px; top: -1px; transform: rotate(-270deg); background-color: #fff;}
	.toggled .hamburger__icon::before {transform: scale(0);}
	.hamburger__icon, .hamburger__icon::after {transition: all 0.3s linear;}
	.navbar-toggler:focus {box-shadow: none;}
}

@media (max-width:767.98px){
	.carousel-caption {height: auto;}
	h1 {font-size:50px;}
}
@media (max-width:1199.98px){
	#header .navbar-brand img {width:50px;}
}



/* --------- new css --------- */

#inr-bnr .carousel-caption {height: 180px;}
#quality-info .box-content {background-image: url('../images/bg-img.jpg'); height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background-size:cover; background-position:center; transition:transform 0.3s;}
.border-lr-weight {border-left-width:10px !important; border-right-width:10px !important;} 

footer ul li {transition: .2s;}
footer ul li:hover {transform: scale(1.1);}
.modal-content .modal-body img {height: 220px;}
.dropdown-menu li img {width: 35px;}
.modal .modal-body {text-align: justify;}
.carousel-caption ul li {font-size: 16px;}
@media (max-width: 575.98px) {
  h1,.h1 {font-size: 40px; line-height: 1.0;}
  h2 {font-size: 35px; line-height: 1.1;}
  .carousel-caption p {font-size: 16px;}
  .carousel-caption ul li {font-size: 13px;}
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  h1,.h1 {font-size: 50px; line-height: 1.0;}
}




/* About us drop-down pages Our Excellence himansu*/
#inr-bnr .carousel-caption{height: 180px;}
.border-lr-weight{border-left-width:10px !important;border-right-width:10px !important;}
.box-shadow{box-shadow: 2px 5px 10px black;}
label{font-size: .9rem;}
.font-sm{font-size: .9rem;}




/* --------- product css --------- */
.bg-light2 {background-color: #FFF9EB !important;}




/* --------- megamenu --------- */

.navbar .megamenu{ padding: 1rem; }

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}

/* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: gray; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: gray; 
}