html,body{
  height: 100%;
}

body
{
    font-family: 'Manrope', sans-serif;
    font-weight:  400;
    font-style:   normal;
    color:        #000; 
    text-align:   left;
    background-color: #eff1f3;
}

/* header */

.navbar 
{
    background-color: rgba(254,254,254,1);
    /*box-shadow:       4px 4px 10px #dedede;*/
}

.text-navbar 
{
  font-size:      1.1rem;
  color:          #000;
  margin-bottom:  0;
  border-left:    1px dotted #383838;
  padding-left:   8px;
}

.text-navbar:hover 
{
  font-size:      1.1rem;
  color:          #013e70;
  margin-bottom:  0;
  border-left:    1px dotted #013e70;
  padding-left:   8px;
}

.stitulo_navbar 
{
  font-size :       .8rem;
  padding-bottom:   0%;
  padding-top:      0%;
  padding-left:     1%;
  font-weight:      bold;
  text-align:       center;
}

.titulo_seccion
{
  color: #013e70;
}


@media only screen and (max-width: 768px) 
{
    .navbar 
    {
        background-color: rgba(254,254,254,1);
    }

    .navbar img 
    {
        max-width: 130px;
    }

    .stitulo_navbar
    {
      font-size: .6rem;
    }
}

/* fin header */


/* main */

.separador 
{
  border-bottom: 1px #000 dotted;
}
#myCarousel 
{
    margin-top:   2.25rem;
}

.carousel-control-next-icon
{
  background-image: url("../img/next.png"); 
  width:2.5rem; 
  height:2.5rem; 
}

.carousel-control-prev-icon
{
  background-image: url("../img/prev.png"); 
  width:2.5rem; 
  height:2.5rem;
}

.carousel-indicators li
{
    width:14px; 
    height:14px;  
    border-radius: 50%;
}

.slides
{
    text-shadow: 1px 1px #071020;
}



.card-deck {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: .5rem;
}


