.design-resume-bg-white {
  background-color: #f7f8f9;
}

.event_none {
  pointer-events: none;
}

.font_color_gris {
  color: #606270;
  font-size: 1.3rem;
}

a.servicios_link {
  text-decoration: none!important;
  color: inherit !important;
}

/* SUB NAVBAR IN SERVICES */

#sub-menu {
  transition: all 0.3s ease;
  z-index: 1000;
}

.sub-menu-fijo {
  position: sticky;
  top: 116px;
  left: 0;
  z-index: 1001;
}

.rotated {
  transform: rotate(180deg);
}

/* SERVICES PAGE AND SUBPAGES */

@media (max-width: 768px) {
  .img_resize {
    max-width: 60% !important;
    height: auto !important;
  }
}

.bg_lineas {
  background-image: url("bg-servicios.png");
  background-repeat: no-repeat;
  background-position: right -300px top -30px;
  background-size: 50%;
}

.bg_lineas_servicios {
  background-image: url("bg_nosotros.png");
  background-repeat: no-repeat;
  background-position: left -500px top -50px;
  background-size: 60%;
}

@media (max-width: 1200px) {
  .bg_lineas {
    background-image: url("bg-servicios.png");
    background-repeat: no-repeat;
    background-position: right -200px top;
    background-size: 80%;
  }
}

.border_base {
  border: 2px solid transparent;
  border-radius: 15px;
  margin-top: 20px;
  width: 95%;
}

@media (max-width: 1000px) {
  .border_base {
    border: 2px solid transparent;
    border-radius: 15px;
    margin-top: 20px;
    width: 100%;
  }
}

.text-servicios {
  margin-top: -30px;
  margin-left: 5%;
  text-align: center !important;
  background-color: #021531;
  width: 90%;
}

@media (max-width:992px) {
  .text-servicios {
    margin-left: 5%;
  }
}

@media (max-width: 1000px) {
  .text-servicios {
    margin-top: -30px;
    margin-left: 37%;
    /*text-align: center !important;*/
    background-color: #021531;
    width: 25%;
  }
}

.card_border_gradiente_azul {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #81039B, #0B2EE8) border-box;
}

.card_border_gradiente_rojo {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #FF0000, #FFB759) border-box;
}

.card_border_gradiente_rosa {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #FF0065, #FF5FED) border-box;
}

.card_border_gradiente_aqua {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #09B0B6, #004E7A) border-box;
}

.card_border_gradiente_verde {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #7ED957, #007E50) border-box;
}

.card_border_gradiente_guinda {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #823D58, #FFE0FC) border-box;
}

.card_border_gradiente_amarilo {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #FFCC00, #1E8700) border-box;
}

.card_border_gradiente_gris {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #FFFFFF, #43544E) border-box;
}

