/******* global universal **********/
.text-c1 
{
  color: #2eca6a;
}

html 
{
    scroll-behavior: smooth;  
    overflow-y: scroll;
    
}




.section-third-mining-index .mining-cat img 
{

}

.section-third-mining-index .mining-cat .card
{
  background-color: #0055a4!important;
}


.section-second-mining-index .mining-box i 
{
  
  font-size: 50px;
  color: white;
  text-shadow: 2px 3px 2px #2eca6a88;
}

.section-second-mining-index .mining-box h3
{
  
  font-size: 30px;
}


.section-fourth-mining-index .mining-prod .btn
{
  border-radius: 20px;
  transition: all 0.9s;
  background-color: #f9f8fc;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.section-fourth-mining-index .mining-prod .card 
{
  border: 5px solid transparent;
  transition: all 0.5s;
  border-radius: 0px;

}

.section-fourth-mining-index .mining-prod .card::after
{
  position: absolute;
  content: "";
  height: calc(0%);
  width: 100%;
  
  /*border-left: 10px solid #baff00;*/
  bottom: 0;

  background-color: #bbff0027;
  right: 0;
  opacity: 0.5;
  transition: all 1s;
}

.section-fourth-mining-index .mining-prod .card:hover::after
{
  position: absolute;
  content: "";
  z-index: 10;
  height: calc(100% );
  width: 100%;
  border-radius: 35px;
  bottom: 0;
  background-color: #bbff00;
  right: 0;
  z-index: -1;
  opacity: 0.5;
}


.section-fourth-mining-index .mining-prod .card:hover
{
  border: 5px solid #f9f8fc;
  border-radius: 40px;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
  z-index: 20;
}


.section-fourth-mining-index .mining-prod .card:hover .btn,
.section-fourth-mining-index .mining-prod .card:active .btn,
.section-fourth-mining-index .mining-prod .card:focus .btn
{
  color: #111;
  z-index: 100;
  transition: all 1s;
  box-shadow: inset 0 .5rem 1rem rgba(0,0,0,.15);
}

.section-fourth-mining-index .mining-prod .card img
{
  transition: all 1s;
  width: 150px;
  
  height: 150px;
}
.section-fourth-mining-index .mining-prod .card:hover img
{
  z-index: 100;
  transform: scale(1.1, 1.1);
}


.mining-labor 
{
  overflow: hidden;
  position: absolute; 
  bottom: -50px; 
  width: 420px; 
  height: 420px;
  left: 10%;
  border-left: 1px solid green;
  border-bottom: 1px solid green;

  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  background-color: rgba(221, 22, 22, 0);
  border-radius: 29% 71% 36% 64% / 29% 37% 63% 71%;
  border: 10px solid #f9f8fc;
}

.mining-labor img 
{
  width: 100%; 
  height: 100%;
  bottom: -100px;
}







.section-fourth-mining-index .mining-cat .btn
{
  border-radius: 20px;
  transition: all 0.9s;
  background-color: #f9f8fc;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.section-fourth-mining-index .mining-cat .card 
{
  border: 5px solid transparent;
  transition: all 0.5s;
  background-color: #ffffff70;
  border-radius: 40px;
}


.section-fourth-mining-index .mining-cat .card:hover
{

}


.section-fourth-mining-index .mining-cat .card-title
{
  color: #0055a4;
  font-weight: bold;
  text-transform: uppercase;
}


.section-fourth-mining-index .mining-cat .card:hover .btn,
.section-fourth-mining-index .mining-cat .card:active .btn,
.section-fourth-mining-index .mining-cat .card:focus .btn
{
  color: #111;
  z-index: 100;
  transition: all 1s;
  box-shadow: inset 0 .5rem 1rem rgba(0,0,0,.15);
}

.section-fourth-mining-index .mining-cat .card img
{
  transition: all 1s;
  width: 250px;
  box-shadow: inset 1px 0px 10px 0px rgb(0, 0, 0)!important;
  border-radius: 36% 64% 29% 71% / 63% 71% 29% 37%;
  height: 300px;
  animation:bubble_mining_img 10s ease-in-out infinite;
}
.section-fourth-mining-index .mining-cat .card:hover img
{
  z-index: 100;
  transform: scale(1.1, 1.1);
}


@keyframes bubble_mining_img{
  0%{}
  25%{
    border-radius: 45% 55% 58% 42% / 30% 49% 51% 70%;
  }
  
  50%{

    border-radius: 36% 64% 29% 71% / 63% 71% 29% 37%;
  }
  75%{
    border-radius: 29% 71% 44% 56% / 32% 49% 51% 68%;
  }
}

.section-fourth-mining-index h1 
{
  font-size: 38px;
color: green;
text-align: center;
}





.mining-product .mining-prod .btn
{
  border-radius: 20px;
  transition: all 0.9s;
  background-color: #f9f8fc;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.mining-product .mining-prod .card 
{
  border: 5px solid #f9f8fc;
  transition: all 0.5s;
  border-radius: 0px;

}

.mining-product .mining-prod .card::after
{
  position: absolute;
  content: "";
  height: calc(0%);
  width: 100%;
  
  /*border-left: 10px solid #baff00;*/
  bottom: 0;

  background-color: #bbff0027;
  right: 0;
  opacity: 0.5;
  transition: all 1s;
}

.mining-product .mining-prod .card:hover::after
{
  position: absolute;
  content: "";
  z-index: 10;
  height: calc(100% );
  width: 100%;
  border-radius: 35px;
  bottom: 0;
  background-color: #f9f8fc;
  right: 0;
  z-index: -1;
  opacity: 1;
}


.mining-product .mining-prod .card:hover
{
  border: 5px solid #f9f8fc;
  border-radius: 40px;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
  z-index: 20;
}


.mining-product .mining-prod .card:hover .btn,
.mining-product .mining-prod .card:active .btn,
.mining-product .mining-prod .card:focus .btn
{
  color: #111;
  z-index: 100;
  transition: all 1s;
  box-shadow: inset 0 .5rem 1rem rgba(0,0,0,.15);
}

.mining-product .mining-prod .card img
{
  transition: all 1s;
  width: 150px;
  
  height: 150px;
}
.mining-product .mining-prod .card:hover img
{
  z-index: 100;
  transform: scale(1.1, 1.1);
}







/*======================================
//--//-->   NAVBAR Foundation
======================================*/
.navbar-brand-foundation img
{
  width: 150px;
  
}

.section-intro-index-foundation {
  min-height: 100vh;
  background-image: url('../images/bg-foundation.png');
  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-intro-index-foundation .square {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 220px;
  height: 220px;
  display: flex;
  z-index: 10;
  justify-content: center;
  align-items: center;
}

.section-intro-index-foundation .square span:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  border: 1px solid #4267b2;

  
  transition: 0.5s;
  animation: animate 57s linear infinite;
}



.section-intro-index-foundation .square span:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  border: 1px solid #4267b2;

  
  transition: 0.5s;
  animation: animate 55s linear infinite;
}



/*----------------------------------------*/
/*  Milestones Section CSS
/*----------------------------------------*/
.milestone {
	min-height: 110px;
	padding-left: 43px;
  padding-top: 15px;
  
	position: relative;
}

.milestone h2 {
	margin-bottom: 0;
	font-size: 58px;
	display: inline-block;
  float: left;
  transition: all 0.5s;
	position: relative;
	z-index: 1;
}

.milestone p {
	float: left;
  font-size: 20px;
  color: black!important;
  margin-top: 10px;
  transition: all 0.5s;
	margin-left: 10px;
	line-height: 1.5;
	position: relative;
	z-index: 1;
	font-weight: 500;
}

.milestone:after {
	position: absolute;
	content: "";
	width: 110px;
	height: 110px;
	left: 0;
  top: 0;
 
border: 5px solid #0055a4;
	background: #efefef;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.milestone:hover:after {
  background: #0055a4;
  border-color: white;
  box-shadow: none;
}
.milestone:hover h2{
 

	color: white;
}

.milestone:hover p{
 

	color: black;
}

.section-agro-third-index .agro-icon 
{
   font-size: 72px;
   color: #0055a4;
}
.section-agro-third-index .agro-text span 
{
   color: #0055a4;
   font-weight: 800;
   font-size: 45px;
   letter-spacing: 1.5px;

}

.section-agro-third-index .agro-text span::after
{
	position: absolute;
	content: "";
	width: 120%;
	height: 120%;
	left: -15px;
  top: 0;
  z-index: -10;
  border-radius: 52% 48% 70% 30% / 41% 47% 53% 59%;
border: 85px solid #ffffff;

border-right: 0px;
border-left: 0px;
border-bottom: 0px;
	background: #ffffff7c;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.section-agro-second-index header:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
  top: 0;
  z-index: -10;
border: 85px solid #0055a4;
border-left: 85px solid #f8f8f8;
border-right: 0px;
border-bottom: 0px;
	background: #efefef00;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.section-intro-index-foundation .square span:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  
  border: 1px solid #4267b2;
  
  transition: 0.5s;
  animation: animate2 60s linear infinite;
}
.section-intro-index-foundation .square span:nth-child(4) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  
  border: 1px solid #4267b2;
  border-radius: 52% 48% 70% 30% / 41% 47% 53% 59%;
  transition: 0.5s;
  animation: animate3 76s linear infinite;
}
.section-intro-index-foundation .square span:nth-child(5) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  
  border: 1px solid #4267b2;
  border-radius: 52% 48% 70% 30% / 41% 47% 53% 59%;
  transition: 0.5s;
  animation: animate3 73s linear infinite;
}
.section-intro-index-foundation .square span:nth-child(6) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  
  border: 1px solid #4267b2;
  border-radius: 52% 48% 70% 30% / 41% 47% 53% 59%;
  transition: 0.5s;
  animation: animate3 80s linear infinite;
}




