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%);

}

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

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