.card_border_gradiente_morado {
  background: linear-gradient(#021531, #021531) padding-box, linear-gradient(to right, #783D82, #FF002E) border-box;
}

@media (max-width: 1199px) {
  .bg_titulo_card {
    background-color: #021531 !important;
  }
}

/* SUBPAGES */

.design-servicios {
  padding: 10px;
  background-color: #021531 !important;
  border-radius: 10px;
  margin-right: 1px;
  margin-left: 1px;
}

.service-content {
  background-color: #072149 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.border-service {
  border: double 1.5px transparent;
  border-radius: 12px;
  background-image: linear-gradient(#072149, #072149), radial-gradient(circle at top left, #81039B,#0B2EE8);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.colapse-hover {
  cursor: pointer;
}

a .link_sub_navbar {
  padding-top: calc(0.6rem + var(--bs-border-width)) !important;
  padding-bottom: calc(0.6rem + var(--bs-border-width)) !important;
  margin-bottom: 0 !important;
  font-size: inherit !important;
  line-height: 1.6 !important;
}

/* DevOps */

.img-devops-inicial {
  background-image: url("DevOps/devops1.png");
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: right 60px top;
}

/* GOBIERNO */

.card-design-certificaciones {
  background-color: #eaeaeb !important;
  border-radius: 0px;
}

.img-resumen-gobierno {
  background-image: url("Gobierno/gobierno_mexico.png");
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: right 100px top 65px;
}

.border-card-morado {
  background: linear-gradient(to right, #81039B ,#0B2EE8) !important;
}

.border-card-azul {
  background: linear-gradient(to right, #09B0B6 ,#004E7A) !important;
}

.border-card-rojo {
  background: linear-gradient(to right, #FF0000 ,#FFB759) !important;
}

.border-card-rosa {
  background: linear-gradient(to right, #FF0065 ,#FF5FED) !important;
}

.border-card-amarillo {
  background: linear-gradient(to right, #FFCC00 ,#1E8700) !important;
}

.border-soluciones-azul {
  border-image: linear-gradient(to right, #2591df ,#004E7A) 1 !important;
  border: 4px solid transparent;
}

.border-soluciones-rojo {
  border-image: linear-gradient(to right, #FF0000 ,#FFB759) 1 !important;
  border: 4px solid transparent;
}

.border-soluciones-amarillo {
  border-image: linear-gradient(to right, #FFCC00 ,#1E8700) 1 !important;
  border: 4px solid transparent;
}

.border-soluciones-rosa {
  border-image: linear-gradient(to right, #FF0065 ,#FF5FED) 1 !important;
  border: 4px solid transparent;
}

.border-soluciones-morado {
  border-image: linear-gradient(to right, #81039B ,#0B2EE8) 1 !important;
  border: 4px solid transparent;
}

.border-soluciones-azul-oscuro {
  border-image: linear-gradient(to right, #2400FF ,#9AD5FF) 1 !important;
  border: 4px solid transparent;
}

/* @media (min-width: 1400px) {
  .card_central {
    height: 430px !important;
  }
}

@media (min-width: 1400px) {
  .card_lateral {
    height: 330px;
  }
}

.card_5 {
  height: 281px;
}

@media (min-width:1400px) {
  .card_5 {
    height: 270px !important;
  }
}

@media (min-width:1544px) {
  .card_5 {
    height: 270px !important;
  }
} */

/* @media (min-width:1400px) and (max-width:1493px) {
  .card_1 {
    height: 280px !important;
  }
} */

@media (min-width:300px) and (max-width:767px) {
  #card_1, #card_2, #card_3, #card_4, #card_5 {
    height: 208px !important;
  }
}

@media (min-width: 1400px) {
  .mt_lateral {
    margin-top: 62px !important;
  }
}

@media (min-width: 1400px) {
  .mt_extremos {
    /*margin-top: 85px !important;*/
  }
}

@media (min-width:768px) and (max-width:1399px) {
  .tecnologias_height {
    height: 85% !important;
  }
}

@media (min-width:1400px) {
  .h_extremos {
    height: 65% !important;
  }

  .h_segundos_cuadros {
    height: 60% !important;
  }

}
/* @media (max-width:1399px) {
  .h_extremos {
    height: 100% !important;
  }

  .h_segundos_cuadros {
    height: 100% !important;
  }
} */


@media (min-width:768px) and (max-width:1399px) {
  .huawei_column_h {
    height: 305.23px !important;
  }
}

.oracle {
  width: 160px;
  height: 105px;
}

@media (min-width:1400px) {
  .oracle {
    width: 139px;
    height: 90px;
  }
}

.aws {
  width: 160px;
  height: 105px;
}

@media (min-width: 1400px) {
  .aws {
    width: 151px;
    height: 90px;
  }
}

.azure {
  width: 117px;
  height: 105px;
}

@media (min-width: 1400px) {
  .azure {
    width: 136px;
    height: 122px;
  }
}

.google_cloud {
  width: 106px;
  height: 106px;
}

@media (min-width: 1400px) {
  .google_cloud {
    width: 115px;
    height: 115px;
  }
}

.huawei {
  width: 140px;
  height: 105px;
}

@media (min-width: 1400px) {
  .huawei {
    width: 245px;
    height: 184px;
  }
}

.shadow_card > .card {
  background-color: rgba(255,255,255,0) !important;
}

.shadow_card {
  transition: box-shadow 0.5s ease;
}

.shadow_card:hover {
  box-shadow: 0 0 30px 3px #94d4ff;
  optional: add a glow effect;
  z-index: -1;
}

/* SOLUCIONES GOBIERNO */

.bg_soluciones {
  background-image:  url('../../assets/img/soluciones/soluciones.png');
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}
/* 
.bg_soluciones:before {
  opacity: 0.2;
  background-image: url('../../assets/img/Gobierno/bg_soluciones_gob.jpg');
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
} */

.section_soluciones {
  height: 80vh;
  min-height: 40rem;
  padding-top: 72px;
}

.card-design-soluciones {
  background-color: #002b52 !important;
  border-radius: 0px;
}

.border-card-soluciones {
  padding: 3px;
}

.img-soluciones {
  width: 80px;
  height: 80px;
}

.soluciones_card .img-soluciones {
  margin-top: -60px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.soluciones_card:hover .img-soluciones {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.soluciones:hover .titulo_soluciones {
  top: -60px;
}

.soluciones .titulo_soluciones {
  position: relative;
  top: 0;
  margin-right: 3rem;
  margin-left: 3rem;
  -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@media (min-width:300px) and (max-width:1699px) {
  .soluciones .titulo_soluciones {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.header_soluciones {
  font-size: 24px !important;
}

.soluciones {
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}

.soluciones:hover .desc_soluciones {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.soluciones:hover .desc_soluciones {
  display: block !important;
}

.soluciones .desc_soluciones {
  opacity: 0;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.soluciones .desc_soluciones {
  display: none!important;
}

.border_top_radius {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* SOLUCION 1 */

#solucion_1.soluciones_card {
  height: 130px !important;
}

#solucion_1.soluciones_card:hover {
  height: 350px !important;
}

@media (max-width: 443px) {
  #solucion_1.soluciones_card:hover {
    height: 470px !important;
  }
}

@media (min-width: 444px) and (max-width: 479px) {
  #solucion_1.soluciones_card:hover {
    height: 420px !important;
  }
}

@media (min-width: 480px) {
  #solucion_1.soluciones_card:hover {
    height: 360px !important;
  }
}

@media (min-width: 500px) {
  #solucion_1.soluciones_card:hover {
    height: 310px !important;
  }
}

@media (min-width:595px) and (max-width:991px) {
  #solucion_1.soluciones_card:hover {
    height: 270px !important;
  }
}

@media (min-width: 992px) {
  #solucion_1.soluciones_card:hover {
    height: 440px !important;
  }
}

@media (min-width: 1096px) {
  #solucion_1.soluciones_card:hover {
    height: 400px !important;
  }
}

@media (min-width: 1200px) {
  #solucion_1.soluciones_card:hover {
    height: 480px !important;
  }
}

@media (min-width: 1300px) {
  #solucion_1.soluciones_card:hover {
    height: 450px !important;
  }
}

@media (min-width: 1624px) {
  #solucion_1.soluciones_card:hover {
    height: 410px !important;
  }
}

@media (min-width: 1716px) {
  #solucion_1.soluciones_card:hover {
    height: 370px !important;
  }
}

@media (min-width: 1815px) {
  #solucion_1.soluciones_card:hover {
    height: 330px !important;
  }
}

/* SOLUCION 2 */

@media (min-width: 395px) {
  #solucion_2.soluciones_card:hover h2.title_margin_sol2 {
    margin-right: 1.2rem !important;
    margin-left: 1.2rem !important;
  }
}

#solucion_2.soluciones_card {
  height: 160px !important;
}

@media (min-width: 389px) {
  #solucion_2.soluciones_card {
    height: 140px !important;
  }
}

@media (min-width: 723px) {
  #solucion_2.soluciones_card {
    height: 120px !important;
  }
}

@media (min-width: 992px) {
  #solucion_2.soluciones_card {
    height: 130px !important;
  }
}

@media (min-width: 1017px) {
  #solucion_2.soluciones_card {
    height: 130px !important;
  }
}