.section-intro-index-foundation .content {
  position: absolute;
  padding: 40px 60px;
  color: rgb(0, 0, 0);
  text-align: center;
  transition: 0.5s;
  z-index: 1000;
}




@keyframes animate {
  0% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    transform: rotate(120deg);
  }
	25% {border-radius: 50% 50% 50% 70% / 50% 50% 70% 60%; 
    box-shadow: -15px -15px -50px rgba(0,0,0,0.25);
  transform: rotate(90deg);
  }
	50% {border-radius: 50% 40% 50% 80% / 50% 45% 70% 50%;
    box-shadow: -15px -15px -50px rgba(0,0,0,0.25);
  transform: rotate(90deg);
  }
	70% {border-radius: 50% 70% 50% 50% / 70% 60% 50% 50%;
		box-shadow: -30x -30x -20x rgba(0,0,0,0.25);}
  100%
   {border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    transform: rotate(120deg);
  }
}

@keyframes animate2 {
  0% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    transform: rotate(360deg);
  }
	25% {border-radius: 50% 50% 50% 70% / 50% 50% 70% 60%; 
    box-shadow: -15px -15px -50px rgba(0,0,0,0.25);
  transform: rotate(90deg);
  }
	50% {border-radius: 50% 40% 50% 80% / 50% 45% 70% 50%;
    box-shadow: -15px -15px -50px rgba(0,0,0,0.25);
  transform: rotate(90deg);
  }
	70% {border-radius: 50% 70% 50% 50% / 70% 60% 50% 50%;
		box-shadow: -30x -30x -20x rgba(0,0,0,0.25);}
  100%
   {border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    transform: rotate(360deg);
  }
}


