/*!*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *!*/

/*!* Document*/
/*   ========================================================================== *!*/

/*!***/
/* * 1. Correct the line height in all browsers.*/
/* * 2. Prevent adjustments of font size after orientation changes in iOS.*/
/* *!*/

/*html {*/
/*    line-height: 1.15; !* 1 *!*/
/*    -webkit-text-size-adjust: 100%; !* 2 *!*/
/*}*/

/*!* Sections*/
/*   ========================================================================== *!*/

/*!***/
/* * Remove the margin in all browsers.*/
/* *!*/


/*body {*/
/*    margin: 0;*/
/*}*/

/*!***/
/* * Render the `main` element consistently in IE.*/
/* *!*/

/*main {*/
/*    display: block;*/
/*}*/

/*!***/
/* * Correct the font size and margin on `h1` elements within `section` and*/
/* * `article` contexts in Chrome, Firefox, and Safari.*/
/* *!*/

/*h1 {*/
/*    font-size: 2em;*/
/*    margin: 0.67em 0;*/
/*}*/

/*!* Grouping content*/
/*   ========================================================================== *!*/

/*!***/
/* * 1. Add the correct box sizing in Firefox.*/
/* * 2. Show the overflow in Edge and IE.*/
/* *!*/

/*hr {*/
/*    box-sizing: content-box; !* 1 *!*/
/*    height: 0; !* 1 *!*/
/*    overflow: visible; !* 2 *!*/
/*}*/

/*!***/
/* * 1. Correct the inheritance and scaling of font size in all browsers.*/
/* * 2. Correct the odd `em` font sizing in all browsers.*/
/* *!*/

/*pre {*/
/*    font-family: monospace, monospace; !* 1 *!*/
/*    font-size: 1em; !* 2 *!*/
/*}*/

/*!* Text-level semantics*/
/*   ========================================================================== *!*/

/*!***/
/* * Remove the gray background on active links in IE 10.*/
/* *!*/

/*a {*/
/*    background-color: transparent;*/
/*}*/

/*!***/
/* * 1. Remove the bottom border in Chrome 57-*/
/* * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.*/
/* *!*/

/*abbr[title] {*/
/*    border-bottom: none; !* 1 *!*/
/*    text-decoration: underline; !* 2 *!*/
/*    text-decoration: underline dotted; !* 2 *!*/
/*}*/

/*!***/
/* * Add the correct font weight in Chrome, Edge, and Safari.*/
/* *!*/

/*b,*/
/*strong {*/
/*    font-weight: bolder;*/
/*}*/

/*!***/
/* * 1. Correct the inheritance and scaling of font size in all browsers.*/
/* * 2. Correct the odd `em` font sizing in all browsers.*/
/* *!*/

/*code,*/
/*kbd,*/
/*samp {*/
/*    font-family: monospace, monospace; !* 1 *!*/
/*    font-size: 1em; !* 2 *!*/
/*}*/

/*!***/
/* * Add the correct font size in all browsers.*/
/* *!*/

/*small {*/
/*    font-size: 80%;*/
/*}*/

/*!***/
/* * Prevent `sub` and `sup` elements from affecting the line height in*/
/* * all browsers.*/
/* *!*/

/*sub,*/
/*sup {*/
/*    font-size: 75%;*/
/*    line-height: 0;*/
/*    position: relative;*/
/*    vertical-align: baseline;*/
/*}*/

/*sub {*/
/*    bottom: -0.25em;*/
/*}*/

/*sup {*/
/*    top: -0.5em;*/
/*}*/

/*!* Embedded content*/
/*   ========================================================================== *!*/

/*!***/
/* * Remove the border on images inside links in IE 10.*/
/* *!*/

/*img {*/
/*    border-style: none;*/
/*}*/

/*!* Forms*/
/*   ========================================================================== *!*/

/*!***/
/* * 1. Change the font styles in all browsers.*/
/* * 2. Remove the margin in Firefox and Safari.*/
/* *!*/

/*button,*/
/*input,*/
/*optgroup,*/
/*select,*/
/*textarea {*/
/*    font-family: inherit; !* 1 *!*/
/*    font-size: 100%; !* 1 *!*/
/*    line-height: 1.15; !* 1 *!*/
/*    margin: 0; !* 2 *!*/
/*}*/

