.contentEquidad  
    width: 100%
    padding: 3% 15%
    @media (max-width: 768px)
        padding: 3% 5%
    .content
        width: 100%
        align-items: stretch
        display: flex
        flex-direction: row
        padding: 5% 0%
        @media (max-width: 768px)
            flex-direction: column
    .content_2
        @media (max-width: 768px)
            flex-direction: column-reverse
    iframe
        width: 100%
        height: 650px
        border-radius: 20px
        @media (max-width: 768px)
            height: 300px
    .icon
        width: 100%
        @media (max-width: 768px)
            flex-wrap: wrap
        div
            width: 25%
            text-align: center
            @media (max-width: 768px)
                width: 50%
                padding: 0% 5%
            img
                height: 200px
                object-fit: contain
    .icon_2
        margin-top: -5%
        div
            padding: 0% 3%
        h2
            font-size: 22px
            text-align: left
            margin: 20px 0px
            @media (max-width: 768px)
                font-size: 20px
        p
            font-size: 16px
            text-align: left
    .icon_3
        margin-top: -5%      
        @media (max-width: 768px)  
            flex-direction: column
        div
            padding: 0% 3%
            width: 33.33%
            @media (max-width: 768px)
                width: 100%
        p
            font-size: 18px
            text-align: center
            font-weight: 600
            margin: 20px 0px
    .info
        width: 100%
        h1
            font-size: 30px
            text-align: center
            //text-transform: uppercase
            margin-bottom: 25px
        p
            text-align: justify
            font-size: 20px
            span
                color: #FE05FA
                font-size: 20px
        a
            background: #4C266F
            border-radius: 20px
            padding: 0.6rem 1rem
            font-size: 18px
            font-weight: 900
            color: #fff
            width: 170px
            text-align: center
            margin-top: 5%
    .info_2
        width: 50%
        padding-right: 5%
        @media (max-width: 768px)
            width: 100%
            padding: 0%
        h1
            font-size: 30px
            text-align: left
            //text-transform: uppercase
            margin-bottom: 25px
            @media (max-width: 768px)
                text-align: center
        p
            font-size: 20px
            text-align: justify
            @media (max-width: 768px)
                text-align: justify
        img
            width: 150px
            height: auto
            object-fit: contain
            margin-bottom: 45px
            margin-top: 12%
            @media (max-width: 768px)
                margin: 0 auto
                padding: 20px 0px
    .info_3
        padding-left: 5%
        padding-right: 0%
        @media (max-width: 768px)
            padding: 0%
    .image
        width: 50%
        border-radius: 20px
        @media (max-width: 768px)
            width: 100%
            margin: 20px 0px