h1{
	font-family: Times New Roman;

}
nav a{
	font-family: Century;
}
nav .dropdown-menu .dropdown-item {
	font-family: Trebuchet MS;
}
nav .nav-link{
	color: white;
	text-transform: uppercase;
}
nav .nav-link:hover{
	color:white;
	padding-top: 2px;
	transition: 100ms ease-in-out;
	
}
.nav-index-bord{
	border-bottom: 3px solid white;
	padding-bottom: 14px;
	
}

.nav-index-bord:hover {
	border-bottom: 0px solid black;

}
h1 span{
	font-family: Dinovaf;
}
body h2{
	font-family: Benguiat Bk BT;
}
#toggle-icon{
	font-size: 30px;
	
}
body p{
	font-family: Century751 No2 BT;
	color: #413f3f;
}
/* .nav-bar-up{
	background-color: #1E1E1E;
} */
.intro-bg{
	background-image: url('assets/images/industry1.jpeg')  ;
min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
          
}
.indexpage-service-text li{
	font-family: 'Times New Roman', Times, serif;
	font-size: 17px;
}
.index-info{
	font-family: 'Times New Roman';
}
/* Model Areas */
 .model-areas .model-cards{
	background-color:white;
}
.model-areas .model-cards:hover{
	box-shadow: 0 0 11px rgba(33,33,33,.2); 
	transition: 200ms ease-in-out;
}
.product-intro-bg{
	background-image: url('assets/images/Product/steel-mill.jpg')  ;
	min-height: 450px;
	
	  /* Create the parallax scrolling effect */
	  background-attachment: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
}
.services-intro-bg{
	background-image: url('assets/images/Sevices-Image-Folder/interior-view-steel-factory.jpg')  ;
	min-height: 450px;
	
	  /* Create the parallax scrolling effect */
	  background-attachment: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
}
/* .soft-dev{
	margin-top: 100px;
} */
.intor-text-bold{
	font-size: 50px;
}
.intor-text-services-bold{
	font-family: Ethnocentric;
	font-size: 50px;
	text-transform: uppercase;
	background: linear-gradient(to right, #4effff 0%, #38516a 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.intor-text-product-bold{
	font-family: Ethnocentric;
	font-size: 50px;
	text-transform: uppercase;
	background: linear-gradient(to right, #d10c0c 0%, #bac2c9 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.intor-text-contact-bold{
	font-family: Ethnocentric;
	font-size: 50px;
	text-transform: uppercase;
	background: linear-gradient(to right, #0c7cd1 0%, #bac2c9 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.intor-text-team-bold{
	font-family: Ethnocentric;
	font-size: 50px;
	text-transform: uppercase;
	background: linear-gradient(to right, #fefeff 0%, #9aaec6 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.intor-text-aboutus-bold{
	font-family: Ethnocentric;
	font-size: 50px;
	text-transform: uppercase;
	background: linear-gradient(to right, #fefeff 0%, #d8dde2 100%);

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.intor-text-index-bold{
	font-family: Ethnocentric;
	font-size: 43px;
	text-transform: uppercase;
	background: linear-gradient(to right, #e27837 0%, #bab7b7 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.intor-text-allprd-bold{
	font-family: Ethnocentric;
	font-size: 40px;
	text-transform: uppercase;
	background: linear-gradient(to right, #ffb031 0%, #c07d00 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.img-down{
	margin-top: 100px;
}
.line-up{
	line-height: 0.2;
}
.card-bg-blue{
	
	background-color: #2176ff;
	background: linear-gradient(
265deg,#1ca3e9,#2176ff);
}
.card-bg-red{
	background-color: #ffb921;
	background: linear-gradient(
265deg,#e93b1c,#ffb921);
}
.card-bg-grey{
	background-color: #2d323b;
	background: linear-gradient(
265deg,#091115d3,#838893);
}


.card-bg-black{
	background-color: #663299;
	background: linear-gradient(
265deg,#663299,#b18fd3);
}
.card-shadow{
	background-color: #FCFCFC;
}
.card-shadow .card:hover{
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.10);
    transition: all .30s ease-in-out;
}

/* .model-box-1{
	border: 4px solid rgb(16, 133, 197) ;
	border-radius: 10px;

} */
.btn-gradient-1 {
	background: linear-gradient(white, white) padding-box,
	linear-gradient(to right, rgb(37, 77, 200), rgb(72, 141, 219)) border-box;
border-radius: 15px;
border: 4px solid transparent;
  }
  .btn-gradient-1:hover {
	background: linear-gradient(
		265deg,#1ca3e9,#2176ff);
		transition:  0.5s ease;

  }
  .btn-gradient-1:hover h4{
	color: white;
  }
  .btn-gradient-1:hover p{
	color: white;
  }
 .contact-intro-bg{
	background-image: url('assets/images/Contactus/360_F_555919128_jWSDc7sQ5ECCHAh7RkSeb2Y1RM3tR4eU.jpg')  ;
	min-height: 450px;
	
	  /* Create the parallax scrolling effect */
	  background-attachment: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
 }
.contact-us-body{
	background-color: #f4f4f4;
}

ul.dropdown{
	min-width: 100%; /* Set width of the dropdown */
	background: #f2f2f2;
	display: none;
	position: absolute;
	z-index: 999;
	left: 0;
}
ul .dropdown:hover ul.dropdown{
	display: block;	/* Display the dropdown */
	z-index: 4;
	
}
ul ul.dropdown li{
	display: block;
	padding-bottom:10px ;
	
}
  

.industry-sect-bg{
	background-image: url('assets/images/1944457.jpg')  ;
min-height: 500px;
position: relative;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-pressure-bg{
	background-image: url('assets/images/Product/distant-shot-port-with-boats-loaded-with-cargo-shipment-during-nighttime.jpg')  ;
	min-height: 350px;
	position: relative;
	  /* Create the parallax scrolling effect */
	  background-attachment: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
}
.overlay{
	background-color: rgba(9, 7, 7, 0.7);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.indust-cat p{
	font-size: 17px;
}
.middle{
	transition: .5s ease;
	opacity: 0;
}
.hov-text:hover .middle{
	opacity: 1;

}
.carousel-text{
	font-size: 18px;
}

.bg-sect-dull{
	background-color: #F8F8F8;
}
.models-text{
	font-size: 17px;
}
.models-text1{
	line-height: 0;
}
.skype-bg{
	color: rgb(3, 169, 244);
}
.linkedin-bg{
	color: rgb(0, 115, 177);
}
.form-bg{
	background-color: white;
}
.rounded-bord{
	border-radius: 20px;
}

	nav li.nav-item{
		border:none;
		position: relative;
	  }
	  nav li.nav-item:hover{
		border: none;
	  }
	  nav li:hover {
		border-bottom: 5px solid #FFFFFF;
	  }
	  nav ul li.nav-bord-chn{
		border: none;
	  }
	  nav ul li.nav-bord-chn:hover{
		border-bottom: 5px solid #2382bc;
		transition: 100ms ease-in-out;
		
		
	  }
	  nav ul li.nav-bord-chn:hover a{
		color: #2382bc;
	  }
	  nav ul li.nav-bord-chn:hover li hr{
		display: none;
	  }
	  nav ul li .dropdown-divider{
		background-color: black;
	  }
	  nav ul li :hover .dropdown-divider{
		opacity: 0;
	  }

	  
	  nav .nav-item::after{
		content: '';
		position: absolute;
		width: 0px;
		height: 3px;
		left: 50%;
		bottom:0;
		background-color: white;
		transition: all ease-in-out .2s;
	  }
	  nav .nav-item:hover::after{
		width: 100%;
		left: 0;
	  }

nav ul li{
	color: white;
}
nav ul li .nav-left{
	border-bottom: 3px solid white;
}
nav ul li:hover{
	border-bottom: 3px solid white;
	transition: 200ms ease-in;
}

.nav-1{
	background-color: white;
}
.nav-1:hover{
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.10);
    transition: all .30s ease-in-out;
	border-radius: 10px;	
}
.nav-round{
	border-radius: 18px;
}
nav ul li a{
	color: white;
}
nav li ul {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .10s ease-out;
       -moz-transition: all .10s ease-out;
        -ms-transition: all .10s ease-out;
         -o-transition: all .10s ease-out;
            transition: all .10s ease-out;
}
nav li:hover ul {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
.pad-rgt{
	padding-right: 400px;
	
}
.view-btn{
	margin-left: 130px;
}
.view-btn1{
	margin-left: 90px;
}


.vv{
	border: none;
	border-radius: 20px;
}
.size-up{
	font-size: 20px;
}
.size-up p{
	border-radius: 60px;
}
.list-style{
	list-style-type: none;
}
.list-style-industry{
	list-style-type: none;
}
.list-style-industry li{
	padding-bottom: 15px;
	font-family: Sequel;
	color: white;

	
}
.list-style-industry li:hover{
	font-size: 18px;
	
	transition: ease-in 200ms;
	
}
.record-bg{
	background-color: #1E1E1E;
}
.record-bg div{
	background-color: #342F35;
}
.record-bg h3{
	color: #6F6F6F;
}
.industry-sect-bg-help{
	background-image: url('assets/images/2577832.webp')  ;
min-height: 500px;
position: relative;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.curious-bg-img{
	background-image: url('assets/images/Aboutus-imges/pngtree-electronic-technology-website-texture-background-banner-image_156039.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.intro-bg-aboutus{
	background-image: url('assets/images/Aboutus-imges/wp3006038.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

}

.intro-bg-team{
	background-image: url('assets/images/Aboutus-imges/360_F_365263072_ptDd9chrVQmNC24qtSR4nXlooCf1AV7p.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.intro-bg-allproducts{
	background-image: url('assets/images/Allproducts-images/big-storehouse-with-construction-materials-inside-wholesale.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


.CEO-bg{
background-color: white;
}
.int-bg-img{
	background-image: url('assets/images/Aboutus-imges/git-strip-bg-cc23e7a4d87c1ff5ff2b61609cfd58f0.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}



.sales-bg{
	background-color: #F1F3F4;
}
.quick-links li {
padding-bottom: 20px;
 color: #bec0c0;
}
.quick-links a {
	text-decoration: none;

	color: #d3d8d9;
}
.email-text a{
	color: #d3d8d9;

}
.adress-text{
	color:#d3d8d9 ;
}
.quick-links li a:hover{
	color: #4167ee;
}
a {
	text-decoration: none;
}

/* Card Styles */

.card-sl {
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-image img {
	max-height: 100%;
	max-width: 100%;
	border-radius: 8px 8px 0px 0;
}

.card-action {
	position: relative;
	float: right;
	margin-top: -25px;
	margin-right: 20px;
	z-index: 2;
	color: #E26D5C;
	background: #fff;
	border-radius: 100%;
	padding: 15px;
	font-size: 15px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
}

.card-s1{
	background-color: white;
}


.card-heading {
	font-size: 18px;
	font-weight: bold;
	background: #fff;
	padding: 10px 15px;
}

.card-text {
	padding: 10px 15px;
	background: #fff;
	font-size: 14px;
	color: #636262;
}

.card-button {
	display: flex;
	justify-content: center;
	padding: 10px 0;
	width: 100%;
	background-color: #1F487E;
	color: #fff;
	border-radius: 0 0 8px 8px;
}

.card-button:hover {
	text-decoration: none;
	background-color: #1D3461;
	color: #fff;

}

.Product-Lists .card{
	border:none;
}


/* Importing fonts from Google */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/* Reseting */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}






.container .col-lg-4 {
    display: flex;
    justify-content: center;
}

.about-us-page .card {
    width: 300px;
    height: 300px;
    transform-style: preserve-3d;
    perspective: 500px;
    border: none;
    background-color: inherit;
}
.about-us-page .card div {
	color: #1E1E1E;
}
.about-us-page .card span{
	color: red;
}

.about-us-page .card .face {
    position: absolute;
    color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.06);
    transform-style: preserve-3d;
    transition: 0.5s;
    backface-visibility: hidden;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    /* border-right: 1px solid #999;
border-bottom: 1px solid #999; */
}

.about-us-page .card .face.front-face,
.about-us-page .card .face.back-face {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.about-us-page .card .face.front-face .profile-back{
	
}
.about-us-page .card .face.front-face .profile {
    width: 150px;
    height: 150px;
    border-radius: 50%;
	border: 3px solid #3394FD;
    object-fit: cover;
	background-image: url('assets/images/Team/blue-bob.png');
}

.about-us-page .card .face.front-face .name {
    letter-spacing: 2px;
}

.about-us-page .card .face.front-face .designation {
    font-size: 0.8rem;
    color: #858585;
    letter-spacing: 0.8px;
}

.about-us-page .card:hover .face.front-face {
    transform: rotateY(180deg);
}

.about-us-page .card .face.back-face {
    position: absolute;
    background: rgba(255, 255, 255, 0.06);
    transform: rotateY(180deg);
    padding: 20px 30px;
    text-align: center;
    user-select: none;
}

.about-us-page .card .face.back-face .fa-quote-left {
    position: absolute;
    top: 25px;
    left: 25px;
    font-size: 1.2rem;
}

.about-us-page .card .face.back-face .fa-quote-right {
    position: absolute;
    bottom: 35px;
    right: 25px;
    font-size: 1.2rem;
}

.about-us-page .card:hover .face.back-face {
    transform: rotateY(360deg);
}

@media(max-width: 991.5px) {
    .col-lg-4 {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}
.team-bg-img{
	background-image: url('assets/images/Aboutus-imges/git-strip-bg-cc23e7a4d87c1ff5ff2b61609cfd58f0.png');
}
.reserve{
	display: flex;
	justify-content: space-between;
}
.footer .address-text{
	font-family: Denmark;
	
}

.products-switch-btns{
	display: flex;
justify-content: space-between;

}
.navbar-toggler{
	color: #1E1E1E;
}
.bg-clr-graphic{
	background-image: url('assets/images/Aboutus-imges/abt-main.svg');
	background-repeat: no-repeat;
	background-size: cover;
}

 @media(min-width:1024px){
	.typewriter h1 {
		
		color: #fff;
		overflow: hidden; /* Ensures the content is not revealed until the animation */
		border-right: .15em solid orange; /* The typwriter cursor */
		white-space: nowrap; /* Keeps the content on a single line */
		margin: 0 auto; /* Gives that scrolling effect as the typing happens */
		letter-spacing: .15em; /* Adjust as needed */
		animation: 
		  typing 3.5s steps(30, end),
		  blink-caret .5s step-end infinite;
	  }
	  
	  /* The typing effect */
	  @keyframes typing {
		from { width: 0 }
		to { width: 100% }
	  }
	
	  
	  /* The typewriter cursor effect */
	  @keyframes blink-caret {
		from, to { border-color: transparent }
		50% { border-color: rgb(224, 109, 38) }
	  }
} 
@media(max-width: 1024px) {
	.typewriter h1{
		font-size: 36px;
	}
	
}
@media(max-width:1024px){
	.inst-cate{
		display: none;
	}
}
.service-page-foo-icon{
	font-size: 25px;
}


/* image carousel */
.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}




/* ALL products page */
.pro-text{
	color:#37afd0  ;
}
.products-range .pro-box{
color: black;
}
.pro-box:hover {
	border: 2px solid #37afd0;
	border-radius: 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: white;
	background-color:#37afd0 ;
	transition: 250ms ease-in-out;

}
.pro-box:hover p{
	color: white;
}
.ap-bg-img{
	background-image: url('assets/images/Allproducts-images/SL-022122-48700-07.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


#more {display: none;};