/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- 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 .card-title {font-size: var(--h3-size);}
.card.card-service:hover {box-shadow: 0 2px 20px -3px var(--grey), 0 20px 30px -2px var(--color-3);}
.card.card-service a {text-decoration: none !important; font-size: var(--h5);}
.card-service .card-body  {position:relative; background: var(--white); z-index:1; padding: 1.25rem;}
.card-service .card-img-top  {height: 400px; /*auto*/ object-position: center; object-fit: cover;position:relative; z-index:1; aspect-ratio: 16/9;  border-radius: .5rem .5rem 0 0; border-bottom: 5px solid var(--color-3);}
h3.card-title {color: var(--color-1);}

.card.card-service p {font-size: var(--small) !important;}
.list-group-item {background: var(--color-1) !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(--color-11); background-color: var(--color-11); color: var(--white); font-size: var(--body-font-family, sans-serif); box-shadow: 2px 2px 15px var(--lightgrey); /*width:100%;*/ float:right;}
.btn-service:hover {background-color: var(--color-10); border-color: var(--colo-10);}
.servicecoltext {text-align: center;}
.servicecoltext p {font-size: var(--body-font-family, sans-serif)!important;}

/*.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(--color-3); text-decoration: none;}
.card-body.srv p {font-size: var(--body-font-family, sans-serif) !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(--color-3); text-decoration: none;}
.card-body.srv2 p {font-size: var(--body-font-family, sans-serif) !important;}
.srv2 {padding-top:20px;}

.col a {text-decoration: none;}
.col {--bs-gutter-y: 1.5rem;}

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

.card-service .card-img-top {
 
}

.card-service .card-body {
  padding: 1.25rem;
}

.card-service h3.card-title {
  margin-bottom: .5rem;
  font-size: 1.25rem;
}

.d-grid.gap-4 > .card {
  margin: 0;
}


@media only screen and (min-width: 576px) and (max-width: 768px) {
	
	.card.card-service {width:75%; margin: 0 auto !important;}
}