/*!***/
/* * Show the overflow in IE.*/
/* * 1. Show the overflow in Edge.*/
/* *!*/

/*button,*/
/*input { !* 1 *!*/
/*    overflow: visible;*/
/*}*/

/*!***/
/* * Remove the inheritance of text transform in Edge, Firefox, and IE.*/
/* * 1. Remove the inheritance of text transform in Firefox.*/
/* *!*/

/*button,*/
/*select { !* 1 *!*/
/*    text-transform: none;*/
/*}*/

/*!***/
/* * Correct the inability to style clickable types in iOS and Safari.*/
/* *!*/

/*button,*/
/*[type="button"],*/
/*[type="reset"],*/
/*[type="submit"] {*/
/*    -webkit-appearance: button;*/
/*}*/

/*!***/
/* * Remove the inner border and padding in Firefox.*/
/* *!*/

/*button::-moz-focus-inner,*/
/*[type="button"]::-moz-focus-inner,*/
/*[type="reset"]::-moz-focus-inner,*/
/*[type="submit"]::-moz-focus-inner {*/
/*    border-style: none;*/
/*    padding: 0;*/
/*}*/

/*!***/
/* * Restore the focus styles unset by the previous rule.*/
/* *!*/

/*button:-moz-focusring,*/
/*[type="button"]:-moz-focusring,*/
/*[type="reset"]:-moz-focusring,*/
/*[type="submit"]:-moz-focusring {*/
/*    outline: 1px dotted ButtonText;*/
/*}*/

/*!***/
/* * Correct the padding in Firefox.*/
/* *!*/

/*fieldset {*/
/*    padding: 0.35em 0.75em 0.625em;*/
/*}*/

/*!***/
/* * 1. Correct the text wrapping in Edge and IE.*/
/* * 2. Correct the color inheritance from `fieldset` elements in IE.*/
/* * 3. Remove the padding so developers are not caught out when they zero out*/
/* *    `fieldset` elements in all browsers.*/
/* *!*/

/*legend {*/
/*    box-sizing: border-box; !* 1 *!*/
/*    color: inherit; !* 2 *!*/
/*    display: table; !* 1 *!*/
/*    max-width: 100%; !* 1 *!*/
/*    padding: 0; !* 3 *!*/
/*    white-space: normal; !* 1 *!*/
/*}*/

/*!***/
/* * Add the correct vertical alignment in Chrome, Firefox, and Opera.*/
/* *!*/

/*progress {*/
/*    vertical-align: baseline;*/
/*}*/

/*!***/
/* * Remove the default vertical scrollbar in IE 10+.*/
/* *!*/

/*textarea {*/
/*    overflow: auto;*/
/*}*/

/*!***/
/* * 1. Add the correct box sizing in IE 10.*/
/* * 2. Remove the padding in IE 10.*/
/* *!*/

/*[type="checkbox"],*/
/*[type="radio"] {*/
/*    box-sizing: border-box; !* 1 *!*/
/*    padding: 0; !* 2 *!*/
/*}*/

/*!***/
/* * Correct the cursor style of increment and decrement buttons in Chrome.*/
/* *!*/

/*[type="number"]::-webkit-inner-spin-button,*/
/*[type="number"]::-webkit-outer-spin-button {*/
/*    height: auto;*/
/*}*/

/*!***/
/* * 1. Correct the odd appearance in Chrome and Safari.*/
/* * 2. Correct the outline style in Safari.*/
/* *!*/

/*[type="search"] {*/
/*    -webkit-appearance: textfield; !* 1 *!*/
/*    outline-offset: -2px; !* 2 *!*/
/*}*/

/*!***/
/* * Remove the inner padding in Chrome and Safari on macOS.*/
/* *!*/

/*[type="search"]::-webkit-search-decoration {*/
/*    -webkit-appearance: none;*/
/*}*/

/*!***/
/* * 1. Correct the inability to style clickable types in iOS and Safari.*/
/* * 2. Change font properties to `inherit` in Safari.*/
/* *!*/

/*::-webkit-file-upload-button {*/
/*    -webkit-appearance: button; !* 1 *!*/
/*    font: inherit; !* 2 *!*/
/*}*/

/*!* Interactive*/
/*   ========================================================================== *!*/