@media (min-width: 1200px) {
  #solucion_2.soluciones_card {
    height: 190px !important;
  }
}

@media (min-width: 1228px) {
  #solucion_2.soluciones_card {
    height: 160px !important;
  }
}

@media (min-width: 1532px) {
  #solucion_2.soluciones_card {
    height: 130px !important;
  }
}

@media (min-width:1700px) and (max-width:1891px) {
  #solucion_2.soluciones_card {
    height: 160px !important;
  }
}

#solucion_2.soluciones_card:hover {
  height: 540px !important;
}

@media (min-width: 300px) {
  #solucion_2.soluciones_card:hover {
    height: 600px !important;
  }
}

@media (min-width: 393px) {
  #solucion_2.soluciones_card:hover {
    height: 570px !important;
  }
}

@media (min-width: 400px) {
  #solucion_2.soluciones_card:hover {
    height: 540px !important;
  }
}

@media (min-width: 416px) {
  #solucion_2.soluciones_card:hover {
    height: 490px !important;
  }
}

@media (min-width: 451px) {
  #solucion_2.soluciones_card:hover {
    height: 460px !important;
  }
}

@media (min-width: 582px) {
  #solucion_2.soluciones_card:hover {
    height: 420px !important;
  }
}

@media (min-width: 679px) {
  #solucion_2.soluciones_card:hover {
    height: 380px !important;
  }
}

