@charset "utf-8";

/* ----------------------------------
Name: global.css
Version: 1.0.0
Autor: Fragmenta Soluciones Digitales
Website: https://www.fragmenta.mx
----------------------------------- */

/* ===================================
    Reset
====================================== */
*,
*::before,
*::after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
html { font-size: 16px !important;}
body {
     font-family: 'Poppins', sans-serif !important;
     -webkit-font-smoothing: antialiased;
     font-smooth: antialiased;
     /* font-size: 16px; */
     font-weight: 400;
     line-height: auto;
     color:#212339;
     background-color: #fff;
}
body, html {height: 100%; -moz-osx-font-smoothing: grayscale;}


a:focus {text-decoration: none!important;}

a, a:active, a:focus { color: #212339; text-decoration: none;}
a:hover, a:active{color: #65AF64; text-decoration: none; cursor: pointer;}
/*a:focus, a:active, button:focus, button:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none; box-shadow: none; } */

footer a, footer a:active, footer a:focus { color: #ffffff; text-decoration: none; font-size: 12px!important; line-height: 20px;}
/*footer a:hover, footer a:active{color: #1158A0; text-decoration: none; cursor: pointer;}
footer a:focus, footer a:active, footer button:focus, footer button:active, footer .btn.active.focus, footer .btn.active:focus, footer .btn.focus, footer .btn:active.focus, footer .btn:active:focus,footer  .btn:focus {outline: none; box-shadow: none; }

/*img {max-width:100%; height:auto; }*/


/* ===================================
    Typography
====================================== */
/* heading */
h1, h2, h3, h4, h5, h6 {font-family: 'Outfit', sans-serif; letter-spacing: 0;color: #212339;}
/* h1, .h1 {font-size:3rem; line-height:3.5rem; font-weight: 600;} */

h1, .h1 {font-size:2.5rem; line-height:3.125rem; font-weight: 400;}
h2, .h2 {font-size:1.875rem; line-height:2.5rem; font-weight: 400;}
h3, .h3 {font-size:1.5625rem; line-height:2.1875rem; font-weight: 400;}
h4, .h4 {font-size:1.25rem; line-height:1.875rem; font-weight: 400;}
h5, .h5 {font-size:1.125rem; line-height:1.75rem; font-weight: 400;}
h6, .h6 {font-size:1rem; line-height:1.5rem; font-weight: 400;}

p {font-size: 0.875rem;font-weight: 400;  font-family: 'Poppins', sans-serif !important;line-height:1.2rem;}
.span{font-size: 0.75rem;font-weight: 400;  font-family: 'Poppins', sans-serif !important;line-height: 1rem!important;}


/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {}
/* md  */ @media (min-width: 768px) {

h1, .h1 {font-size:2.8125rem; line-height:3.4375rem; font-weight: 400;}
h2, .h2 {font-size:2.1875rem; line-height:2.8125rem; font-weight: 400;}
h3, .h3 {font-size:1.875rem; line-height:2.5rem; font-weight: 400;}
h4, .h4 {font-size:1.625rem; line-height:2.25rem; font-weight: 400;}
h5, .h5 {font-size:1.25rem; line-height:1.875rem; font-weight: 400;}
h6, .h6 {font-size:1.125rem; line-height:1.75rem; font-weight: 400;}

p {font-size: 1rem;font-weight: 400;  font-family: 'Poppins', sans-serif !important;line-height:1.5rem;}
.span{font-size: 0.875rem;font-weight: 400;  font-family: 'Poppins', sans-serif !important;line-height: 1.2rem!important;}
} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

h1, .h1 {font-size:3.125rem; line-height:3.75rem; font-weight: 400;}
h2, .h2 {font-size:2.5rem; line-height:3.125rem; font-weight: 400;}

} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {}
/* xxl */ @media (min-width: 1400px) {}



.font-main {font-family: 'Poppins', sans-serif!important;}
.font-alt {font-family: 'Outfit', sans-serif!important;}


/* text color */
.text-main {color: #212339;}
.text-alt {color: #65AF64;}
.text-strong{color:#1F4C51;}



/* ===================================
    Background color
====================================== */

.bg-main{background: linear-gradient(180deg, #65AF64 0%, #1F4C51 100%);}
.bg-main-invert{background: linear-gradient(360deg, #65AF64 0%, #1F4C51 100%);}
.bg-alt{background: #ECF9EF;}
.bg-hover{background: #1F4C51;}
.bg-cover{background: linear-gradient(270deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 49.55%);}




/* ===================================
    Covers
====================================== */




/* ===================================
    Button
====================================== */

.btn-main {
  font-size: 14px;
  min-width: 150px;
  color: #fff;
  background: #65AF64;
  border: 0px;
  font-family: "Outfit";
}

.btn-main:hover{
  color: #fff!important;
}

/*Btn back*/

.btn-back {
 display: flex;
 height: 3em;
 width: auto;
 align-items: center;
 justify-content: center;
 border-radius: 3px;
 transition: all 0.5s linear;
 cursor: pointer;
 border: none;
 background: transparent;
}

.btn-back > svg {
 margin-right: 5px;
 margin-left: 5px;
 font-size: 20px;
 font-weight: 500;
 transition: all 0.4s ease-in;
}

.btn-back:hover > svg {
 font-size: 1.2em;
 transform: translateX(-5px);
}

.btn-back:hover {
 transform: translateY(-2px);
}


/* ===================================
    Galerias
====================================== */

.content-pag{
  margin-top: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.content-btn-nav{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 20px;
}

.swiper-pagination-bullet{
   background:#ECF9EF;
   opacity:1;
   margin-right: 5px;
}


.test-nosotros .swiper-pagination-bullet{
   background:#fff;
   opacity:1;
   margin-right: 5px;
}

.swiper-pagination-bullet-active{
 background: #65AF64;
}

.test-nosotros .swiper-pagination-bullet-active{
 background: #65AF64;
}

#propiedades-renta .swiper-pagination-bullet{
   background:#fff;
   opacity:1;
   margin-right: 5px;
}

#propiedades-renta .swiper-pagination-bullet-active{
 background: #65AF64;
}


/*-----Galeria Testimonios-----*/

#testimonios .position-btn-nav-test{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
}

#testimonios .content-btn-nav-test{
  width: 100%;
display: flex;
justify-content: space-between;
margin-top: 0px;
position: absolute;
top:40%;
}



#testimonios .swiper{
  width: 85%;
  min-height: 320px;
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
}

#testimonios .swiper-slide{
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

#testimonios .swiper-slide .content-img-video{
  height: 220px;
  position: relative;
}

#testimonios .swiper-slide .content-img-video img{
  width: 100%;
  height: 100%;
  object-fit:cover;
}

#testimonios .swiper-slide .content-img-video .inf-video{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*-----Nav galery Testimonios------*/

.swiper-button-next-testimonio::after {
  height: 100%;
 content: "\F285";
 font-family: bootstrap-icons !important;
 display: flex;
 justify-content: center;
 align-items: center;
}

.swiper-button-prev-testimonio::after {
  height: 100%;
content: "\F284";
font-family: bootstrap-icons !important;
display: flex;
justify-content: center;
align-items: center;
}

.swiper-button-next-testimonio {
  width: 35px;
  height: 35px;
   position: relative;
   margin-left: 5px;
   display: inline-table !important;
   top:0px;
   font-size: 20px;
   color: #65AF64;
   border-radius: 50%;
     transition:all .7s ease;
}

.swiper-button-next-testimonio:hover{
  background: #65AF64;
  color: #fff!important;
}

.swiper-button-prev-testimonio {
  width: 35px;
  height: 35px;
   position: relative;
   margin-right: 5px;
   display: inline-table !important;
   top:0px;
   font-size: 20px;
   color: #65AF64;
   border-radius: 50%;
     transition:all .7s ease;
}

.swiper-button-prev-testimonio:hover {
  background: #65AF64;
  color: #fff!important;
}

.swiper-button-next-testimonio.swiper-button-disabled, .swiper-button-prev-testimonio.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none;
}

/* ===================================
       Estadisticas
====================================== */

.content-estadistica{
  position: relative;
  top:0px;
  z-index: 10;
  margin-top: 50px;
  margin-bottom: 50px;
}

/*-----Section estadisticas------*/
.grid-estadisticas{
  display: grid;
  grid-template-columns: repeat(4,1fr);
}

.card-estadistica{
  display: flex;
  align-items:center;
  padding-left: 15px;
  padding-right:15px;
  flex-direction: column;
}

.card-estadistica .icon{
  width: 65px;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-estadistica svg{
  width: 60px;
}

.card-shadow{
  box-shadow: 0px 4px 4px 0px #00000040;
}

.card-shadow-alt{
  box-shadow: 2px 2px 6px 3px #00000040;
}



/* ===================================
      Beneficios
====================================== */

/*-----Section Beneficios-----*/

.card-benefit{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 10px;
  flex-direction: column;
}

.card-benefit .icono{
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-benefit .icono svg{
  width: 100%;
}


/* ===================================
      Cuadriculas
====================================== */

/*Section administracion integral*/

.grid-admin{
  display: grid;
  grid-template-columns: 1fr;
  gap:20px;
  grid-template-areas:
  "text"
  "card1"
  "img1"
  "card2"
  "img2"
  "card3"
  "imgdbl"
  "card4";
}

.card-admin{
  width: 100%;
  min-height: 250px;
  background:
}

.description-section{
  grid-area: text;
}

.card-s1{grid-area: card1;}
.card-s2{grid-area: card2;}
.card-s3{grid-area: card3;}
.card-s4{grid-area: card4;}
.img-s1{grid-area:img1;height: 350px;}
.img-s2{grid-area:img2;height: 350px;}
.img-sdbl{grid-area:imgdbl; height: 350px;}

.card-admin{
  background: #ECF9EF;
  border-radius: 20px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.card-admin .num span{
  font-family: 'Outfit';
  font-weight: 700;
  color: #65AF644D;
  margin-bottom: 0px;
  font-size: 70px;
  line-height: 45px;
}

.card-admin img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

/* ===================================
       Call to action
====================================== */

.grid-cta{
  display: grid;
  grid-template-columns: 1fr;
  gap:30px;
}

.card-main{
  background: #ECF9EF;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  text-align: center;
  min-height: auto;
}

.card-main .icono svg{
  width: 50px;
  height: 50px;
}

.card-alt{
  background: #ECF9EF;
  border-radius: 20px;
  box-shadow: 0px 4px 4px 0px #00000040;
  padding: 20px;
  width: auto;
  height: auto;
}

.card-alt svg{
  width: 50px;
  height: 50px;
}

.grid-card-alt{
  display: grid;
  grid-template-columns: 50px auto;
  gap:10px;
}

.card-expertise{
  background: #ECF9EF;
  border-radius: 20px;
  box-shadow: 0px 4px 4px 0px #00000040;
  padding: 20px;
  width: auto;
}

.card-expertise h5{
  line-height: 1.5rem;
}

.card-expertise h1{
  font-size: 4rem;
}

/* ===================================
    Lines
====================================== */
.line-deco{
  width: 60%;
  height: 1px;
  background: #65AF64;
  margin-top: 10px;
  margin-bottom: 10px;
}

.line-deco-alt{
  background: #ECF9EF;
  width: 60%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}


/* ===================================
    hover
====================================== */

.hover-zoom:hover .image,
.parent:hover .hover-zoom .image {
	transform: scale(1.1);
	transition-duration: 7s;
}

.hover-zoom-rotate:hover .image,
.parent:hover .hover-zoom-rotate .image {
	transform: scale(1.1) rotate(3deg);
	transition-duration: 7s;
}


/* ===================================
    Cards
====================================== */

/*tags servicios*/

.service-footer .service-card{
  width: 100%!important;
}

.service-card {
    position: relative;
    width: 100%;
    padding: 15px;
    box-shadow: 1px 12px 33px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    transition: 0.5s all ease;
    cursor: pointer;
    color: #fff!important;
}

.service-small{
  width: 100%!important;
}

.service-card p{
  font-size: 12px;
  line-height: 16px!important;}

.service-card h3{
  color: #fff;
}

.service-card h6{
  color: #fff;
}

.service-card h5{
  color: #fff;
}

.service-card .icon svg{
  width: 50px;
  height: 50px;
}

.service-card .text{
  display: flex;
flex-direction: column;
margin-right: 30px;
}


.propietario{
  background: #1F4C51;
}

.propietario-alt{
  background: #ECF9EF;
  color: #212339!important;
}

.propietario-alt h5{
  color: #212339!important;
}

.service-card:hover{
  transition: 0.5s all ease;
  background: #ECF9EF;
  color: #212339!important;
}

.service-card:hover h3{
  color: #212339!important;
}

.service-card:hover h6{
  color: #212339!important;
}

.service-card:hover h5{
  color: #212339!important;
}

.service-card:hover #icono{
  fill: #212339!important;
}

.propietario-alt:hover{
  background: #1F4C51;
  color: #fff!important;
}

.propietario-alt:hover h5{
  color: #fff!important;
}

.inquilino{
  background: #65AF64;
}

.inquilino:hover .line-deco-alt{
  background: #65AF64;
}

.service-card .icon{
  width: 80px;
}



.service-card .icon-small svg{
  width: 40px;
  height: 40px;
}

.propietario-alt .icon-small #icono{
  fill:#000;
}

.ocultar{
  opacity: 0;
  transition: 0.5s all ease;
}

.service-card .btn-close-card{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ECF9EF;
  position: absolute;
  top:10px;
  right: 10px;
  transition: 0.5s all ease;
  cursor: pointer;
}

.service-card .btn-close-card-small{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: Transparent;
  border: 1px solid #fff;
  position: absolute;
  top:50%;
  right: 10px;
  transform: translate(-0%, -50%);
  transition: 0.5s all ease;
  cursor: pointer;
}

.propietario-alt .btn-close-card-small{
  border: 1px solid #000;
}

.service-card .btn-close-card i{
  color: #000;
  transition: 0.5s all ease;
}

.propietario:hover .btn-close-card{
  background: #1F4C51;
  transition: 0.5s all ease;
}

.propietario-alt:hover .btn-close-card-small{
  background: #ECF9EF!important;
  transition: 0.5s all ease;
}

.propietario-alt:hover #icono{
  fill: #fff!important;
}

.propietario:hover .btn-close-card-small{
  background: #1F4C51;
  transition: 0.5s all ease;
}

.inquilino:hover .btn-close-card{
  background: #65AF64;
  transition: 0.5s all ease;
}

.inquilino:hover .btn-close-card-small{
  background: #65AF64;
  transition: 0.5s all ease;
}

.service-card:hover .btn-close-card i{
  color: #fff;
  transition: 0.5s all ease;
}

.service-card:hover .btn-close-card-small i{
  color: #fff;
  transition: 0.5s all ease;
}

.propietario-alt:hover .btn-close-card-small i{
  color: #000;
  transition: 0.5s all ease;
}

/*---- Cards Testimonios -----*/

.card-testimonio{
  width: 95%;
  min-height: 270px;
  background: #ECF9EF;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 20px;
  overflow: hidden;
}

.grid-testimonio{
  display: grid;
  grid-template-columns:1fr;
}

.card-testimonio .description{
  padding: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}


.card-testimonio .description .tag-categ{
  width: auto;
  padding: 5px;
  background: #1F4C51;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  margin-top: 20px;
}

.card-testimonio .description .tag-categ span{
  color:#fff!important;
  font-size: 12px!important;
  line-height: normal!important;
  font-weight: 400!important;
  font-family: "Outfit"!important;
}

.card-testimonio .img{
  width: 100%;
  min-height: 270px;
  overflow: hidden;a
}

.card-testimonio .img img{
  width: 130px;
  position: relative;
  left: 30px;
  top:85%;
}


/*------Cards inmuebles carrusel------*/

.grid-prueba{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:30px;
}

.card-propiedad-carrusel{
  background: #fff;
  border-radius: 10px;
}


.card-propiedad-carrusel .img{
  width: 100%;
  height: 250px;
  position: relative;
}

.card-propiedad-carrusel .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


.card-propiedad-carrusel .inf{
  padding: 15px;
}

.card-propiedad-carrusel .inf .description{
  margin-top: 15px;
}

.card-propiedad-carrusel .inf .description p{
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: 'Outfit'!important;
}

 .card-propiedad-carrusel .content-elements{
  margin-top: 15px;
  display: grid;
  grid-template-columns:1fr;
  gap:10px;
}


.card-propiedad-carrusel .element{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:5px;
}

.card-propiedad-carrusel .element .icon{

  display: flex;
  justify-content: center;
  align-items:center;
  flex-direction: column;
  margin-bottom: 0px!important;
}

.card-propiedad-carrusel .element .icon img{
  width: 30px;
  height: 30px;
}

.card-propiedad-carrusel .element .icon span{
    font-size: 12px;
    line-height: normal;
    font-family: 'Outfit'!important;
    text-align: center;
}



.card-propiedad-carrusel .enlace{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 5px;
}

.card-propiedad-carrusel .enlace a{
  font-family: 'Outfit'!important;
  color: #65AF64;
}



.card-propiedad-carrusel .img .tag-categ{
  min-width: 130px;
  height: 30px;
  padding-right: 5px;
  padding-left: 5px;
  background: #1F4C51;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  margin-left: 0px;
  margin-top: 10px;
  position: absolute;
  left: 15px;
  bottom: 15px;
}

.card-propiedad-carrusel .img .tag-categ span{
  color:#fff!important;
  font-size: 12px!important;
  line-height: normal!important;
  text-transform: uppercase!important;
  font-weight: 600!important;
  font-family: "Outfit"!important;
}

/* ===================================
    Grid
====================================== */

.grid-main{
  display: grid;
  grid-template-columns: 1fr;
}

.grid-inputs{
  display: grid;
  grid-template-columns: 1fr;
  gap:10px;
}

/* ===================================
    Alertas
====================================== */

.noti-info{
  background: #e2ad4b;
  color:#fff;
  padding: 15px;
  width: 100%;
  transition: 0.7s ease all;
  border-radius: 5px;
}

/* ===================================
    Paginador
====================================== */

.pagination{
  align-items: center;
}

.page-link{
  background: transparent;
  border: 1px solid #65AF64;
  color: #000000;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 3px;
  cursor: pointer;
}

.page-link:hover{
  background: #65AF64;
  color: white;
}

.pagination .active{
width: 35px;
height: 35px;
background: #65AF64;
border-color:#65AF64!important;
color: white;
text-decoration: none;
}
.first .page-link{
  color:#000;
  border-radius: 0px ;
  border: 1px solid transparent !important;
  width: auto;
  height: auto;
  margin: 0px;
}

.pagination .disabled{
  opacity: .35;
cursor: auto;
pointer-events: none;
}



.pagination .disabled:focus{
  border: 0px;
}

.last .page-link{
  color:#000;
  border-radius: 0px;
  border: 1px solid transparent;
  width: auto;
  height: auto;
  margin: 0px;
}

.prev .page-link{
  background: #ECF9EF;
  color: #000000;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 3px;
  padding: 0px;
}

.next .page-link{
  background: #ECF9EF;
  color: #000000;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 3px;
  padding: 0px;
}

.prev .page-link:hover{
  background: #65AF64;
  color: #fff;
}


.next .page-link:hover{
  background: #65AF64;
  color: #fff;
}

.last .page-link:hover{
  color: #65AF64;
  background: transparent !important;

}

.first .page-link:hover{
  color: #65AF64;
  background: transparent !important;

}


/*Focus*/


.pagination a:focus{
outline: none; box-shadow: none;
}

.next a:focus{
outline: none; box-shadow: none;
background: transparent;
color: #D42C1C;
}
.prev a:focus{
outline: none; box-shadow: none;
background: transparent;
color: #D42C1C;
}

.last a:focus{
outline: none; box-shadow: none;
background: transparent;
}

.first a:focus{
outline: none; box-shadow: none;
background: transparent;
}



/* ===================================
    Modal
====================================== */

.modal-content{border-radius: 0px!important;position: relative;}
.modal-content .btn-close{position: absolute;top:10px;right: 10px;z-index: 100;}
.modal-body{padding: 2rem!important;}


.nav-tabs{border-bottom: 0px;}

/* ===================================
    Responsive
====================================== */

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {

.card-propiedad-carrusel .content-elements{grid-template-columns: auto 130px;gap:0px;}



} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {

.grid-inputs{grid-template-columns: 50% auto;}

.img-item-portafolio{height: 450px;}

.service-small{width: 400px!important;}
.service-card .icon-small svg{width: 50px;height: 50px;}

/*------Cuadrante-----*/
.card-admin{min-height: 320px;}
.grid-admin{
  grid-template-columns: repeat(2,1fr);
  grid-template-areas:
  "text text"
  "card1 img1"
  "card2 img2"
  "card3 imgdbl"
  "card4 imgdbl";
}
.card-admin .num span{font-size: 80px;line-height: 55px;}
.img-s1{grid-area:img1;height: auto;}
.img-s2{grid-area:img2;height: auto;}
.img-sdbl{grid-area:imgdbl; height: auto;}

/*-----*/


}
/* md  */ @media (min-width: 768px) {
.grid-main{grid-template-columns: 1fr 1fr;}

.grid-inputs{grid-template-columns: 1fr;}

.line-left{border-left: solid 2px #E3F406;}
.top-portafolio{flex-direction: row;}
.grid-item-portafolio{  grid-template-columns: 55% auto;}
.main-card .icon{margin-right: 15px;width:65px;}
.grid-cards-services{grid-template-columns: repeat(2,1fr);}
.main-card .icon .content-icon{width: 65px;height: 65px;}
.main-card .btn-close-card{width: 25px;height: 25px;}

.content-btn-nav{align-items: flex-end;}

.grid-cta{grid-template-columns: repeat(2,1fr);}
.card-main .icono svg{width: 60px;height: 60px;}

.content-cta{padding: 50px;}
.cover-cta{height: 120%;width: 65%;right: -20px;top: -20px;}

/*-----Service card-----*/
.service-card p{font-size: 12px;line-height: 16px!important;}
.service-card {width: 500px;}
.service-card .icon svg{width: 60px;height: 60px;}
/*-----Card Alt-----*/
.grid-card-alt{gap:20px;}
.card-alt svg{width: 60px;height: 60px;}
/*-----Cuadrante------*/
.grid-admin{
  grid-template-columns: repeat(3,1fr);
  grid-template-areas:
  "text text text"
  "card1 img1 card2"
  "img2 card3 imgdbl"
  ". card4 imgdbl";
}
.card-admin .num span{font-size: 90px;line-height: 65px;}
/*-----testimonio------*/
.card-testimonio .description{padding: 40px;}

} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

.content-estadistica{position: absolute;top:-100px;margin-top: 0px;margin-bottom: 0px;}

.grid-inputs{grid-template-columns: 50% auto;}

.grid-testimonio{grid-template-columns: 60% auto;}
/*Service card*/
.service-card .icon svg{width: 80px;height: 80px;}
/*Card Alt*/
.card-alt svg{width: 70px;height: 70px;}
.grid-card-alt{grid-template-columns: 70px auto;}

.grid-cta{grid-template-columns: repeat(3,1fr);}
.card-main{min-height: 380px;}
.card-main .icono svg{width: 80px;height: 80px;}

.main-card .icon{margin-right: 15px;width:80px;}
.main-card .icon .content-icon{width: 80px;height: 80px;}
.content-cta{padding: 40px;}
.grid-cards-services{grid-template-columns: repeat(2,1fr);}
.img-item-portafolio{height: 550px;}
.description-item-portafolio{padding: 40px;}
.cover-cta{opacity: 1;}

/*-----Cuadrante-----*/
.grid-admin{
  grid-template-columns: repeat(4,1fr);
  grid-template-areas:
  "text text card1 img1"
  "card2 img2 imgdbl card3"
  ". card4 imgdbl .";
}
.card-admin .num span{font-size: 100px;line-height: 75px;}

} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {

.grid-cards-services{grid-template-columns: repeat(3,1fr);}

}
/* xxl */ @media (min-width: 1400px) {}