 .ie-intro {padding: clamp(30px, calc( (70 / 1920) * 100vw ), 70px) 0;border-bottom: 1px solid var(--line);background: #fff;}
 .ie-intro h2{
    font-size: clamp(24px, 1.9vw, 36px);
    text-align: center;
    margin-bottom: 30px;
}
 .ie-intro p{
    font-size: clamp(14px, 0.95vw, 18px);
    text-align: center;
    width: 100%;
    padding-bottom: 60px;
    margin:auto;
}

        .ie-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 120px; align-items: flex-start; }
        
        .ie-intro-box {/* margin-bottom: 120px; */}
        .ie-intro-box:nth-child(even) { margin-top: 100px; } /* ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€¦Ã‚Â¸ */
        
        .img-placeholder { width: 100%; height: 500px; background: var(--bg-soft); overflow: hidden; margin-bottom: 35px; border: 1px solid var(--line); }
        .img-placeholder img {width: 100%;height: 100%;object-fit: cover;/* filter: grayscale(1); */transition: 0.8s;}
        .img-placeholder:hover img { filter: grayscale(0); }
        
        .ie-intro-box h3 { font-size: 14px; letter-spacing: 3px; color: var(--brand-blue); text-transform: uppercase; margin-bottom: 20px; }
        .ie-intro-box h2 {font-size: clamp(20px, 1.6vw, 30px);font-weight: 200;line-height: 1.2;margin-bottom: 25px;text-align: left;}
        .ie-intro-box p {font-size: clamp(14px, 0.95vw, 18px);color: #000;text-align: justify;line-height: 1.8;max-width: 98%;padding-bottom: 0;}


@media(max-width:991px){
.ie-intro-grid {grid-template-columns: 1fr;gap: 20px;}
.img-placeholder {height: auto;}
.ie-intro-box:nth-child(even) {margin-top: 30px;}        
}