
        /* educacion styles */
        .education {
            position: relative;

            display: flex;

            justify-content: center;
            align-items: center;

            padding: 100px 20px;

            background: lightgray;
        }

        .education .target {
            position: absolute;

            top: 30px;
            left: 100%;

            transform: translateX(-100%);

            width: 450px;

            opacity: .12;

            background: transparent;
        }

        .education .container {
            display: flex;

            flex-direction: row;

            justify-content: center;
            align-items: center;

            gap: 72px;

            width: 100%;
            max-width: 1230px;

            background: transparent;
        }

        .education .container .left {
            width: 50%;
            max-width: 520px;
            border-radius: 8px;
            background: transparent;
        }

        .education .container .left img {
            width: 100%;

            object-fit: cover;
            object-position: center;
            border-radius: 8px;
            background: transparent;
        }

        .education .container .right {
            display: flex;
            flex-direction: column;
            width: 50%;
            max-width: 520px;
            gap: 26px;
            background: transparent;
        }

        .education .container .right h2 {
            margin: 0;

            font-size: 40px;

            line-height: 108%;

            color: black;
        }

        .education .container .right p {
            font-family: Puritan;
            font-weight: 400;
            font-style: Regular;
            font-size: 20px;
            line-height: 118%;
            letter-spacing: 0%;

            color: black;
        }

        .education .container .right .button {
            display: flex;
            width: fit-content;
            padding: 13px 28px;
            justify-content: center;
            align-items: center;

            margin-top: 8px;

            border-radius: 4px;

            background: #DDAA4F;

            text-decoration: none;

            color: black;

            font-size: 20px;
        }

        .education .container .right .button span {
            background: transparent;
        }