@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&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: "Poppins", 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{
	font-size:14px;	
	font-weight:300;
	color:#222121;
	text-align: left;
	}

h1, h2, h3, h4, h5, h6{
	
  
}

/*.container{
	max-width: 1400px !important;
}*/
.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(1,0,104,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);*/
	
	}

.top-nav ul{
    display: block;
	list-style: none;
	padding: 0;
	margin: 0;	
}

.top-nav ul li {
     float: right;
     padding:10px;	
	}
.top-nav ul li a{    
    font-family: 'Roboto', sans-serif;
    font-size: 16px;    
}
.top-nav ul li a, .top-nav ul li a i{
	color:#000 !important;
	/*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
}

.btn-order{
	background: #FEC5A9;
	color:#000 !important;
	padding-left: 15px;
	padding-right: 15px;
	text-shadow: none !important;
	border-radius: 5px;
	}

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

.navbar.fixed{	
	top:0;
    position: fixed;
    background:rgba(1,0,104,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{
    
     
}
.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: 700px;
  overflow: hidden;
  min-height: 800px;
  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%;
}

.categories h3{
	color:rgba(19,11,9,1.00);
}

.categories h3 span{
	/*border-bottom: 3px solid rgba(89,176,57,1.00);*/
	color:rgba(89,176,57,1.00);
}

.green-border{
	border-top: 2px solid rgba(89,176,57,1.00);
}

.border-grn{
	border: 1px solid rgba(89,176,57,0.1);	
	box-shadow: rgba(89,176,57, 0.05) 0px 1px 0px, rgba(89,176,57, 0.1) 0px 4px 15px;
	border-radius: 10px;
}

.border-grn:hover, .border-grn:focus, .border-grn:active{
	box-shadow: rgba(89,176,57, 0.2) 0px 8px 24px;
}

.left-right{
	
}

.left-right h6{
	font-size: clamp(2rem, 2.5vw, 3.5rem);
	color: rgba(19,11,9,1.00);
	font-weight: 600;
}

.left-right h6 span{
	color:rgba(219,172,50,1.00);
}

.awards h4{
	font-size: clamp(1rem, 1.5vw, 2.5rem) !important;
}

.left-right p{
	font-size: clamp(0.9rem, 1.5vw, 1.5rem);
}


.flip-card {
  height: 510px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;  
  transition: transform 0.6s;
  transform-style: preserve-3d;
  
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color:#FFF;
  border: 1px solid rgba(89,176,57,0.1);	
  box-shadow: rgba(89,176,57, 0.05) 0px 1px 0px, rgba(89,176,57, 0.1) 0px 4px 15px;
  border-radius: 10px;
}

.flip-card-front h6{
	font-size: clamp(1rem, 2vw, 1.5rem);
	color: rgba(19,11,9,1.00);
	font-weight: 600;
}

.flip-card-front h6 span{
	color:rgba(219,172,50,1.00);
}

.flip-card-back{
  background-color:#FFF;
  border: 1px solid rgba(89,176,57,0.1);	
  box-shadow: rgba(89,176,57, 0.05) 0px 1px 0px, rgba(89,176,57, 0.1) 0px 4px 15px;
  border-radius: 10px;
  transform: rotateY(180deg);
}

.flip-card-back h6{
	font-size: clamp(1rem, 2vw, 1.5rem);
	color: rgba(19,11,9,1.00);
	font-weight: 600;
}

.flip-card-back h6 span{
	color:rgba(219,172,50,1.00);
}

.flip-card-back p{
	font-size: 14px;
}

.step-icon i{
	font-size: clamp(2.5rem, 3.0vw, 3.5rem);
	color: rgba(89,176,57,1);
	font-weight:700;
	border-radius: 50%;
	border:2px solid rgba(89,176,57,1);
	padding: 20px;
	
}



.about-us h2, .about-us h5, .about-us h4, .about-us ul li{
	color:#000;
}

.about-us h2 span{
	color: #DBAC32;
}

h5 span{
	color: #DBAC32;
}

.about-us p{
	font-size: 14px;
	color:#000 !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;
}

.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;	
}

/* theme cart*/

.swiper {
  width: 100%;
}