@media (min-width: 729px) {
  #solucion_2.soluciones_card:hover {
    height: 300px !important;
  }
}

@media (min-width: 992px) {
  #solucion_2.soluciones_card:hover {
    height: 510px !important;
  }
}

@media (min-width: 1004px) {
  #solucion_2.soluciones_card:hover {
    height: 450px !important;
  }
}

@media (min-width: 1200px) {
  #solucion_2.soluciones_card:hover {
    height: 620px !important;
  }
}

@media (min-width: 1337px) {
  #solucion_2.soluciones_card:hover {
    height: 580px !important;
  }
}

@media (min-width: 1385px) {
  #solucion_2.soluciones_card:hover {
    height: 570px !important;
  }
}

@media (min-width: 1439px) {
  #solucion_2.soluciones_card:hover {
    height: 520px !important;
  }
}

@media (min-width: 1467px) {
  #solucion_2.soluciones_card:hover {
    height: 480px !important;
  }
}

@media (min-width: 1505px) {
  #solucion_2.soluciones_card:hover {
    height: 460px !important;
  }
}

@media (min-width: 2054px) {
  #solucion_2.soluciones_card:hover {
    height: 430px !important;
  }
}

@media (min-width: 2223px) {
  #solucion_2.soluciones_card:hover {
    height: 400px !important;
  }
}

@media (min-width: 2571px) {
  #solucion_2.soluciones_card:hover {
    height: 360px !important;
  }
}

@media (min-width: 2731px) {
  #solucion_2.soluciones_card:hover {
    height: 310px !important;
  }
}

/* SOLUCION 3 */
@media (min-width: 300px) {
  #solucion_3.soluciones_card:hover .title_margin_sol3 {
    margin-right: 1.2rem !important;
    margin-left: 1.2rem !important;
  }
}

#solucion_3.soluciones_card {
  height: 130px !important;
}

@media (min-width:533px) and (max-width:991px) {
  #solucion_3.soluciones_card {
    height: 110px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1228px) {
  #solucion_3.soluciones_card {
    height: 160px !important;
  }
}

#solucion_3.soluciones_card:hover {
  height: 290px !important;
}

@media (min-width: 300px) {
  #solucion_3.soluciones_card:hover {
    height: 370px !important;
  }
}

@media (min-width: 409px) and (max-width:412px) {
  #solucion_3.soluciones_card:hover {
    height: 380px !important;
  }
}

@media (min-width: 413px) {
  #solucion_3.soluciones_card:hover {
    height: 330px !important;
  }
}

@media (min-width: 529px) {
  #solucion_3.soluciones_card:hover {
    height: 280px !important;
  }
}

@media (min-width: 608px) {
  #solucion_3.soluciones_card:hover {
    height: 250px !important;
  }
}

@media (min-width: 933px) {
  #solucion_3.soluciones_card:hover {
    height: 210px !important;
  }
}

@media (min-width: 992px) {
  #solucion_3.soluciones_card:hover {
    height: 310px !important;
  }
}

@media (min-width: 1200px) {
  #solucion_3.soluciones_card:hover {
    height: 370px !important;
  }
}

@media (min-width: 1474px) {
  #solucion_3.soluciones_card:hover {
    height: 310px !important;
  }
}

@media (min-width: 2516px) {
  #solucion_3.soluciones_card:hover {
    height: 250px !important;
  }
}