/*!**/
/* * Add the correct display in Edge, IE 10+, and Firefox.*/
/* *!*/

/*details {*/
/*    display: block;*/
/*}*/

/*!**/
/* * Add the correct display in all browsers.*/
/* *!*/

/*summary {*/
/*    display: list-item;*/
/*}*/

/*!* Misc*/
/*   ========================================================================== *!*/

/*!***/
/* * Add the correct display in IE 10+.*/
/* *!*/

/*template {*/
/*    display: none;*/
/*}*/

/*!***/
/* * Add the correct display in IE 10.*/
/* *!*/

/*[hidden] {*/
/*    display: none;*/
/*}*/














h2{
    font-size: 25px;
    font-weight: 600;
    font-family: 'Montserrat', serif;
    line-height: 24px;
    color: #fff;
    margin-bottom: 10px;
}

.div-logo{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}


.div-first-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.div-first-title p{
    font-size: 20px;
    font-weight: 600;
    font-family: 'Montserrat', serif;
    line-height: 24px;
    color: #fff;
}
.div-first-title ul{
    display: flex;
    flex-direction: row;
    list-style: none;
    justify-content: space-between;
}
.div-first-title ul li{
    margin-right: 1rem;
}

.div-first-button{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5% 0 5% 0;
}

.div-first-button button{
    background-color: #D20000;
    border-radius: 15px;
    padding: 0 10%;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    outline: none;
    border: none;
    box-shadow: 0 9px #ab0000;
    display: flex;
    align-items: center;
}

.button-pds:hover {
    background-color: #d91c1c
}

.button-pds p{
    font-family: Montserrat,'sans-serif';
    margin-left: 3px;
}


.pds-fa-brands{
    font-size: 20px;
    color: #ffffff;
}

.pds-fa-brands:hover{
    color: #D20000;
}

