@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Smooch+Sans:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');


/******/
@import "https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css";
@import "icofont.min.css";
@import "animate.css";
@import "col.css";
@import "medi.css";
/*@import "slid-media.css";*/



html {
  overflow-x: hidden;
  scroll-behavior: smooth; 
	
}
body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;	
}
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	}

a{ text-decoration:none;

}
a:hover{
	text-decoration:none;
}
p, ul li{
	font-size:1rem;
	line-height: 1.6rem;
	font-weight:400;
	color:#888;
	text-align: justify;
	font-family: "Google Sans Flex", sans-serif;
	}

h1, h2, h3, h4, h5, h6{
  /*font-size: 36px;*/
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  color:#04062C;  
}

.home h5, .home h6{
  font-size: 26px;
  font-weight: 500;
}


.aria-container{
	width: 100%;
	margin:0;
	padding:0;
	box-sizing:border-box;
	overflow: hidden;
	
}
.goog-te-combo{
	color: #902525 !important;
	background: #F4E9E9 !important;
	width: 80% !important;
	
}


header{
	width:100%;
	padding: 0;
	background:rgba(255,255,255,1.00);
	box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
    box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
	
	}

.navbar{
    top:0;
	right:0;	
    left:0;	
    width: 100%;
    z-index: 999;
	
}

.navbar.fixed{	
	top:0;
    position: fixed;
    background:rgba(255,255,255,1.00);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
}
.navbar,  .navbar-brand{
    padding:10px;
     
}
.navbar-brand img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.navbar.fixed .navbar-brand img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;	
}

.navbar-brand img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.navbar.fixed .navbar-brand img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    /*max-width:150px;*/
	
}


	
.dropdown-large{ padding:25px !important; }
.boss-sld {
  height: 1050px;
  overflow: hidden;
  min-height: 1050px;
  max-height: 100vh;
  position: relative;
}

.boss-sld {
  height: 700px;
  overflow: hidden;
  min-height: 600px;
  max-height: 80vh;
  position: relative;
}
@media screen and (max-width: 991px) {
  .boss-sld{
    height: 700px;
    max-height: 100vh;
  }
}
.boss-sld_target {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.boss-sld_target video,  .boss-sld_target img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  min-height: 100%;
  min-width: 100%;
}

.btn-menu{
    outline: none !important; 
	border: 0; 
	background:#FFF;
}

.btn-menu:hover, .btn-menu::after, .btn-menu:active{
	outline: none !important; 
	border:none;
}