.card 
{
  /*width: 300px;*/
  display:        inline-block;
  /*margin:         1rem;*/
  border-radius:  4px;
  box-shadow:     0 -1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  transition:     all 0.2s ease;
  background: linear-gradient(70deg, #013e70, #045fad);
  position:       relative;
  overflow:       hidden;
}

.card:hover, .card.hover 
{
  transform:      translateY(-4px);
  box-shadow:     0 4px 25px 0 rgba(0, 0, 0, 0.3), 0 0 1px 0 rgba(0, 0, 0, 0.25);
}

.card:hover .card-content, .card.hover .card-content 
{
  box-shadow:     inset 0 3px 0 0 #ccb65e;
  border-color:   #045fad;
}

.card:hover .card-img .overlay, .card.hover .card-img .overlay 
{
  background-color:   rgba(25, 29, 38, 0.85);
  transition:         opacity 0.2s ease;
  opacity:            1;
}


.card-img {
  position:              relative;
  height:               224px;
  width:                100%;
  background-color:     #fff;
  transition:           opacity 0.2s ease;
  background-position:  center center;
  background-repeat:    no-repeat;
  background-size:      cover;
}

.card-img .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
}
.card-img .overlay .overlay-content {
  line-height: 224px;
  width: 100%;
  text-align: center;
  color: #fff;
}
.card-img .overlay .overlay-content a {
  color: #fff;
  padding: 0 2rem;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  cursor: pointer;
  text-decoration: none;
}
.card-img .overlay .overlay-content a:hover, .card-img .overlay .overlay-content a.hover {
  background: #ccb65e;
  border-color: #ccb65e;
}
.card-content {
  width: 100%;
  min-height: 104px;
  /*background-color: #ececec;*/
  /* background: linear-gradient(#013e70, 20%, #001f39);*/
  background: linear-gradient(70deg, #013e70, #045fad);
  border-top: 3px solid #045fad;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1rem 2rem;
  transition: all 0.2s ease;
  color: #fff;
}
.card-content a {
  text-decoration: none;
  color: #202927;
}
.card-content h2, .card-content a h2 {
  font-size: 1.5rem;
  font-weight: 500;
}
.card-content p, .card-content a p {
  font-size: 0.8rem;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(32, 41, 28, 0.8);
}

.card li
{
  list-style-image:url('../img/check.png');
list-style-type:none;
vertical-align: middle;
}

.tech 
{
  background-color: #fff;

}


.section_our_solution .row {
  align-items: center;
}

.our_solution_category {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.our_solution_category .solution_cards_box {
  display: flex;
  flex-direction: column;
  justify-content: right;
}

.solution_cards_box .solution_card {
  /*flex: 0 50%;*/
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  border-radius: 15px;
  margin: 8px;
  padding: 10px 15px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  /*min-height: 100px;*/
  transition: 0.7s;
}

.solution_cards_box .solution_card:hover {
  background: #309df0;
  color: #fff;
  transform: scale(1.1);
  z-index: 9;
}

.solution_cards_box .solution_card:hover::before {
  background: rgb(85 108 214 / 10%);
}

.solution_cards_box .solution_card:hover .solu_title h3,
.solution_cards_box .solution_card:hover .solu_description p {
  color: #fff;
}

.solution_cards_box .solution_card:before {
  content: "";
  position: absolute;
  background: rgb(85 108 214 / 5%);
  /*width: 170px;
  height: 170px;*/
  z-index: -1;
  transform: rotate(42deg);
  right: -56px;
  top: -23px;
  border-radius: 35px;
}

.hover_color_bubble {
  position: absolute;
  background: rgb(54 81 207 / 15%);
  width: 100rem;
  height: 100rem;
  left: 0;
  right: 0;
  z-index: -1;
  top: 16rem;
  border-radius: 50%;
  transform: rotate(-36deg);
  left: -18rem;
  transition: 0.7s;
}

.solution_cards_box .solution_card:hover .hover_color_bubble {
  top: 0rem;
}

.solution_cards_box .solution_card .so_top_icon {
  /*width: 60px;
  height: 60px;*/
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}



/*start media query*/
@media screen and (min-width: 320px) {
  .sol_card_top_3 {
    position: relative;
    top: 0;
  }

  .our_solution_category {
    width: 100%;
    margin: 0 auto;
  }

  .our_solution_category .solution_cards_box {
    flex: auto;
  }
}
@media only screen and (min-width: 768px) {
  .our_solution_category .solution_cards_box {
    flex: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .sol_card_top_3 {
    position: relative;
    top: -3rem;
  }
  .our_solution_category {
    width: 50%;
    margin: 0 auto;
  }
}

.img_tech {

  width: 90px;
  height: 90px;
}

@media only screen and (max-width: 510px) 
{

.img_tech {

  width: 70px;
  height: 70px;
}

}

@media only screen and (max-width: 360px) 
{

.img_tech {

  width: 50px;
  height: 50px;
}

}

@media only screen and (max-width: 320px) 
{

.img_tech {

  width: 35px;
  height: 35px;
}

}


/*fin main*/

/*footer*/
#footer a
{
  color:#fff;
}

.footer_sitio
{
  border-top:       3px #fff solid;
  background-color: #013e70;
  color:            #fff;
  background: linear-gradient(70deg, #013e70, #045fad);
}

.footer_contacto {
  width: 70%;
}

.img_contacto{
  width:  32px;
  height: 32px;
}

.footer_title {
  font-size: 1.4rem;
  color: #fff;
}

.footer_stitle {
  font-size: 0.9rem;
  color: #fff;
}

.margen_footer {
  padding-top: 2%;
}

.logo_footer {
  width:  260px; 
  height: 87px;
  text-align: center;
  align-items: center;
}

@media(max-width: 991px){
  .footer_contacto 
  {
    padding-bottom:   1%;
    width:            100%;
  }
    .logo_footer 
    {
    padding-top:      2%;
    padding-bottom:   2%;
    }
  }

@media(max-width: 466px){
  .img_contacto 
  {
    width:  24px;
    height: 24px;
  }
}