*{
        margin:0;
        padding:0;
        box-sizing:border-box;
        font-family:Arial, sans-serif;
    }

    body{
        background:#f4f7fb;
    }

    /* SECTION */
    .principal-section{
        width:100%;
        padding:80px 20px;
        background:#f4f7fb;
    }

    .principal-container{
        max-width:1200px;
        margin:auto;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:50px;
        align-items:center;
		
    }

    /* IMAGE SIDE */
    .principal-image{
        position:relative;
    }

    .principal-image img{
        width:100%;
        border-radius:25px;
        box-shadow:0 10px 30px rgba(0,0,0,0.12);
        object-fit:cover;
    }

    /* EXPERIENCE BOX */
    .experience-box{
        position:absolute;
        bottom:20px;
        left:20px;
        background:white;
        padding:20px 25px;
        border-radius:18px;
        box-shadow:0 8px 20px rgba(0,0,0,0.15);
        text-align:center;
    }

    .experience-box h3{
        font-size:32px;
        color:#2563eb;
        margin-bottom:5px;
    }

    .experience-box p{
        font-size:15px;
        color:#555;
    }

    /* CONTENT SIDE */
    .principal-content{
        padding:10px;
    }

    .section-tag{
        display:inline-block;
        background:#dbeafe;
        color:#2563eb;
        padding:8px 18px;
        border-radius:30px;
        font-size:14px;
        font-weight:600;
        margin-bottom:20px;
    }

    .principal-content h2{
        font-size:48px;
        color:#111827;
        margin-bottom:25px;
        line-height:1.2;
    }

    .principal-content p{
        font-size:17px;
        color:#555;
        line-height:1.8;
        margin-bottom:20px;
    }

    /* PRINCIPAL INFO */
    .principal-info{
        margin-top:30px;
        margin-bottom:30px;
    }

    .principal-info h3{
        font-size:28px;
        color:#111827;
        margin-bottom:5px;
    }

    .principal-info span{
        color:#2563eb;
        font-weight:600;
        font-size:16px;
    }

    /* BUTTON */
    .read-btn{
        display:inline-block;
        background:#2563eb;
        color:white;
        padding:14px 28px;
        border-radius:12px;
        text-decoration:none;
        font-size:16px;
        font-weight:600;
        transition:0.3s;
    }

    .read-btn:hover{
        background:#1d4ed8;
        transform:translateY(-3px);
    }

    /* RESPONSIVE */
    @media(max-width:900px){

        .principal-container{
            grid-template-columns:1fr;
        }

        .principal-content{
            text-align:center;
        }

        .principal-content h2{
            font-size:36px;
        }

        .experience-box{
            left:50%;
            transform:translateX(-50%);
        }
    }

    @media(max-width:600px){

        .principal-section{
            padding:60px 15px;
        }

        .principal-content h2{
            font-size:30px;
        }

        .principal-content p{
            font-size:15px;
        }

        .experience-box{
            padding:15px 20px;
        }

        .experience-box h3{
            font-size:24px;
        }
    }