.section1 {
   position: relative;
   transform: translateY(0px);
   padding-top: 20px;
}

.btn-container {
   background: #ffffff;
   box-shadow: 0px 20px 45px rgba(0, 0, 0, 0.08);
   border-radius: 27.5px;
   width: 248px;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
   background: linear-gradient(101.32deg,
         rgba(229, 33, 80, 0.86) 38.72%,
         rgba(243, 128, 33, 0.86) 105.68%);
   font-family: Karla;
   font-style: normal;
   font-weight: bold;
   font-size: 15px;
   line-height: 28px;
   letter-spacing: 0.4px;
   color: #ffffff;
   outline: none;
}

.nav-pills .nav-link {
   background: 0 0;
   border: 0;
   border-radius: 23px;
   margin: 5px;
   font-family: Karla;
   font-style: normal;
   font-weight: normal;
   font-size: 15px;
   line-height: 28px;
   letter-spacing: 0.4px;
   color: #5f5f5f;
   padding: 8px 30px;
}

.cardM1 {
   background: #ffffff;
   box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.04);
   border-radius: 0px;
   padding: 30px 45px 190px 45px;
   height: 100%;
}

.cardM1-titulo {
   font-family: Rubik;
   font-style: normal;
   font-weight: 500;
   font-size: 32px;
   line-height: 45px;
   color: #1e1e1e;
}

.cardM1-precio {
   font-family: Rubik;
   font-style: normal;
   font-weight: normal;
   font-size: 45.1308px;
   color: #103dbe;
}

.cardM1-contenido {
   font-family: Karla;
   font-style: normal;
   font-weight: normal;
   font-size: 17px;
   letter-spacing: 0.4px;
   color: #70799f;
}

.cardM1-contenido2 {
   font-family: Karla;
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
   line-height: 22px;
   letter-spacing: 0.4px;
   color: #103dbe;
}

.card-asistencia {
   padding: 40px;
}

.asist-img {
   margin-bottom: 20px;
}

.asist-img2 {
   margin-top: 60px;
   margin-bottom: 50px;
}

.asist-titulo {
   font-family: Rubik;
   font-style: normal;
   font-weight: normal;
   font-size: 23px;
   line-height: 29px;
   letter-spacing: 0.4px;
   color: #1e1e1e;
}

.asist-content {
   font-family: Karla;
   font-style: normal;
   font-weight: normal;
   font-size: 17px;
   line-height: 28px;
   text-align: center;
   letter-spacing: 0.4px;
   color: #70799f;
}

.service-cards {
   background: #ffffff;
   box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.06);
   border-radius: 0px;
   width: 310px;
   position: relative;
   left: 50%;
   transform: translate(-50%, -40px);
}

.service-titulo {
   font-family: Rubik;
   font-style: normal;
   font-weight: 500;
   font-size: 23px;
   line-height: 30px;
   letter-spacing: 0.4px;
   color: #1e1e1e;
}

.s1 {
   height: 65px;
   padding-left: 25px;
   padding-top: 25px;
}

.s2 {
   height: 65px;
   padding-left: 25px;
   padding-top: 35px;
}

.line {
   position: absolute;
   width: 5px;
   height: 30px;
   background-color: #1868dd;
   z-index: 5;
   transform: translateY(-30px);
}

.service-content {
   font-family: Karla;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: 0.4px;
   color: #8c8c8c;
   padding: 25px;
}

.ventajas-titulo {
   font-family: Rubik;
   font-style: normal;
   font-weight: normal;
   font-size: 24px;
   line-height: 29px;
   color: #1e1e1e;
}

.ventajas-contenido {
   font-family: Karla;
   font-style: normal;
   font-weight: normal;
   font-size: 17px;
   line-height: 28px;
   letter-spacing: 0.4px;
   color: #70799f;
   padding: 25px;
}

.sub-t1 {
   font-family: Rubik;
   font-style: normal;
   font-weight: normal;
   font-size: 24px;
   line-height: 43px;
   color: #000000;
}

.sub2-t1 {
   font-family: Rubik;
   font-style: normal;
   font-weight: 500;
   font-size: 30px;
   line-height: 43px;
   color: #000000;
}

@media (max-width: 991px) {
   .service-imgs {
      width: 100%;
   }
}