.menu .modal-dialog {
    width: 100% !important;
    max-width: none;
    height: 100%;
    margin: 0;
	overflow: hidden;
	background:rgba(4,6,44,1.00); 
  }

 .menu .modal-dialog .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
	 background:rgba(4,6,44,1.00); 
  }

 .menu .modal-dialog .modal-content .modal-body {
    overflow-y: auto;
	background-image: url("../images/highquality.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top 50px;
	  
  }
.menuon, .closebtn{	
	background:#00ECFF;
	color:rgba(4,6,44,1.00) !important;
	padding:25px  30px;
	font-size: 20px;
	border: 0 !important;
	outline: none !important;
}

.vertical-menu a {  
  color:#FFF;
  padding:0px;
  text-decoration: none;
  display: block;
  text-align: left;
  transition:color 0.3s;  
  font-waight:bold;	
  font-size: 36px;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  letter-spacing:1px;
}
.vertical-menu a:hover {  
  color:#00ECFF;
}


.dropdown-container {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.dropdown-container a {
  padding-left: 30px;
  font-size: 22px;
  color:#FFF;
  letter-spacing:1px;
}

.mt-120{
	margin-top:150px;
}

.search{
	border-color:#00ECFF !important;
	background:rgba(4,6,44,1.00) !important;
	color: #00ECFF !important;
}
.btn-search{
	background:#00ECFF !important;
	color:rgba(4,6,44,1.00) !important; 
}
::placeholder {
  color: #00ECFF !important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #00ECFF !important;
}


.social-vertical ul{
	list-style: none;
	float: left;
}

.social-vertical ul li{
	float: left;
	width: 100%;
	padding: 10px;
}

.social-vertical ul li a{
	float: left;
	padding: 10px;
	border:1px solid #00ECFF;
}

.social-vertical ul li a i{
	color:#00ECFF;
	font-size: 26px;
}





.social-horiz ul, .social-horiz-2 ul{
	list-style: none;
	display: block;
}

.social-horiz ul li, .social-horiz-2 ul li{
	float: left;	
	padding: 10px;
}

.social-horiz ul li a{
	float: left;
	padding: 10px;
	border:1px solid #00ECFF;
}

.social-horiz ul li a i{
	color:#00ECFF;
	font-size: 26px;
}

.social-horiz-2 ul li a{
	float: left;
	padding: 10px;
	border:1px solid #00ECFF;
}

.social-horiz-2 ul li a i{
	color:#00ECFF;
	font-size: 26px;
}


.contactus ul{
	list-style: none;
	float: left;
	
}

.contactus ul li{
	float: left;
	width: 100%;
	padding: 10px;
}

.contactus ul li a{
	float: left;
	padding: 10px;
	color: #FFF;
	/*border:1px solid #00ECFF;*/
}

.contactus ul li a i{
	color:#FFF;
	font-size: 26px;
}

.prd-img img{
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;	
}




.About-Us{
	background-color: rgba(4,6,44,1.00);
    border-color: rgba(0, 40, 255, 1);
    background-image: linear-gradient(rgba(4,6,44, 0.0), rgba(4,6,44, 0.0)), url("../images/About-Us.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 75vh;
	
}
.Who-We-Are-banner{
    background-color: rgba(0, 40, 255, 1);
    border-color: rgba(0, 40, 255, 1);
    background-image: linear-gradient(rgba(4,6,44, 0.3), rgba(4,6,44, 0.3)), url("../images/Who-We-Are-banner.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 75vh;
}

.What-We-Do{
    background-color: rgba(0, 40, 255, 1);
    border-color: rgba(0, 40, 255, 1);
    background-image: linear-gradient(rgba(4,6,44, 0.4), rgba(4,6,44, 0.4)), url("../images/What-We-Do.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 75vh;
}

.Schools-Hospitals-Laboratories-Furniture-Trading{
    background-color: rgba(0, 40, 255, 1);
    border-color: rgba(0, 40, 255, 1);
    background-image: linear-gradient(rgba(4,6,44, 0.2), rgba(4,6,44, 0.2)), url("../images/Schools-Hospitals-Laboratories-Furniture-Trading.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 75vh;
}

.Used-Auto-Spare-Parts-Trading{
    background-color: rgba(0, 40, 255, 1);
    border-color: rgba(0, 40, 255, 1);
    background-image: linear-gradient(rgba(4,6,44, 0.2), rgba(4,6,44, 0.2)), url("../images/Used-Auto-Spare-Parts-Trading.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 75vh;
}

.Occupational-Hygiene-Safety-Requisites-Trading{
    background-color: rgba(0, 40, 255, 1);
    border-color: rgba(0, 40, 255, 1);
    background-image: linear-gradient(rgba(4,6,44, 0.2), rgba(4,6,44, 0.2)), url("../images/Occupational-Hygiene-Safety-Requisites-Trading.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 75vh;
}



.Contact-Us{
	background-color: rgba(0, 40, 255, 1);
    border-color: rgba(0, 40, 255, 1);
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/Contact-Us.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 75vh;
}

.contactusp i{
	width: 80px; 
	height: 80px;
	padding: 15px;
	border-radius: 50%;
	font-size: 46px;
	background:rgba(4,6,44,1.00);
	color:#00ECFF;
}

.contactusp h5{
	color:rgba(4,6,44,1.00);
	/*font-size:36px;*/
	text-align: center;
	padding-top: 15px;
}

.contactusp p{
	text-align: center;
}
.contactusp p strong{
	color:rgba(4,6,44,1.00);
}
.contactusp p a strong{
	color:#00ECFF;
}
.contactusp p a{
	color:rgba(4,6,44,1.00) !important;
	text-align: center;
}

.contact-usp h1{
	color:rgba(4,6,44,1.00);
}

.contact-usp h1 span{
	color:#00ECFF;
}




























.slider-heading h1{
	color: #FFF;
	text-align: center;
	font-weight: 600;
}

.slider-heading p{
	color: #FFF;
	text-align: center;
	font-size: 1.5rem;
}


.bg-theam .container p{
	color: #FFF;
	font-size: 2rem;
}

.about-us h2, .about-us h3{
	color:#000068;
	font-size: 2rem;
	font-weight: 600;
}

/*.about-us h2:after{
	content: "";
	  display: inline-block;
	  height: 0.5em;
	  vertical-align: bottom;
	  width: 100%;
	  margin-right: -100%;
	  margin-left: 10px;
	  
    border-bottom:1px solid #d2a876;
    content:'Performance-Driven. Culturally Tuned. Creatively Bold.';
	
}
*/
.services h5{
	color:#000068;
	font-size: 1.5rem;
	font-weight: 600;
}

.services p{
	color:#000068;
}

.foot-message{
    background-color:rgba(4,6,44,1.00);
    border-color: rgba(4,6,44, 1);
    background-image: linear-gradient(rgba(4,6,44, 0.2), rgba(4,6,44, 0.2)), url("../images/foot-message.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 55vh;
}

.foot-message h4{
	color: #FFF;
	text-align: center;
	font-weight: 600;
	font-size: 2rem;
}

.our-faq h6{
	color:#ae834f;
	font-size: 1.2rem;
	font-weight: 600;
}
.our-faq h5{
	color:#000068;
	font-size: 2rem;
	font-weight: 600;
}

.bg-theme h6{
	color: #FFF;
	text-align: center;
	font-weight: 600;
	font-size: 2rem;
}

.foot-get-in-touch{
	background-color:rgba(1,0,104,1.00);
    background-image: linear-gradient(rgba(1,0,104,0.6), rgba(1,0,104,0.3)), url("../images/foot-get-in-touch.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 25vh;
}

.foot-get-in-touch h6{
	color: #FFF;
	text-align: center;
	font-weight: 600;
	font-size: 2rem;
}
.about-director h1{
	color:#000068;
	font-size: 2rem;
	font-weight: 600;
}

.about-director h5{
	color:#000068;
}

.about-director p a{
	color:#000 !important;
}

.about-director p a i{
	color:#000068 !important;
}





.sitemap h5{
	font-size: 20px;
	color: #BEBBBF;
}
.sitemap ul{
	list-style:none;
	
}
.sitemap ul li h5{
	font-size: 20px;
	color: #FFF; 
}
.sitemap ul li a{
	font-size: 12px;
	color:#FFF;
	text-transform: uppercase;	
}

.sitemap ul li a:hover{
	color: #FFF;
}




.contactushome ul{
	list-style:none;
	
}
.contactushome ul li h5{
	font-size: 20px;
	color: #FFF; 
}
.contactushome ul li a{
	font-size: 12px;
	color:#FFF;
	text-transform: uppercase;	
}

.contactushome ul li a:hover{
	color: #FFF;
}



.contactus p strong{
	font-size: 18px;
	color:#BEBBBF;
}

.contactus p a{
	color:#BEBBBF;	
}
.foot-copy, .developedby a{
    color:#BEBBBF !important;
	font-size: 12px;
}


.foot-copy{
    color:#BEBBBF !important;
	font-size: 12px;
}

.contactus p strong{
	font-size: 18px;
	color:#BEBBBF;
}

.contactus p a{
	color:#BEBBBF;	
}

.card{
	border:0 !important;
	background: #FFF !important;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.card .card-header{	
	background: #FFF !important;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.card .card-header .btn.btn-link{
	background: #FFF !important;
	color: #000 !important;
	font-size: 26px;
	text-decoration: none;
}

.card .card-header .btn.btn-link:hover, .card .card-header .btn.btn-link:focus{
	text-decoration: none;
	box-shadow: none !important;
}

.query{
	background-image: url("../images/query-form-bg.webp");
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.query-box{
	background:rgba(4,6,44,1.00) !important;
	border:1px solid #00ECFF;
}

.query-box .form-control{
	background-color:rgba(4,6,44,1.00) !important;
	color: #00ECFF !important;
	border:1px solid #00ECFF !important;
	
}

.query-box label{
	color:#00ECFF !important;
}

.query-box h2{ 
	color:#00ECFF !important;
}

.query-box p{ 
	color:#FFF !important;
}



.carousel-indicators li{
 width:10px !important;
 height: 10px !important;
 border-radius: 50% !important;
 
}
a.scrollup{
    color:#fff;
	background: rgba(0,0,0,1.00);
	height:50px;
	width:50px;
	font-size:36px;	
	text-align:center;
	text-decoration:none;
	position:fixed;
	bottom:30px;
	right:40px;	
	opacity:0,5;
	border-radius:50%;
	z-index:999;
}
a.scrollup:hover{
	opacity:1;
	background-color:#902525;
	color:#FFF;
}

.bg-about-us{
	background: url("../images/about-us-ban.webp") no-repeat;
	background-size: cover;
	min-height: 800px;
}



.breadcrumbs{
	/*position: absolute;
	bottom: 15%;
	left: 5%;*/
}
.breadcrumbs h2{
	font-size: clamp( 2.5rem, 6vw, 6vh);
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}

.breadcrumbs ul{
	display: block;
	list-style: none;
}

.breadcrumbs ul li{	
	float: left;
	padding: 10px;	
	font-size:22px;
	
}

.breadcrumbs ul li a{
	color:#FFF;
	text-decoration: none;
	font-size:22px;
	text-shadow: 1px 1px 1px #000;
	text-transform: uppercase;
}

.query-contact{
	background-image: url("../images/query-form-bg.webp");
	background-repeat: no-repeat;
	background-size: cover;
}
/*.contactus h5{
	font-size: 30px;
	
}*/

.switch-version-1 {
    position: fixed;
    top:140px;
    right:50px;
    z-index: 1000;
}

.switch-version-1 p {
	width:49px;
	height:47px;
	position: absolute;

}

.switch-version-2 {
    position: fixed;
    top:200px;
    right:50px;
    z-index: 1001;
}

.switch-version-2 p {
	width:49px;
	height:47px;
	position: absolute;
	
    }
.team-at-aglance h6{
	font-size: 25px;
	color: #BEBBBF;
	
}
.ouick-link{
	background:#241F21;	
}

.ouick-link ul{
	list-style:none;
	
}
.ouick-link ul li h5{
	font-size: 20px;
	color: #BEBBBF; 
}
.ouick-link ul li a{
	font-size: 12px;
	color:#BEBBBF;
	text-transform: uppercase;	
}

.ouick-link ul li a:hover{
	color: #606060;
}