body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    background-image: radial-gradient(circle at 50% -20.71%, #00ffff 0, #21e0ff 25%, #3cb5f2 50%, #408cbb 75%, #3b6788 100%);

}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1300px;
  }
}

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1620px;
  }
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	 background-image: radial-gradient(circle at 50% -20.71%, #00ffff 0, #21e0ff 25%, #3cb5f2 50%, #408cbb 75%, #3b6788 100%);
    background-repeat: no-repeat;
    background-size: cover;
}



.col-lg-4 {
    flex: 1;
	 background-image: radial-gradient(circle at 50% -20.71%, #de9c2c 0, #e5922a 8.33%, #ea852b 16.67%, #ee772d 25%, #f16731 33.33%, #f35436 41.67%, #f23c3c 50%, #f01843 58.33%, #ed004c 66.67%, #e90057 75%, #e30064 83.33%, #db0071 91.67%, #d10080 100%);
    height: 350px;
    box-shadow: 0 0 20px #000;
    border-radius: 20px;
    padding: 15px;
    overflow: hidden;
    margin: 70px 10px 10px;
    color: #ffff;
    align-items: center;
 
   
}
.button-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.button-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	 background-image: radial-gradient(circle at 50% -20.71%, #de9c2c 0, #e5922a 8.33%, #ea852b 16.67%, #ee772d 25%, #f16731 33.33%, #f35436 41.67%, #f23c3c 50%, #f01843 58.33%, #ed004c 66.67%, #e90057 75%, #e30064 83.33%, #db0071 91.67%, #d10080 100%);
    color: #fff;
    opacity: 0;
    transition: opacity 0.5s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.button-container:hover .button-overlay {
    opacity: 1.5;
}
.qckconcontratos-index{
	 flex: 1;
	 background-image: radial-gradient(circle at 50% -20.71%, #de9c2c 0, #e5922a 8.33%, #ea852b 16.67%, #ee772d 25%, #f16731 33.33%, #f35436 41.67%, #f23c3c 50%, #f01843 58.33%, #ed004c 66.67%, #e90057 75%, #e30064 83.33%, #db0071 91.67%, #d10080 100%);
    height: auto;
    box-shadow: 0 0 20px #000;
    border-radius: 20px;
    padding: 15px;
    overflow: hidden;
    margin: 70px 10px 10px;
    color: #ffff;
    align-items: center;
 
}
.qckconcontratista-index{
	flex: 1;
	 background-image: radial-gradient(circle at 50% -20.71%, #de9c2c 0, #e5922a 8.33%, #ea852b 16.67%, #ee772d 25%, #f16731 33.33%, #f35436 41.67%, #f23c3c 50%, #f01843 58.33%, #ed004c 66.67%, #e90057 75%, #e30064 83.33%, #db0071 91.67%, #d10080 100%);
    height: auto;
    box-shadow: 0 0 20px #000;
    border-radius: 20px;
    padding: 15px;
    overflow: hidden;
    margin: 70px 10px 10px;
    color: #ffff;
    align-items: center;
}
.qckconactainicio-index{
	flex: 1;
	 background-image: radial-gradient(circle at 50% -20.71%, #de9c2c 0, #e5922a 8.33%, #ea852b 16.67%, #ee772d 25%, #f16731 33.33%, #f35436 41.67%, #f23c3c 50%, #f01843 58.33%, #ed004c 66.67%, #e90057 75%, #e30064 83.33%, #db0071 91.67%, #d10080 100%);
    height: auto;
    box-shadow: 0 0 20px #000;
    border-radius: 20px;
    padding: 100px;
    overflow: hidden;
    margin: 90px 2px 2px;
    color: #ffff;
    align-items: stretch;
}
.container1{
	 display: flex;
    justify-content: space-between;
    flex: 1;	 
	 background-image: radial-gradient(circle at 50% -20.71%, #de9c2c 0, #e5922a 8.33%, #ea852b 16.67%, #ee772d 25%, #f16731 33.33%, #f35436 41.67%, #f23c3c 50%, #f01843 58.33%, #ed004c 66.67%, #e90057 75%, #e30064 83.33%, #db0071 91.67%, #d10080 100%);
    box-shadow: 0 0 20px #000;
    border-radius: 20px;
    padding: 20px;
    overflow: hidden;
    margin: 20px 0px 20px;
    color: #ffff;
    align-items: center;
}