.product-card {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.product-card img {
  width: 100%;
  border-radius: 8px;
}


.swiper-button-next, .swiper-button-prev { 
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;		
    background:rgba(19,11,9,1.00) !important;
    color:rgba(219,172,50,1.00) !important;
	padding:5px !important;
	top: 30% !important;
	
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: clamp(1rem, 2vw, 1.5rem) !important;
  font-weight: 900;
}

.product-card {
  height: 42rem;
}

.card-body.mycard h6{
	font-size: 27px;
	color: rgba(19,11,9,1.00);
	font-weight: 700;
}

.card-body.mycard h6 span{
	color:rgba(219,172,50,1.00);
}

.card-body.mycard p{
	font-size: 14px;
}

.card-body.mycard p strong{
	font-weight: 700;
}

/*  theme card */

/*overly*/
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 1.5s ease;
  background-color: rgba(227,227,227,1.00);
  
}

.energy{
	position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  height: 100%;
	  width: 100%;
	  opacity: 0;
    transition: .5s ease;
	background-image: url("../images/Energy.webp");
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	
}
.energys{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/Energy.webp");}
.materials{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/materials.webp");}
.industrials{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url("../images/industrials.webp");}
.consumer-discretionary{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/consumer-discretionary.webp");}
.Consumer-Staples{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/Consumer-Staples.webp");}
.Health-Care{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/Health-Care.webp");}
.financials{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/financials.webp");}
.Information-Technology{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/Information-Technology.webp");}
.Communication-Services{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/Communication-Services.webp");}
.Utilities{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/Utilities.webp");}
.Real-Estate{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/Real-Estate.webp");}
.energys, .materials, .industrials, .consumer-discretionary, .Consumer-Staples, .Health-Care, .financials, .Information-Technology, .Communication-Services, .Utilities, .Real-Estate{	
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	
}

.box:hover .overlay,  .box:hover .energy{
  opacity: 1;
}

.text p{
  color:#000!important;
  font-size: 20px;
  
}


.box h6{
	font-size: clamp(2rem, 2.0vw, 2.5rem);
	color: rgba(256,256,256,1.00);
	font-weight: 600;
	text-shadow: 1px 1px 2px #000;
}

.box h6 span{
	color:rgba(219,172,50,1.00);
}

.box p{
	font-size: clamp(0.9rem, 1.5vw, 1rem);
}

.swiper-pagination-bullet-active {    
    background:rgba(89,176,57,1) !important
}
.contbtn{
	border-radius: 25px; 
	padding:10px 45px; 
	font-size: clamp(1rem, 1vw, 1.5rem);
	font-weight: 600;
}

.value h6{
	font-size: clamp(1.5rem, 1.5vw, 1.0rem);
	color:#000;
	font-weight:600;
	
}


.Collaboration {
  width: 200px;
  height: 150px;
  background-image: url("../images/Collaboration.svg");
  background-size: contain;
  background-repeat: no-repeat;
  
  
}

.Integrity {
  width: 200px;
  height: 150px;
  background-image: url("../images/Integrity.svg");
  background-size: contain;
  background-repeat: no-repeat;
  
  
}

.Transparency {
  width: 200px;
  height: 150px;
  background-image: url("../images/Transparency.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.Excellence {
  width: 200px;
  height: 150px;
  background-image: url("../images/Excellence.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.navbar-nav .nav-link:hover {
	color: rgba(219,172,50,1.00) !important;
}
.navbar-nav .nav-link.active {
    color: rgba(219,172,50,1.00) !important;
}

/* overly*/


.card-header{
	background:rgba(256,256,256,1.00);
	border-bottom:3px solid #000 !important;
}
.card-header .btn-link {
	background:rgba(256,256,256,1.00);
	color: #000;
}

.timeline {
  position: relative;
  margin: 0 auto;
}


.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background:rgba(219,172,50,1.00);
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}


.contain {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}


.contain::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background:rgba(89,176,57,1.00);
  /*border: 4px solid #FF9F55;*/
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}


.left {
  left: 0;
}


.right {
  left: 50%;
}


.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid rgba(215,215,215,1.00);
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent rgba(215,215,215,1.00);
}


.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid rgba(215,215,215,1.00);
  border-width: 10px 10px 10px 0;
  border-color: transparent rgba(215,215,215,1.00) transparent transparent;
}


.right::after {
  left: -16px;
}


.content {
  padding: 20px 30px;
  background-color: rgba(215,215,215,1.00);
  position: relative;
  border-radius: 6px;
}

.awards{
  background-color:#FFF;
  border: 1px solid rgba(219,172,50,1.00);	
  box-shadow: rgba(89,176,57, 0.05) 0px 1px 0px, rgba(89,176,57, 0.1) 0px 4px 15px;
  border-radius: 10px;
}

.icofont-man-in-glasses, .icofont-ui-user-group, .icofont-paper, .icofont-file-document, .icofont-picture, .icofont-globe, .icofont-copy-invert, .icofont-document-folder, .icofont-ui-folder, .icofont-mega-phone, .icofont-award {
	font-size: clamp(2.5rem, 3.5vw, 5.5rem);
	color:#000;
	/*font-weight:600;*/
}

.corevalues-font-set h4{
	font-size: clamp(8.5rem, 15vw, 20rem);
	color:transparent;
	font-weight:600;
	-webkit-text-stroke: 2px white;
    /*-webkit-text-fill-color: white;*/
    /*-webkit-animation: fill 0.5s infinite alternate;*/
	transition: all 0.3s ease-out 0s;
}


.corevalues-font-set h6{
	font-size: clamp(0.9rem, 1vw, 1.5rem);
	color:#FFF;
	font-weight:600;
	text-transform: uppercase;
    pointer-events: none;
	position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    opacity:0;
	width: 100%;
    transform: translateY(-20px);
    transition: all 0.4s ease;
	text-align: center;
}
.corevalues-font-set h4:hover, .corevalues-font-set h4:focus, .corevalues-font-set h4:active{
	color: rgba(219,172,50,1.00);	
}
.corevalues-font-set h4:hover + h6, .corevalues-font-set h4:focus + h6, .corevalues-font-set h4:active + h6{
	opacity: 1;
    transform: translateY(20px);
	-webkit-transition: all 0.5s ease-out 0s !important;
    -moz-transition: all 0.5s ease-out 0s !important;
    -ms-transition: all 0.5s ease-out 0s !important;
    -o-transition: all 0.5s ease-out 0s !important;
    transition: all 0.5s ease-out 0s !important;
	bottom:10px;
	
}

.strive-letter .meaning {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 26px;
    opacity: 0;
    bottom: -20px;
    -webkit-transition: all 0.5s ease-out 0s !important;
    -moz-transition: all 0.5s ease-out 0s !important;
    -ms-transition: all 0.5s ease-out 0s !important;
    -o-transition: all 0.5s ease-out 0s !important;
    transition: all 0.5s ease-out 0s !important;
    pointer-events: none;
    text-transform: uppercase;
}

/*@-webkit-keyframes fill {
  from { -webkit-text-fill-color: steelblue; }
  to { -webkit-text-fill-color: slategrey; }
}*/


.cont-information h5{
	color: #000;
	font-size: 25px;	
    font-weight: 700;
}  
.cont-information p a{
	color: #000;
	font-size: 16px;
    font-weight: 400;
	
} 
.cont-information i{
	width: 70px;
	height: 70px;
	background:#000;	
	color:#FFF;
	padding: 15px;
	border-radius: 50%;
	font-size: 42px;
	text-align: center;
}

/*.form-control{
	background:#000 !important;
	color: #d9aa4f !important;
	border-color:#d9aa4f !important; 
}
.btn-black{
	background:#000 !important;
	color: #d9aa4f !important;
}

.btn-glod{
	background: #d9aa4f !important;
	color:#000 !important;
}

.gold-card{
	background:#d9aa4f;	
	border-radius: 15px;
}
.gold-card h3, .gold-card h5{
	color: #000;
	font-family: "Play", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.gold-card p{
	color: #000;
	font-family: "Play", sans-serif;
    font-weight: 400;
	font-size: 20px;
}*/



@media screen and (max-width: 600px) {
  
  .timeline::after {
  left: 31px;
  }
  
  
  .contain {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
 
  .contain::before {
  left: 60px;
  border: medium solid rgba(219,172,50,1.00);
  border-width: 10px 10px 10px 0;
  border-color: transparent rgba(219,172,50,1.00) transparent transparent;
  }

  
  .left::after, .right::after {
  left: 15px;
  }
  
 
  .right {
  left: 0%;
  }
}