/* SOLUCION 4 */

#solucion_4.soluciones_card {
  height: 130px !important;
}

@media (min-width:532px) {
  #solucion_4.soluciones_card {
    height: 110px !important;
  }
}

@media (min-width:992px) {
  #solucion_4.soluciones_card {
    height: 130px !important;
  }
}

@media (min-width: 1200px) {
  #solucion_4.soluciones_card {
    height: 160px !important;
  }
}

@media (min-width: 1332px) {
  #solucion_4.soluciones_card {
    height: 130px !important;
  }
}

#solucion_4.soluciones_card:hover {
  height: 410px !important;
}

@media (min-width: 300px) {
  #solucion_4.soluciones_card:hover {
    height: 500px !important;
  }
}

@media (min-width: 408px) {
  #solucion_4.soluciones_card:hover {
    height: 460px !important;
  }
}

@media (min-width: 416px) and (max-width: 471px) {
  #solucion_4.soluciones_card:hover {
    height: 480px !important;
  }
}

@media (min-width: 472px) {
  #solucion_4.soluciones_card:hover {
    height: 400px !important;
  }
}

@media (min-width: 518px) {
  #solucion_4.soluciones_card:hover {
    height: 370px !important;
  }
}

@media (min-width: 686px) {
  #solucion_4.soluciones_card:hover {
    height: 310px !important;
  }
}

@media (min-width: 992px) {
  #solucion_4.soluciones_card:hover {
    height: 460px !important;
  }
}

@media (min-width: 1109px) {
  #solucion_4.soluciones_card:hover {
    height: 400px !important;
  }
}

@media (min-width: 1200px) {
  #solucion_4.soluciones_card:hover {
    height: 580px !important;
  }
}

@media (min-width: 1288px) {
  #solucion_4.soluciones_card:hover {
    height: 500px !important;
  }
}

@media (min-width: 1443px) {
  #solucion_4.soluciones_card:hover {
    height: 480px !important;
  }
}

@media (min-width: 1663px) {
  #solucion_4.soluciones_card:hover {
    height: 400px !important;
  }
}

@media (min-width: 2419px) {
  #solucion_4.soluciones_card:hover {
    height: 320px !important;
  }
}

/* SOLUCION 5 */

@media (min-width: 300px) {
  #solucion_5.soluciones_card:hover .title_margin_sol5 { 
    margin-right: 1.2rem !important;
    margin-left: 1.2rem !important;
  }
}

#solucion_5.soluciones_card {
  height: 130px !important;
}

@media (min-width: 609px) and (max-width: 991px) {
  #solucion_5.soluciones_card {
    height: 110px !important;
  }
}

@media (min-width: 1200px) {
  #solucion_5.soluciones_card {
    height: 160px !important;
  }
}

@media (min-width: 1400px) {
  #solucion_5.soluciones_card {
    height: 130px !important;
  }
}

@media (min-width: 1700px) and (max-width:1759px) {
  #solucion_5.soluciones_card {
    height: 160px !important;
  }
}

#solucion_5.soluciones_card:hover {
  height: 410px !important;
}

@media (min-width: 300px) {
  #solucion_5.soluciones_card:hover {
    height: 540px !important;
  }
}

@media (min-width: 393px) {
  #solucion_5.soluciones_card:hover {
    height: 470px !important;
  }
}

@media (min-width: 465px) {
  #solucion_5.soluciones_card:hover {
    height: 420px !important;
  }
}

@media (min-width: 512px) {
  #solucion_5.soluciones_card:hover {
    height: 380px !important;
  }
}

@media (min-width: 632px) {
  #solucion_5.soluciones_card:hover {
    height: 340px !important;
  }
}

@media (min-width: 913px) {
  #solucion_5.soluciones_card:hover {
    height: 280px !important;
  }
}

@media (min-width: 992px) {
  #solucion_5.soluciones_card:hover {
    height: 470px !important;
  }
}

@media (min-width: 1200px) {
  #solucion_5.soluciones_card:hover {
    height: 600px !important;
  }
}

@media (min-width: 1331px) {
  #solucion_5.soluciones_card:hover {
    height: 510px !important;
  }
}