.pds-fa-brands:active{
    color: #D20000;
}

 .button-pds:active {
    background-color: #D20000;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}

.div-first-button button p{
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
    line-height: 40px;
}

.container-column{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.center-content{
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-card-container{
    background-image: url("https://lp.perudestinoseguro.com/assets/img/background-button.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    width: 50%;
}

.right-card-container p{
    font-family: Montserrat-semibold, serif;
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
    margin-left: 5px;
}

.left-card-container img{
    background-position: center;
    background-size: cover;
    border-bottom-right-radius: 27px;
    border-top-right-radius: 27px;
}

.horizontal-card{
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 10%;
    margin-bottom: 10%;
    box-shadow: 0 3px #fff;
    border-radius: 30px;
    height: 150px;
}

.horizontal-card:active{
    background-color: #D20000;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}

.horizontal-card a{
    text-decoration: none;
    display: flex;
    border-radius: 30px;
}


.card-features{
    width: 100%;
    /*background-color: #D20000;*/
    /*border-radius: 30px;*/
    padding: 10px;
    font-family: Roboto, serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    /*border: solid #ffffff 1px;*/
    margin: 5% 0 5% 0;
    background-image:  linear-gradient(rgb(0 0 0 / 0%), rgba(0, 0, 0, 0.3)), url(https://lp.perudestinoseguro.com/assets/img/background-button.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.card-features p{
    font-family: Roboto, serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
}

.card-features-year{
    border-radius: 30px;
    width: 70px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    font-size: 15px;
    color: #D20000;
    font-family: Montserrat, serif;
}


.card-features-year:hover{
    background-color: #D20000;
    color: #f0f0f0;
}

.card-features a{
    text-decoration: none;
}

.card-features-year p{
    color: #D20000;
    font-size: 20px;
}


.card-features-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-family: Montserrat-semibold, serif;
    color: #FFF;
}

.card-features-container a{
    text-decoration: none;
}

.card-features-container .text{
    display: flex;
    flex-direction: row;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    font-family: Roboto, serif;
}

.swiper {
    width: 600px;
    height: 300px;
}

.div-first-sep{
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 15px;
}

.div-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 15px 0 30px 0;
}


.card-carrousel-container{
    display: flex;
    flex-direction: row;
}

.card-carrousel{
    width: fit-content;
}

.card-carrousel img{
    border: 2px solid #ffffff;
    border-radius: 30px;
    width: 234px;
    height: 250px;
}

.swiper-description{
    position: absolute;
    bottom: 48px;
    width: 234px;
    height: 50px;
    background-color: #D20000;
    color: #ffffff;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat-semibold', serif;
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
    margin: 0 2px;
}

.content-video {
    background: rgb(199 0 0);
    color: #f1f1f1;
    padding: 22px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Roboto, serif;
    position: relative;
    bottom: 122px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    font-size: 12px;
    width: 90%;
}

.content-video h1{
    font-family: 'Montserrat', serif;
    font-size: 20px;
}


@media screen and (min-width: 601px){
    .bg-main{
        background-image: url("./assets/img/pds-logo.svg");
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f0f0f0;
        background-size: 0 0;
        width: 100%;
        height: 100%;
        position: fixed;
    }

    .bg-main:before{
        content: "";
        z-index: -1;
        position: inherit;
        left: inherit;
        top: inherit;
        width: inherit;
        height: inherit;
        background-image: inherit;
        background-size: cover;
        background-position: center;
        filter: blur(100px);
        transform: scale(1.2);
        will-change: filter;
    }

    .bg-class{
        overflow: hidden;
        position: relative;
        height: 100vh;
        width: 100%;
    }

    .bg-profile{
        background-position: 50% 15%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        overflow: hidden auto;
        max-height: 100%;
        background-image: none;
        padding-top: 72px;
        display: flex;
        justify-content: center;
    }

    .profile-inner{
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(./assets/img/background-main-obs.jpg);
        background-size: cover;
        border-radius: 24px;
        width: 720px;
        height: fit-content;
        margin-bottom: 144px;
    }

    .div-first-title ul li a svg{
        max-height: 26px;
        width: auto;
        display: inline;
    }

    .div-first-title ul li a svg path{
        fill: #D20000;
    }

    .div-first-title p{
        color: #D20000;
    }

    .content-video {
        position: relative;
        bottom: 172px;
        background: rgb(199 0 0);
        color: #f1f1f1;
        width: 94.5%;
        padding: 20px;
        height: 21px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Roboto, serif;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }

    .container-video{
        height: 720px;
        width: 100%;
    }

    .button-video{
        position: relative;
        z-index: 3;
        bottom: 450px;
        left: 300px;
        background: none;
        border: none;
        content: none;
    }

    .button-video img{
        width: 100px;
        height: 100px;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@font-face {
    font-family: Montserrat;
    src: url('assets/fonts/Montserrat-Bold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: Montserrat-semibold;
    src: url('assets/fonts/Montserrat-SemiBold.ttf');
    font-weight: 600;
}


@font-face {
    font-family: Roboto;
    src: url('assets/fonts/RobotoFlex-Regular.ttf');
    font-weight: bold;
}




@media screen and (max-width: 600px) {
    .column {
        flex: 100%;
        max-width: 100%;
    }
    .bg-main{
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("./assets/img/background-main-obs.jpg");
        background-size: cover;
        background-position: center;
        width: 100%;
        margin: 0;
    }
    /*.div-logo{*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*    margin-top: 30px;*/
    /*}*/

    .footer{
        width: 100%;
        height: 117px;
        background-image: url(./assets/img/footer.svg);
        background-position: center;
        background-size: cover;
        background-repeat: repeat-x;
        margin-bottom: 0px;
        margin-top: 15px;
        display: flex;
        justify-content: center;
        align-items: start;
    }

    .button-video{
        position: relative;
        z-index: 3;
        bottom: 260px;
        left: 160px;
        background: none;
        border: none;
        content: none;
        width: 50px;
        height: 50px;
    }
}


@media screen and (max-width: 400px){
    .content-video{
        position: relative;
        bottom: 122px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        font-size: 12px;
        width: 87.9%;
    }
}

@keyframes shake_small_infinite {
    0%,to {
        transform: translateZ(0)
    }

    15%,25%,35%,45%,5% {
        transform: translate3d(-5px,0,0)
    }

    10%,20%,30%,40% {
        transform: translate3d(5px,0,0)
    }

    50% {
        transform: translateZ(0)
    }
}

.shake_small_infinite {
    animation-name: shake_small_infinite;
    transform-origin: center;
    animation-duration: 4s;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}