/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- HOMEPAGE SERVICES ------------------------------------ */

.servicecontainer {background-color: var(--lightgrey);}
.servicecontainer {/*background: linear-gradient(var(--white) 75%, var(--add1) 25%);border-radius: 0% 0%  10% 10%; transform: rotate(-0.0015turn);*/}
.servicerow {max-width: var(--13) !important; text-align:left; /*transform: rotate(0.0015turn);*/}
.card.card-service{box-shadow: 0 2px 15px -3px var(--grey), 0 10px 20px -2px var(--grey); --bs-card-border-radius: 1rem; border: 0px;  overflow: hidden; position:relative; z-index:1;}
.card.card-service:hover {box-shadow: 0 2px 20px -3px var(--grey), 0 20px 30px -2px var(--add1);}
.card.card-service a {text-decoration: none !important;}
.card-service .card-body  {position:relative; background: var(--white); z-index:1;}
.card-service .card-img-top  {height: 400px; /*auto*/ object-position: center; object-fit: cover;position:relative; z-index:1; }
h3.card-title {color: var(--qui);}

.card.card-service p {font-size: var(--bodytext) !important;}
.list-group-item {background: var(--add1) !important; color:  var(--black) !important; border-bottom: 1px solid var(--grey); border-bottom-width: 1px; border-top: none !important; border-left: none !important; border-right: none !important; font-size: var(--h3);}
.list-group-item:last-child {border-bottom-width: 0px !important;}
.btn-service {padding:7px; border: 2px solid var(--black); background-color: var(--white); font-size: var(--bodytext); box-shadow: 2px 2px 15px var(--lightgrey); /*width:100%;*/ float:right;}
.btn-service:hover {background-color: var(--add1); border-color: var(--add1);}
.servicecoltext {text-align: center;}

/*.card-body.srv::before {content: ""; background: var(--white); width: 120%; height: 100%; left: 0px; top: -55.5px; position: absolute; z-index: -1; transform: rotate(-3deg); border-top: 5px solid var(--add1);}*/
.card-body.srv {border-top: 5px solid var(--qua); text-decoration: none;}
.card-body.srv p {font-size: var(--standard) !important;}
.srv {padding-top:20px;}

/*.card-body.srv2::before {content: ""; background: var(--white); width: 120%; height: 100%; left: -60px; top: -55.5px; position: absolute; z-index: -1; transform: rotate(3deg); border-top: 5px solid var(--add1);}*/
.card-body.srv2 {border-top: 5px solid var(--qua); text-decoration: none;}
.card-body.srv2 p {font-size: var(--standard) !important;}
.srv2 {padding-top:20px;}

.col a {text-decoration: none;}


	
	
	.wrapper{
  width: 100%;
  height: 100%;
}