@media (min-width: 1385px) {
  #solucion_5.soluciones_card:hover {
    height: 480px !important;
  }
}

@media (min-width: 1807px) {
  #solucion_5.soluciones_card:hover {
    height: 400px !important;
  }
}

@media (min-width: 2261px) {
  #solucion_5.soluciones_card:hover {
    height: 340px !important;
  }
}

/* SOLUCION 6 */

@media (min-width: 300px) {
  #solucion_6.soluciones_card:hover .title_margin_sol6 { 
    margin-right: 1.2rem !important;
    margin-left: 1.2rem !important;
  }
}

#solucion_6.soluciones_card {
  height: 130px !important;
}

@media (min-width: 300px) and (max-width:364px) {
  #solucion_6.soluciones_card {
    height: 160px !important;
  }
}

@media (min-width: 575px) and (max-width:991px) {
  #solucion_6.soluciones_card {
    height: 110px !important;
  }
}

@media (min-width: 1200px) and (max-width:1429px) {
  #solucion_6.soluciones_card {
    height: 160px !important;
  }
}

#solucion_6.soluciones_card:hover {
  height: 350px !important;
}

@media (min-width: 300px) {
  #solucion_6.soluciones_card:hover {
    height: 530px !important;
  }
}

@media (min-width: 404px) {
  #solucion_6.soluciones_card:hover {
    height: 480px !important;
  }
}

@media (min-width: 443px) {
  #solucion_6.soluciones_card:hover {
    height: 420px !important;
  }
}

@media (min-width: 589px) {
  #solucion_6.soluciones_card:hover {
    height: 360px !important;
  }
}

@media (min-width: 711px) {
  #solucion_6.soluciones_card:hover {
    height: 300px !important;
  }
}

@media (min-width: 992px) {
  #solucion_6.soluciones_card:hover {
    height: 440px !important;
  }
}

@media (min-width: 1044px) {
  #solucion_6.soluciones_card:hover {
    height: 390px !important;
  }
}

@media (min-width: 1196px) {
  #solucion_6.soluciones_card:hover {
    height: 380px !important;
  }
}

@media (min-width: 1200px) {
  #solucion_6.soluciones_card:hover {
    height: 560px !important;
  }
}

@media (min-width: 1310px) {
  #solucion_6.soluciones_card:hover {
    height: 520px !important;
  }
}

@media (min-width: 1335px) {
  #solucion_6.soluciones_card:hover {
    height: 480px !important;
  }
}

@media (min-width: 1464px) {
  #solucion_6.soluciones_card:hover {
    height: 450px !important;
  }
}

@media (min-width: 1565px) {
  #solucion_6.soluciones_card:hover {
    height: 420px !important;
  }
}

@media (min-width: 2094px) {
  #solucion_6.soluciones_card:hover {
    height: 350px !important;
  }
}

@media (min-width: 2536px) {
  #solucion_6.soluciones_card:hover {
    height: 310px !important;
  }
}

/* SCROLL MARGIN */

.scroll_gob_certificaciones {
  scroll-margin-top: 310px;
}

@media (min-width:300px) and (max-width:767px) {
  .scroll_gob_certificaciones {
    scroll-margin-top: 220px;
  }
}

.scroll_gob_soluciones {
  scroll-margin-top: 90px;
}

@media (min-width:300px) and (max-width:767px) {
  .scroll_gob_soluciones {
    scroll-margin-top: 120px;
  }
}

.scroll_gob_servicios {
  scroll-margin-top: 180px;
}

@media (min-width:300px) and (max-width:767px) {
  .scroll_gob_servicios {
    scroll-margin-top: 220px;
  }
}

/* MESAS DE AYUDA */

.scroll_mesas_resumen {
  scroll-margin-top: 140px;
}

@media (max-width: 768px) {
  .scroll_mesas_resumen {
    scroll-margin-top: 160px;
  }
}

.scroll_mesas_elegirnos {
  scroll-margin-top: 180px;
}

@media (max-width: 768px) {
  .scroll_mesas_elegirnos {
    scroll-margin-top: 200px;
  }
}

.scroll_mesas_servicios {
  scroll-margin-top: 180px;
}

@media (max-width: 768px) {
  .scroll_mesas_servicios {
    scroll-margin-top: 200px;
  }
}

