.dropdown:hover .dropdown-menu-des {
    display: block;
    margin-top: 0;
 }

/*features en pdfs*/
.features {
text-align: center;
}

.features .header {
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
text-align: center;
background-color: #fff;
color: #6C55F9;
font-size: 24px;
box-shadow: 0 2px 4px rgba(95, 92, 120, 0.16);
}

.features h5 {
color: #2D2B3A;
}

.features p {
font-size: 13px;
color: #898798;
}

.page-section {
position: relative;
padding-top: 80px;
padding-bottom: 80px;
color: #898798;
overflow: hidden;
}

/*Texto Legislacion*/
.title-section {
color: #645F88;
}

.page-section {
position: relative;
padding-top: 80px;
padding-bottom: 80px;
color: #898798;
overflow: hidden;
}

/*Planes de desarrollol*/
.card-service {
display: block;
margin: 16px auto;
padding: 32px 20px;
max-width: 300px;
text-align: center;
color: #898798;
border-radius: 8px;
box-shadow: 0 3px 12px rgba(95, 92, 120, 0.12);
}

.card-service .header {
margin-bottom: 24px;
}

/*Animaciones de entrada de seccion de funciones*/
.animated{
width: 400px;
height: 221px;
background-position: center;
background-size: cover;
}

/* Fade in left */
.fadeInLeft{
-webkit-animation: fadeInLeft 1.2s both; /* Safari 4+ */
-moz-animation: fadeInLeft 1.2s both; /* Fx 5+ */
-o-animation: fadeInLeft 1.2s both; /* Opera 12+ */
animation: fadeInLeft 1.2s both; /* IE 10+, Fx 29+ */
} 

/* Safari 4+ */
@-webkit-keyframes fadeInLeft {
0% {
  opacity: 0;
  -webkit-transform: translateX(-50px);
}
100% {
  opacity: 1;
  -webkit-transform: translateX(0);
}
}

/* Fx 5+ */
@-moz-keyframes fadeInLeft {
0% {
  opacity: 0;
  -moz-transform: translateX(-50px);
}
100% {
  opacity: 1;
  -moz-transform: translateX(0);
}
}

/* Opera 12+ */
@-o-keyframes fadeInLeft {
0% {
  opacity: 0;
  -o-transform: translateX(-50px);
}
100% {
  opacity: 1;
  -o-transform: translateX(0);
}
}

/* IE 10+, Fx 29+ */
@keyframes fadeInLeft {
0% {
  opacity: 0;
  transform: translateX(-50px);
}
100% {
  opacity: 1;
  transform: translateX(0);
}
}


/* Fade in top */
.fadeInTop {
-webkit-animation: fadeInTop 1.2s both; /* Safari 4+ */
-moz-animation: fadeInTop 1.2s both; /* Fx 5+ */
-o-animation: fadeInTop 1.2s both; /* Opera 12+ */
animation: fadeInTop 1.2s both; /* IE 10+, Fx 29+ */
} 

@-webkit-keyframes fadeInTop {
0% {
  opacity: 0;
  -webkit-transform: translateY(-50px);
}
100% {
  opacity: 1;
  -webkit-transform: translateY(0);
}
}

@-moz-keyframes fadeInTop {
0% {
  opacity: 0;
  -moz-transform: translateY(-50px);
}
100% {
  opacity: 1;
  -moz-transform: translateY(0);
}
}

@-o-keyframes fadeInTop {
0% {
  opacity: 0;
  -o-transform: translateY(-50px);
}
100% {
  opacity: 1;
  -o-transform: translateY(0);
}
}

@keyframes fadeInTop{
0% {
  opacity: 0;
  transform: translateY(-50px);
}
100% {
  opacity: 1;
  transform: translateY(0);
}
}

/* Fade in right */
.fadeInRight {
-webkit-animation: fadeInRight 1.2s both; /* Safari 4+ */
-moz-animation: fadeInRight 1.2s both; /* Fx 5+ */
-o-animation: fadeInRight 1.2s both; /* Opera 12+ */
animation: fadeInRight 1.2s both; /* IE 10+, Fx 29+ */
} 

@-webkit-keyframes fadeInRight {
0% {
  opacity: 0;
  -webkit-transform: translateX(50px);
}
100% {
  opacity: 1;
  -webkit-transform: translateX(0);
}
}

@-moz-keyframes fadeInRight {
0% {
  opacity: 0;
  -moz-transform: translateX(50px);
}
100% {
  opacity: 1;
  -moz-transform: translateX(0);
}
}

@-o-keyframes fadeInRight {
0% {
  opacity: 0;
  -o-transform: translateX(50px);
}
100% {
  opacity: 1;
  -o-transform: translateX(0);
}
}

@keyframes fadeInRight {
0% {
  opacity: 0;
  transform: translateX(50px);
}
100% {
  opacity: 1;
  transform: translateX(0);
}
}

/*Animaciones de entrada de seccion de funciones*/



/* #footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}*/


.alineadoTextoImagenArriba{
  vertical-align: text-top;  
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
}


.p-4 {
    padding: 1rem!important;
}
       .txtcard {
    text-align: right;
}

/*Crads del Home*/

.cardModify {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgb(255 255 255 / 13%);
border-radius: .25rem;
border-block-end-color: inherit;
}

.cardcompleto {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgb(255 255 255 / 13%);
border-radius: .25rem;
}

/*Efectos en iconos*/
        icon{
  height: 30px;
  width: 30px;
  text-align: center;
  padding: 10px;
  margin: 0px 5px;
  color: #555;
  font-size: 28px;
}

icon:hover{
  border-radius: 50%;
  color: #fff;
  background-color: #333;
}

.grow:hover
{
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .dropdown-menu li{ position: relative; 	}
    .nav-item .submenu{ 
        display: none;
        position: absolute;
        left:100%; top:-7px;
    }
    .nav-item .submenu-left{ 
        right:100%; left:auto;
    }
    .dropdown-menu > li:hover{ background-color: #f1f1f1 }
    .dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */