body {
    font-family: Arial, Helvetica, sans-serif;
    /*    margin: 0;
    margin-bottom: 40px;*/
    background-color: #a0a0a0;
    background: linear-gradient(135deg, #c2c2c255 25%, transparent 25%) -10px 0/ 20px 20px, linear-gradient(225deg, #c2c2c2 25%, transparent 25%) -10px 0/ 20px 20px, linear-gradient(315deg, #c2c2c255 25%, transparent 25%) 0px 0/ 20px 20px, linear-gradient(45deg, #c2c2c2 25%, #a0a0a0 25%) 0px 0/ 20px 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    /*    padding-left: 15px;
    padding-right: 15px;*/
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.section {
    height: 100%;
    /*    animation: myAnim 1s ease 0s 1 normal forwards;*/
}


.section-titulo {
    width: 100%;
    color: #4920a0;
    font-weight: 500;
    background: #4920a0 center center no-repeat;
    background-size: cover;
}

    .section-titulo .titulo {
        color: #fff;
        margin-bottom: 0;
        flex: 1;
    }

p {
    color: #4e4d51;
    text-align: justify;
}

/*.card:hover {
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.6);
}*/

.navbar-collapse {
    flex-grow: 0 !important;
}


@keyframes myAnim {
    0% {
        opacity: 0;
        transform: translateX(-250px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.carousel-inner h2 {
	color:white;
    animation: myAnim 2s ease 0s 1 normal forwards;
    /* From https://css.glass */
    background: rgba(97, 94, 94, 0.27);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(17.5px);
    -webkit-backdrop-filter: blur(17.5px);
    /*border: 1px solid rgba(97, 94, 94, 0.34);*/
}

.section-parrafo h3 {
    animation: myAnim 1.5s ease 0s 1 normal forwards;
}

.section-parrafo p {
    animation: myAnim 2s ease 0s 1 normal forwards;
}


.card {
    -webkit-animation-name: card;
    animation-name: card;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes card {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes card {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

/*.card {
    -webkit-animation-name: card;
    animation-name: card;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes card {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes card {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
} */

.pError {
    color: #f44336;
    margin-top: 3px;
    font-size: .8rem;
    margin-bottom: 0px;
}

.accordion {
    animation: card 1s ease 0s 1 normal forwards;
}


/*shappe divider*/
.custom-shape-divider-bottom-1707945401 {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(360deg);
}

    .custom-shape-divider-bottom-1707945401 svg {
        position: relative;
        display: block;
        width: calc(146% + 1.3px);
        height: 96px;
    }

    .custom-shape-divider-bottom-1707945401 .shape-fill {
        fill: #f5f5f5;
    }

.card {
    padding-left: initial;
    padding-right: initial;
    padding-bottom: initial;
}