/* ===================================
    global
====================================== */
/*------Section servicios-----*/

.border-color-main{
  border-color: #65AF64!important;
}

.grid-service{
  display: grid;
  grid-template-columns: 1fr;
  gap:20px;
}

.grid-service-alt{
  display: grid;
  grid-template-columns: 1fr;
  gap:20px;
  grid-template-areas:
    "text"
    "img";
}

.service p{
  font-size: 15px;
}


.img-service{
  display: flex;
  justify-content: center;
  align-items: center;

}

.img-alt{
  grid-area: img;
}

.text-alt-ser{
  grid-area: text;
}

.img-service img{
  width: 100%;
  height: 100%;
  object-fit: contain;

}


.img-sdbl{
  background-image: url('../../assets/img/servicios/service-dbl.jpg');
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}



/* ===================================
    Responsive
====================================== */
/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {

.img-sdbl{ background-position: center;}

}
/* md  */ @media (min-width: 768px) {
.img-service img{
  width: 80%;
  height: 80%;
  object-fit: contain;
}


} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

.grid-service{  grid-template-columns: 60% auto;}
.grid-service-alt{grid-template-columns: 50% auto;grid-template-areas:
  "img text";}
.img-service img{width: 100%;height: 100%;}




} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {}
/* xxl */ @media (min-width: 1400px) {}
