/*OWN CSS*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*body*/
#back{
    background-color: #f8f8f8;
}



.swiper-button-next{
        color: #18407c!important;
}

.swiper-button-prev{
        color: #18407c!important;
}


/*HEADER*/

#m ul li a{
     font-family: 'Roboto';
    font-size: 20px;
    font-weight: bold;
    color: #18407C;
}

/*Fonts*/

#titleNews{
    font-family: 'Roboto';
    font-size: 2em;
    font-weight: 700;
    color: #18407C;
}

#regularText{
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
}

/*Cards*/
.card-text{
    font-size: 15px;
    color: #000000;
    display: -webkit-box;
    overflow : hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
}

.card-title{
        font-size: 20px;
        font-weight: bold;
        color: #18407C;
        display: -webkit-box;
        overflow : hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;  
}

#linkS{
    font-size: 14px;
    font-weight: bold;
    color: #001652;
}

/*OK tick*/

#tick{
  font-family: 'Roboto';
  color: #18407C;
  font-size: 50px;
  font-weight: 400;
}



/*Imagen resize clip*/
#modImg {
    clip-path: polygon(7% 0%,104% 0%,104% 104%,0% 104%);
    object-fit: cover;
    float: right;
    position: sticky;
    top: 16rem;
}
/*Rows order*/

.rowResp {
  flex-direction: column-reverse;
  justify-content: flex-end;
}

/*Slider font*/

#sliderText {
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: bold;
  color: #18407C;
  display: -webkit-box;
  overflow : hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
}


/*button*/

#button{
  background-color: #18407C;
  height: 55px;
  font-weight: bold;
}

#button:hover{
  background-color: #FFFFFF;
  border: solid 3px #18407C;
  color: #18407C;
  height: 55px;
  font-weight: bold;
}

/*shadow*/
#shadow{
  box-shadow: -10px 12px 10px rgb(0 0 0 / 30%);
}


/*MainPage*/
.bg-corporative{
  background-color: #18407c;
}

.posBox{
  position: relative;
  top: 10%;
  left:-15%;
}

#modImgMain{
  box-shadow: -10px 12px 10px rgb(0 0 0 / 30%);
  clip-path: polygon(7% 0%,110% 0%,110% 110%,0% 110%);
  height: 36rem;
}

.clipBox  {
  clip-path: polygon(0 0, 85% 0%, 100% 100%, 0% 100%);
}

#sliderTextMain{
  font-family: 'Roboto';
  color: #FFFFFF;
}

#flexedRow {
  flex-direction: row;
  justify-content: flex-start;
  height: 600px;
}


/*Media Queries for responsiveness*/

@media screen and (min-width: 1050px) {
  .rowResp {
    flex-direction: row;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 769px) {
  #titleNews {
    font-size: 40px;
  }

  .posBox{
    position: initial;
    top:auto;
    left:auto;
  }

  .clipBox  {
    clip-path: none;
  }
  
  #modImgMain{
    box-shadow: none;
    clip-path: none;
    object-fit: cover;
    height: 36rem;
    width: 100%;
  }
}

@media screen and (max-width: 400px) {
  #titleNews {
    font-size: 30px;
  }

  .posBox{
    position: initial;
    top:auto;
    left:auto;
  }

  .clipBox  {
    clip-path: none;
  }
  
  #modImgMain{
    box-shadow: none;
    clip-path: none;
    width: 100%;
  }

   #regularText  {
    font-size: 16px;
  }

 
}

@media screen and (max-width: 1020px) {
  #flexedRow {
    flex-direction: column-reverse;
    justify-content: flex-end;
    height: auto;
  }
}