@media (max-width: 991px) {
   .service-imgs {
      width: auto;
   }

   .diagramImg {
      width: 100%;
   }
}

@media (max-width: 381px) {
   .service-imgs {
      width: 100%;
   }

   .ventajasImg {
      width: 100%;
   }
}

.customAccord {
   background: #f8fafe;
   border-radius: 0px;
}

.no-border {
   border: none;
}

.faq {
   font-family: Rubik;
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 28px;
   letter-spacing: 0.4px;
   color: #292929;
}

.accordion-body {
   font-family: Karla;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 28px;
   letter-spacing: 0.4px;
   color: #70799f;
}

.accordion-button:focus {
   box-shadow: none;
}

.accordion-button:not(.collapsed) {
   border: none;
   background: #ffffff;
   box-shadow: 0px -15px 25px rgba(0, 0, 0, 0.06);
   border-radius: 0px;
}

.accordion-button:not(.collapsed) .faq {
   color: tomato;
}

.accordion-collapse {
   box-shadow: 0px -0px 45px rgba(0, 0, 0, 0.06);
}

.btnsinmunify {
   position: absolute;
   bottom: 220px;
   margin-left: 5%;
}


.cardDomain {
   background: #ffffff;
   box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.04);
   padding: 60px 0;
   position: relative;
   transform: translateY(-90px);
   border-radius: 12px;
}

.search-container {
   background: #ffffff;
   border: 1px solid #efefef;
   box-sizing: border-box;
   box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.07);
   border-radius: 12px;
   padding: 4px 0;
}

.domain {
   border: none;
   outline: none;
   width: 70%;
   font-family: Karla;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 24px;
   text-align: center;
   color: #8c8c8c;
}

.dot-ext {
   border: none;
   outline: none;
   font-family: Karla;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 24px;
   text-align: center;
   color: #8c8c8c;
}

.btn-search {
   font-family: Karla;
   font-style: normal;
   font-weight: bold;
   font-size: 15px;
   line-height: 25px;
   letter-spacing: 0.4px;
   color: #ffffff;
   background: linear-gradient(101.32deg,
         rgba(229, 33, 80, 0.86) 38.72%,
         rgba(243, 128, 33, 0.86) 105.68%);
   border-radius: 27.5px;
   padding: 15px 35px;
   border: none;
   outline: none;
}

.disponible {
   font-family: Karla;
   font-weight: 700;
   font-size: 38px;
   color: rgb(0, 202, 0);
}

.no-disponible {
   font-family: Karla;
   font-weight: 700;
   font-size: 38px;
   color: rgb(238, 59, 4);
}

.btn-trans {
   font-family: Karla;
   font-style: normal;
   font-weight: bold;
   font-size: 15px;
   line-height: 25px;
   letter-spacing: 0.4px;
   color: #ffffff;
   background: linear-gradient(101.32deg,
         rgba(229, 33, 80, 0.86) 38.72%,
         rgba(243, 128, 33, 0.86) 105.68%);
   border-radius: 27.5px;
   padding: 14px 35px;
   text-decoration: none;
}


@media (max-width: 1980px) {
   .btnsinmunify {
      margin-left: 1.7%;
   }
}

@media (max-width: 1540px) {
   .btnsinmunify {
      margin-left: 0.2%;
   }
}

@media (max-width: 1320px) {
   .btnsinmunify {
      margin-left: -1.5%;
   }
}

@media (max-width: 1199px) {
   .cardM1 {
      padding: 30px 45px;
   }

   .btnsinmunify {
      position: initial;
      margin-left: 0;
   }
}

@media (max-width: 991px) {
   .cardDomain {
      transform: translateY(-60px);
      margin-top: 0px;
      margin-bottom: 60px;
      padding: 20px 16px;
      background-color: #ffffff;
      box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.04);
      border-radius: 12px;
   }

   .domain {
      width: 90%;
      margin-bottom: 10px;
      border: 1px solid rgba(128, 128, 128, 0.26);
      padding: 10px 5px;
      border-radius: 12px;
   }

   .search-container {
      padding: 15px;
   }

   .dot-ext {
      border: 1px solid rgba(128, 128, 128, 0.26);
      padding: 10px 10px;
      border-radius: 12px;
      width: 150px;
   }
}