@keyframes animate3 {
  0%{}
  25%{
    transform: rotate(360deg);
    border-radius: 45% 55% 58% 42% / 30% 49% 51% 70%;
  }
  
  50%{
    transform: rotate(90deg);
    border-radius: 36% 64% 29% 71% / 63% 71% 29% 37%;
  }
  75%{
    transform: rotate(120deg);
    border-radius: 29% 71% 44% 56% / 32% 49% 51% 68%;
  }
}
.section-intro-index-foundation img 
{
  box-shadow: inset 5px 0px 40px 0px rgb(0, 0, 0);
}

@media (max-width: 592px) {
  .section-intro-index-foundation
  {
    padding-top: 200px;
  }


}


.section-intro-index-foundation .el
{
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.section-intro-index-foundation .el h6
{
  font-size: 25px;
  color: #4267b2;
  font-weight: 800!important;
}

.section-intro-index-foundation .el .btn
{
  border: 1px solid #4267b2;
  color: #4267b2;
  border-radius: 20px;
}
.section-intro-index-foundation .el .btn:hover
{
  background-color:#4267b2;
  border-color: #f9f8fc;
  border-radius: 20px;
  color: white;
}
.section-second-foundation-index 
{
  background: #ffffff;

}

.section-second-foundation-index h6
{
  color: #4267b2;
  font-weight: 400;
  letter-spacing: 1.2px;
}

.section-second-foundation-index h3
{
  color: #4267b2;
  font-weight: 500;
  font-size: 35px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  letter-spacing: 1.5px;
}


.section-second-foundation-index .foundation-just .card
{
  color: #4267b2;
  font-weight: 800;
  letter-spacing: 1.2px;
  border: 5px solid #f9f8f9;
  border-radius: 30px;
  box-shadow: 0 .5rem 1rem #f9f8f9!important;
}
.section-second-foundation-index .foundation-just .card-title
{
  color: #018752;
}

.section-second-foundation-index .foundation-just .card-text
{
  color:#6c757d!important;
  font-weight: 200;
}


.section-second-foundation-index .foundation-just .card .header i
{
  font-size: 35px;

}

.section-third-foundation-index 
{
  min-height: 100vh;

}
.section-third-foundation-index .img-1
{
  position: absolute;
  bottom: 15%;
  left: 0%;
  z-index: 10;
  width: 300px;
  height: 250px;
}

.section-third-foundation-index .img-2
{
  

  width: 100%;
  height: 450px;
}