/* ESTILOS GENERALES DE LA PAGINA */

html,
body {
  overflow-x: hidden;
}

.section1 {
  padding-top: 100px;
  margin-bottom: 10px;
}

.title {
  font-style: normal;
  font-weight: bold;
  font-size: 46.8272px;
  line-height: 57px;
  color: #e22226;
}

.sub-title {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #6c6c6c;
}

.cs {
  position: relative;
  left: 8%;
  margin-bottom: 25px;
}

.comments {
  font-style: normal;
  font-weight: 500;
  font-size: 2.1vw;
  line-height: 156.9%;
  color: #ffffff;
  padding: 0px 35px;
}
.commentIcon{
  position: absolute;
  transform: translate(22vw,-100px);
}

@media (max-width: 1399px) {
  .cs {
    left: 15%;
  }
}
@media (max-width: 1199px) {
  .cs {
    left: 0%;
  }
  .comments{
    font-size: 3vw;
  }
}
@media (max-width: 991px) {
  .cs {
    left: 15%;
  }
  .redcardGuy {
    width: 600px !important;
    transform: translateX(100px);
  }
}
@media (max-width: 767px) {
  .commentIcon{
    width: 130px;
  }
  .cs {
    left: 23%;
  }
  .redcardGuy {
    position: relative;
    width: 600px !important;
  }
  .redb {
    font-size: 15vw;
    line-height: 3vw;
  }
  .redb-c {
    font-size: 2vw;
    line-height: 2.5vw;
  }
  .icDrop {
    color: white;
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .cs {
    left: 22vw;
  }
  .comments{
    font-size: 6vw;
    padding: 0;
  }
}
@media (max-width: 497px) {
  .cs {
    left: 11.5vw;
  }
}
@media (max-width: 460px) {
  .cs {
    left: 9vw;
  }
}
@media (max-width: 405px) {
  .cs {
    left: 5vw;
  }
}
@media (max-width: 361px) {
  .cs {
    left: 1vw;
  }
}
@media (max-width: 347px) {
  .cs {
    left: 3px;
  }
}

.card-l {
  background-image: url("./assets/images//cardservicios/content/asesoria-legal.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 290px;
  height: 392px;
  padding: 20px;
}
.card-ll {
  background-image: url("./assets/images//cardservicios/content/contabilidad.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 290px;
  height: 392px;
  padding: 20px;
}
.minititle {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  text-align: center;

  color: #8f1929;
}
.contentcard {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;

  color: #8f1929;
}

.card-l1 {
  background-image: url("./assets/images//cardservicios/content/asesoria-legal-red.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 290px;
  height: 392px;
  padding: 20px;
  position: relative;
}
.card-ll1 {
  background-image: url("./assets/images//cardservicios/content/contabilidad-red.webp");
  background-repeat: no-repeat;
  background-position: center;
  width: 290px;
  height: 392px;
  padding: 20px;
  position: relative;
}
.minititle1 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  text-align: center;

  color: #ffffff;
}
.contentcard1 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;

  color: #ffffff;
}

.caption-style-2 {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.caption-style-2 li {
  float: center;
  padding: 0px;
  position: relative;
  overflow: hidden;
}

.caption-style-2 li:hover .caption {
  opacity: 1;
  transform: translateY(-300px);
  -webkit-transform: translateY(-300px);
  -moz-transform: translateY(-300px);
  -ms-transform: translateY(-300px);
  -o-transform: translateY(-300px);
}

.caption-style-2 .caption {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  top: 300px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.caption-style-2 .blur {
  background-color: #ffffff00;
  width: 290px;
  height: 392px;
  z-index: 5;
  position: absolute;
}

.caption-style-2 .caption-text h1 {
  text-transform: uppercase;
  font-size: 18px;
}

.caption-style-2 .caption-text {
  z-index: 10;
  color: #fff;
  position: absolute;
  width: 400px;
  height: 300px;
  top: 0px;
}

.redb {
  font-style: normal;
  font-weight: 700;
  font-size: 2vw;
  line-height: 3vw;
  color: #ffffff;
  z-index: 44;
}
.redb-c {
  font-style: normal;
  font-weight: 400;
  font-size: 2vw;
  line-height: 2.5vw;
  color: #ffffff;
  z-index: 44;
}
.icDrop {
  color: white;
  font-size: 50px;
}
.redcardGuy {
  position: absolute;
  width: 1000px !important;
  right: 0;
}

.v-center {
  margin-top: 45px;
}

.relax {
  position: absolute !important;
  width: 660px !important;
  right: 0;
}

@media (max-width: 1699px) {
  .redcardGuy {
    width: 900px !important;
  }
}
@media (max-width: 1469px) {
  .redcardGuy {
    width: 800px !important;
  }
}
@media (max-width: 1314px) {
  .redcardGuy {
    width: 665px !important;
  }
}
@media (max-width: 1051px) {
  .redcardGuy {
    width: 600px !important;
    z-index: 0;
  }
}
@media (max-width: 1399px) {
  .cs {
    left: 15%;
  }
}
@media (max-width: 1199px) {
  .cs {
    left: 0%;
  }
}
@media (max-width: 991px) {
  .cs {
    left: 15%;
  }
  .redcardGuy {
    width: 600px !important;
    transform: translateX(100px);
  }
}
@media (max-width: 767px) {
  .cs {
    left: 23%;
  }
  .redcardGuy {
    position: relative;
    width: 600px !important;
  }
  .redb {
    font-size: 6vw;
    line-height: 7vw;
    text-align: center;
  }
  .redb-c {
    font-size: 5vw;
    line-height: 5vw;
    text-align: center;
  }
  .icDrop {
    color: white;
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .cs {
    left: 22vw;
  }
}
@media (max-width: 497px) {
  .cs {
    left: 11.5vw;
  }
  .sa-1 {
    font-size: 8vw !important;
  }
  .sa-2 {
    font-size: 6vw !important;
  }
}
@media (max-width: 460px) {
  .cs {
    left: 9vw;
  }
}
@media (max-width: 405px) {
  .cs {
    left: 5vw;
  }
}
@media (max-width: 361px) {
  .cs {
    left: 1vw;
  }
}
@media (max-width: 347px) {
  .cs {
    left: 3px;
  }
}