/* ACCORDION */

.accordion {
  --bs-accordion-color: white !important;
  --bs-accordion-bg: #021531 !important;
  --bs-accordion-border-color: none !important;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: none !important;
  --bs-accordion-active-color: white !important;
}

.accordion-button:not(.collapsed) {
  color: white !important;
  background-color: #021531 !important;
}

.accordion-collapse {
  background-color: #021531 !important;
}

@media (max-width: 768px) {
  .img-servicios-collapse {
    width: 20px;
    height: 20px;
  }
}

.img_sevices_movil {
  width: 72% !important;
}

.img-desarrollo-movil {
  background-image: url("../../assets/img/services/servicios_fondo.png"), url("../../assets/img/services/servicios_fondo_2.jpg");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

.img-ui-ux {
  background-image: url("../../assets/img/services/servicios_fondo.png"), url("../../assets/img/ux-ui/ux-ui.jpg");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

.img-gobierno {
  background-image: url("../../assets/img/services/servicios_fondo.png"), url("../../assets/img/Gobierno/gobierno.jpg");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

.img_gobierno_soluciones {
  background-image: url("../../assets/img/services/servicios_fondo.png"), url("../../assets/img/Gobierno/bg_soluciones_gob.jpg");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

.img-SaaS {
  background-image: url("../../assets/img/services/servicios_fondo.png"), url("../../assets/img/saas/saas-prueba.jpg");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

.img-devops {
  background-image: url("../../assets/img/services/servicios_fondo.png"), url("../../assets/img/DevOps/devops.jpg");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

/* CARDS Services */

.fit-cover {
  object-fit: cover;
}

.design-resume-bg-white {
  background-color: #f7f8f9;
}

.cards-text {
  color: #072149;
}

.fit-cover-img {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.card-none {
  background-color: #f7f8f9 !important;
}

.font-color-azul-oscuro {
  color: #050A30;
}

.img_mesaayuda {
  width: 95%;
  position: relative;
}

.servicios-background-mesa-servicio {
  background-image: url("../../assets/img/services/servicios_fondo.png"), url("../../assets/img/mesa-ayuda/mesa-de-ayuda.jpg");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

.service:hover .btn-circle-green {
  display: none !important;
}

.service .btn-circle-green {
  display: block !important;
}

.service:hover .btn-circle-green-up {
  display: block !important;
}

.service .btn-circle-green-up {
  display: none !important;
}

section.features .feature-item i {
  font-size: 80px;
  display: block;
  margin-bottom: 15px;
  background: linear-gradient(to left, #002b52,#2591df);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.features .device-container, section.features .feature-item {
  max-width: 325px;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .mesas-new.service_card:hover {
    height: 150px !important;
  }
}

@media (min-width: 992px) {
  .mesas-new.service_card:hover {
    height: 150px !important;
  }
}

@media (min-width: 768px) {
  .mesas-new.service_card:hover {
    height: 150px !important;
  }
}

@media (min-width: 576px) {
  .mesas-new.service_card:hover {
    height: 500px !important;
  }
}

@media (min-width: 300px) {
  .mesas-new.service_card:hover {
    height: 150px !important;
  }
}

.index_header_mesa {
  background-image: url("../../assets/img/Inicio/index_head_bar.png"), url("../../assets/img/mesa-ayuda/soluciones-mesa-fonso-1.jpg");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

.bg_celeste {
  background-color: #09b0b6 !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.pill-new {
  position: initial !important;
  width: 102.9375px !important;
  height: 31.3438px !important;
  color: #f7f8f9;
}

.servicios-background-mesa {
  background-image: url("servicios_fondo.png"), url("../../assets/img/Solucion%20Mesas%20de%20ayuda/caracteristicas-mesa.jpg");
  background-repeat: no-repeat;
  background-size: cover, cover;
  background-position: center;
}

@media (min-width: 768px) and (max-width: 1399px) {
  .m_segundo_cuadro {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}

/* Media for desarrollo, optimizacion and mantenimiento y soporte img */

.img-position {
  
}

@media (min-width: 200px) and (max-width: 575px) {
  .img-position {
    text-align: center !important;
    margin-bottom: 1rem;
  }
}