/* ===================================
    Cover
====================================== */

.parallax-cover {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 50px;
}

.bg-cover-seg-medico{
  background: linear-gradient(251.88deg, rgba(63, 77, 37, 0.21) 12.39%, rgba(63, 77, 37, 0.63) 50.06%, rgba(63, 77, 37, 0.7) 87.74%),url("../../assets/img/seguros-cover/sgmm-cover.jpg");
  min-height: 300px;
    background-attachment: fixed;
    background-position: center -100px;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-cover-seg-vida{
  background: linear-gradient(251.88deg, rgba(77, 37, 66, 0.21) 12.39%, rgba(77, 37, 66, 0.63) 50.06%, rgba(77, 37, 66, 0.7) 87.74%),url("../../assets/img/seguros-cover/seguro-de-vida-portada.jpg");
  min-height: 300px;
    background-attachment: fixed;
    background-position: center -100px;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-cover-seg-retiro{
  background: linear-gradient(251.88deg, rgba(37, 42, 77, 0.21) 12.39%, rgba(37, 42, 77, 0.63) 50.06%, rgba(37, 42, 77, 0.7) 87.74%),url("../../assets/img/seguros-cover/seguro-de-retiro-portada.jpg");
  min-height: 300px;
    background-attachment: fixed;
    background-position: center -100px;
    background-repeat: no-repeat;
    background-size: cover;
}


.bg-cover-seg-educativo{
  background: linear-gradient(251.88deg, rgba(37, 72, 77, 0.21) 12.39%, rgba(37, 72, 77, 0.63) 50.06%, rgba(37, 72, 77, 0.7) 87.74%),url("../../assets/img/seguros-cover/seguro-educativo-portada.jpg");
  min-height: 300px;
    background-attachment: fixed;
    background-position: center -100px;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-cover-seg-empresarial{
  background: linear-gradient(251.88deg, rgba(77, 37, 37, 0.21) 12.39%, rgba(77, 37, 37, 0.63) 50.06%, rgba(77, 37, 37, 0.7) 87.74%),url("../../assets/img/seguros-cover/seguro-empresarial-portada.jpg");
  min-height: 300px;
    background-attachment: fixed;
    background-position: center -100px;
    background-repeat: no-repeat;
    background-size: cover;
}




.logo-metlife{
  position: absolute;
  right: 0px;
  bottom: -50px;
}

/* ===================================
    General
====================================== */

section{
  overflow-x: clip;
  position: relative;
}

.title-content{
  display: flex;
  justify-content: center;
  position: relative;
}


.title-content .icon{
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top:-50px;
}

.title-content .icon img{
  width: 70%;
}

.title-content .text{
  padding-top: 50px;
}



/*pagination*/


.content-pagination{
position: relative;
width: 100%;
top: 0px;
margin-top:30px;
}


.next-prev{
width: 100%;
position: relative;
text-align: center;
display: flex;
justify-content: space-between;
}

.next-prev a:hover{
background: #625DA6;
border: 1px solid #625DA6;
color: #fff;
transition:all .7s ease;
}

.next-prev a:hover .text-next{
color: #625DA6;
transition:all .7s ease;
}

.next-prev a:hover .text-prev{
color: #625DA6;
transition:all .7s ease;
}

.swiper-button-next {
width: 45px;
height: 45px;
position: relative;
top:0px;
font-size: 20px;
color: #0D1820;
border: 1px solid #0D1820;
border-radius: 50%;
transition:all .7s ease;
text-decoration: none;
}

.swiper-button-next .text-next{
position: absolute;
right: 50px;
font-size: 13px;
font-weight: 700;
width: 500px;
display: flex;
justify-content: flex-end;
transition:all .7s ease;
}

.swiper-button-prev {
width: 45px;
height: 45px;
position: relative;
top:0px;
font-size: 20px;
color: #0D1820;
border: 1px solid #0D1820;
border-radius: 50%;
transition:all .7s ease;
text-decoration: none;
}

.swiper-button-prev .text-prev{
position: absolute;
left: 50px;
font-size: 13px;
font-weight: 700;
width: 500px;
display: flex;
justify-content: flex-start;
transition:all .7s ease;
}

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

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


/*Card*/

.grid-cards{
  display: grid;
  grid-template-columns: 1fr;
  gap:20px;
}

.card-simple {
  background-color: white;
  min-height: 150px;
  display: flex;
  justify-content:space-between;
  flex-direction: column;
  border-radius: 8px;
  padding: 20px;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}




/* ===================================
    Colors
====================================== */

/*Borders*/
.border-seg-medico{
  border: 1px solid #3F4D25;
  box-shadow: 6px 6px 0 #3F4D25;
}
.border-seg-vida{
  border: 1px solid #4D2542;
  box-shadow: 6px 6px 0 #4D2542;
}

.border-seg-retiro{
  border: 1px solid #252A4D;
  box-shadow: 6px 6px 0 #252A4D;
}

.border-seg-educativo{
  border: 1px solid #25484D;
  box-shadow: 6px 6px 0 #25484D;
}

.border-seg-empresarial{
  border: 1px solid #4D2525;
  box-shadow: 6px 6px 0 #4D2525;
}



/*BG colors*/
.bg-seg-medico{background: #3F4D251A;}
.bg-seg-vida{background: #4D25421A;}
.bg-seg-retiro{background: #252A4D1A;}
.bg-seg-educativo{background: #25484D1A;}
.bg-seg-empresarial{background: #4D25251A;}


/*Text colors*/
.text-seg-medico{color: #3F4D25;}
.text-seg-vida{color: #4D2542;}
.text-seg-retiro{color: #252A4D;}
.text-seg-educativo{color: #25484D;}
.text-seg-empresarial{color: #4D2525}

/*Bg btn colors*/
.bg-btn-seg-medico{background: #3F4D25!important;}
.bg-btn-seg-vida{background: #4D2542!important;}
.bg-btn-seg-retiro{background: #252A4D!important;}
.bg-btn-seg-educativo{background: #25484D!important;}
.bg-btn-seg-empresarial{background: #4D2525!important;}

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

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {
.card-simple {min-height: 250px;}
.grid-cards{grid-template-columns: repeat(2,1fr);gap:20px;}
}
/* md  */ @media (min-width: 768px) {
.grid-cards{grid-template-columns: repeat(3,1fr);gap:20px;}
} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

/*---Cover---*/
.bg-cover-seg-medico{background-position: center -100px;background-size: contain;}
.bg-cover-seg-vida{background-position: center -100px;background-size: contain;}
.bg-cover-seg-retiro{background-position: center -100px;background-size: contain;}
.bg-cover-seg-educativo{background-position: center -50px;background-size: contain;}
.bg-cover-seg-empresarial{background-position: center -100px;background-size: contain;}
/*------*/

.grid-cards{grid-template-columns: repeat(4,1fr);gap:20px;}

.content-pagination{position: absolute;top: 70px;margin-top:0px;}


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




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