main, .card, table{background-color : #fff; color : #000;}

.test{
text-shadow: 1px 1px 4px black; 
} 

/* Apply styles to the hero image container */
.hero-image {
	width: 100%;
	height: 100vh; /* Set height to cover the entire viewport height */
	background-image: url('../img/hero-image.jpg');
	background-size: cover; /* Scale the image to cover the entire container */
	background-position: center; /* Center the image within the container */
	background-repeat: no-repeat; /* Prevent the image from repeating */
}

/* Additional styles for text overlay or other content */
.hero-content {
	position: absolute;
	top: 55%;
	left: 33%;
	transform: translate(-50%, -50%);
	color: white;
	
}

/** mega menu*/
.mega-box{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.mega-box:hover {background: rgba(255,255,255,0.2);} 
.mega-menu a{
	color: #fff;
	text-decoration: none;
}
.mega-menu img{
	width: 60%;
}
@media all and (min-width: 992px) {	 
	.mega-submenu {
		left: 100%;
		top: 0;
		min-width: 25rem;
	}
	.ktm-mega-menu {
		position: static;
	}
	.mega-menu {
		left: 0;
		right: 0;
		width: 100%;
	}
	.dropdown-menu li {
		position: relative;
	}
	.dropdown-menu .submenu {
		display: none;
		left: 100%;
		top: 0;
		transition: visibility 0s, opacity 0.5s linear;
	}
	.dropdown-menu>li:hover>.submenu,
	.dropdown:hover>.dropdown-menu {
		display: block;
		
	}
}
.ovrttl{position: absolute; color:#fff; bottom: 40px; right: 20px; font-size: 2rem; text-align: right;} 
.overtext{position: absolute; color:#fff; bottom: 8px; right: 20px; font-size: 1.2rem; text-align: right;} 
.ovrttl2{position: absolute; color:#fff; top: 20px; right: 20px; font-size: 2rem; text-align: right;} 
.overtext1{position: absolute; color:#fff; top: 60px; right: 20px; font-size: 1.2rem; text-align: right;} 
 
@media(min-width:1px){ 
	.about2{font-size : 1rem;  padding-left: 1.5rem !important; padding-right: 1.5rem !important;} 
}
@media(min-width:576px){
	.overtext {font-size: 1.5rem;} 
	.overtext1 {font-size: 1.5rem;} 
	.about2{font-size : 1rem;}	
}
@media(min-width:768px){
	.overtext {font-size: 2rem;}
	.overtext1 {font-size: 2rem;}
}
@media(min-width:992px){
	.overtext {font-size: 1.5rem;}
	.overtext1 {font-size: 1.5rem;}
}
@media(min-width:1200px){
	.overtext {font-size: 2rem;}  
	.overtext1 {font-size: 2rem;}  
	.about2{font-size : 1.5rem;}
}




.herottl{	width: 760px;}
.herom{width : 100%;}
.abt-hero{background-image: url('../img/abt-1.jpg');}
.apl-1{background-image: url('../img/Apl-1.jpg');}
.apl-2{background-image: url('../img/Apl-3.jpg');}
.apl-3{background-image: url('../img/Apl-5.jpg');}
.apl-4{background-image: url('../img/Apl-7.jpg');}
.apl-5{background-image: url('../img/Apl-9.jpg');}
.apl-6{background-image: url('../img/Apl-11.jpg');}
.prod-1{background-image: url('../img/pro-1.jpg');}
.prod-2{background-image: url('../img/pro-3.jpg');}
.prod-3{background-image: url('../img/pro-5.jpg');}
.prod-4{background-image: url('../img/pro-7.jpg');}
.prod-5{background-image: url('../img/pro-9.jpg');}
.prod-6{background-image: url('../img/pro-11.jpg');}
.fac{background-image: url('../img/fac-banner.jpg');}
.quali{background-image: url('../img/qualiti-banner.jpg');}

#db{background-color:#433089 !important; color: #fff;}
#lb{background-color:#7c6eb0 !important; color: #fff;}
#dg{background-color:#9c9d9d;}
#lg{background-color:#b1b2b3;}
#elg{background-color:#c5c6c6;}

/*sprite code*/
.angle{background: url('../img/sprite.png') no-repeat -143px -11px; width: 68px; height: 68px;}
.flat{background: url('../img/sprite.png') no-repeat -7px -11px; width: 68px; height: 68px;}
.channel{background: url('../img/sprite.png') no-repeat -75px -11px; width: 68px; height: 68px;}
.square{background: url('../img/sprite.png') no-repeat -144px -80px; width: 67px; height: 67px;}
.ibeam{background: url('../img/sprite.png') no-repeat -7px -80px;	width: 68px; height: 67px;}
.angle1{background: url('../img/sprite.png') no-repeat -211px -11px; width: 65px; height: 66px;}
.channel1{background: url('../img/sprite.png') no-repeat -280px -11px; width: 65px; height: 65px;}
.flat1{background: url('../img/sprite.png') no-repeat -282px -150px; width: 70px; height: 66px;}
.ibeam1{background: url('../img/sprite.png') no-repeat -284px -79px; width: 68px; height: 68px;}
.rjpoles{background: url('../img/sprite.png') no-repeat -212px -80px; width: 68px; height: 68px;}
.square1{background: url('../img/sprite.png') no-repeat -212px -149px; width: 66px; height: 66px;}
.round{background: url('../img/sprite.png') no-repeat -145px -149px; width: 65px; height: 66px;}
.pdf{background: url('../img/sprite.png') no-repeat -75px -149px; width: 53px;	height: 66px;}

/* homepage */

.Hp_1 {width: 415px; height: 415px; background: url('../img/css_sprites.png') -16px -16px;}
.Hp_2 {width: 612px; height: 612px; background: url('../img/css_sprites.png') -16px -660px;}
.Hp_3 {width: 612px; height: 612px; background: url('../img/css_sprites.png') -660px -16px;}
.Hp_4 {width: 612px; height: 612px; background: url('css_sprites.png') -1304px -16px;}
.Hp_5 {width: 612px; height: 612px; background: url('css_sprites.png') -660px -660px;}
.Hp_6 {width: 612px; height: 612px; background: url('css_sprites.png') -1304px -660px;}
.Hp_7 { width: 612px; height: 612px; background: url('css_sprites.png') -1948px -660px;}
.Hp_8 {width: 612px; height: 612px; background: url('css_sprites.png') -1948px -16px;}
.Hp_9 {width: 612px; height: 612px; background: url('css_sprites.png') -16px -1304px;}
.Hp_10 {width: 612px; height: 612px;background: url('css_sprites.png') -660px -1304px;}
.Hp_11 {width: 612px; height: 612px;background: url('css_sprites.png') -1304px -1304px;}
.Hp_12 {width: 612px; height: 612px; background: url('css_sprites.png') -1948px -1304px;}
.Hp_13 {width: 612px; height: 612px; background: url('css_sprites.png') -16px -1948px;}
.Hp_14 {width: 612px; height: 612px; background: url('css_sprites.png') -660px -1948px;}
.Hp_15 {width: 612px; height: 612px; background: url('css_sprites.png') -1304px -1948px;}
.Hp_16 {width: 612px; height: 612px; background: url('css_sprites.png') -1948px -1948px;}



.fac-bull{line-height: 270%;}

.galimage{height:300px;}

.bg-gray{background-color: #e1e1e1;}
.o-nav{color : #000;}
#livesearch{display: none;}
.search1{border: 1px solid #000;}
.searchico{width:16px; height:16px;}
.serchboxa{margin: 0px auto; display: inline-block; float: inline-end; 
    display: inline-block;
    position: absolute;
    z-index: 999;
    right: 7%;}
.togglerclr{background-color: revert;}


/*client logo ticker*/
.slick-slide {
	margin: 0px 20px;
}

.slick-slide img {
	width: 100%;
}

.slick-slider
{
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
			user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list
{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after
{
	display: table;
	content: '';
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img
{
	display: block;
}
.slick-slide.slick-loading img
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:30px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float2{
	position:fixed;
	width:60px;
	height:60px;
	bottom:115px;
	right:30px;
	background-color:#1b83cd;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.float3{
	position:fixed;
	width:60px;
	height:60px;
	bottom:200px;
	right:30px;
	background-color:#f34848;
    color: #FFF;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
.modal-content{ border: 0px solid red;}
.modal1{border : 0px solid #fff;}
.moda-head{background-color:#395fab; border-bottom: 3px solid #dee2e6;}
.modfoot{ border-top: 3px solid #ff6b00;}
.modfoot1{font-family: sans-serif;}
.modfoot2{width: 25px;}

/* gallary code */
:root {
  --lightbox: rgb(0 0 0 / 0.75);
  --carousel-text: #fff;
}

@keyframes zoomin {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.gallery-item {
  display: block;
}

.gallery-item img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s;
}

.gallery-item:hover img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);
}

.lightbox-modal .modal-content {
  background-color: var(--lightbox);
}

.lightbox-modal .btn-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  font-size: 1.25rem;
  z-index: 10;
  filter: invert(1) grayscale(100);
}

.lightbox-modal .modal-body {
  display: flex;
  align-items: center;
  padding: 0;
}

.lightbox-modal .lightbox-content {
  width: 100%;
}

.lightbox-modal .carousel-indicators {
  margin-bottom: 0;
}

.lightbox-modal .carousel-indicators [data-bs-target] {
  background-color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-inner {
  width: 75%;
}

.lightbox-modal .carousel-inner img {
  animation: zoomin 10s linear infinite;
}

.lightbox-modal .carousel-item .carousel-caption {
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 2rem;
  background-color: var(--lightbox);
  color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
  width: auto;
}

.lightbox-modal .carousel-control-prev {
  left: 1.25rem;
}

.lightbox-modal .carousel-control-next {
  right: 1.25rem;
}

@media (min-width: 1400px) {
  .lightbox-modal .carousel-inner {
    max-width: 60%;
  }
}

[data-bs-theme = "dark"] .lightbox-modal .carousel-control-next-icon,
[data-bs-theme = "dark"] .lightbox-modal .carousel-control-prev-icon {
    filter: none;
}

.btn-fullscreen-enlarge,
.btn-fullscreen-exit {
  position: absolute;
  top: 1.25rem;
  right: 3.5rem;
  z-index: 10;
  border: 0;
  background: transparent;
  opacity: .6;
  font-size: 1.25rem;
}

.bi {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.035em;
  fill: currentcolor;
}
/* Gallery code end */