/* ================= SLIDER ================= */

.slider{
 width:100%;
overflow:hidden;
position:relative;
}

/* TRACK */
.slider-track{
display:flex;
}

/* SLIDE */
.slide{
min-width:100%;
}

.slide img{
width:100%;
height:93vh;
object-fit:cover;
display:block;
}

/* ================= HERO TEXT ================= */

.hero-text{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
color:white;
z-index:5;
width:90%;
animation:fadeUp 1.2s ease;
}

.hero-text h1{
font-size:55px;
font-weight:bold;
text-shadow:0 4px 15px rgba(0,0,0,.7);
}

.hero-text p{
font-size:22px;
margin-top:10px;
text-shadow:0 2px 10px rgba(0,0,0,.7);
}

/* TEXT ANIMATION */
@keyframes fadeUp{
from{
opacity:0;
transform:translate(-50%,-20%);
}
to{
opacity:1;
transform:translate(-50%,-50%);
}
}

/* ================= BUTTON ================= */

.btn{
position:absolute;
top:50%;
transform:translateY(-50%);
background:#0008;
color:#fff;
border:none;
font-size:28px;
padding:12px 18px;
cursor:pointer;
z-index:1;
}

.prev{left:10px;}
.next{right:10px;}

.btn:hover{
background:black;
}

/* ================= MOBILE ================= */

@media(max-width:768px){

.slide img{
height:45vh;
}

.hero-text h1{
font-size:28px;
}

.hero-text p{
font-size:16px;
}

.btn{
font-size:20px;
padding:8px 12px;
}

}



 

/* SECTION */
.project-section{
    width:100%;
    padding:60px 20px;
    background:#f4f4f4;
}

/* CONTAINER */
.container{
    max-width:80%;
    margin:auto;
    width:100%;
}

/* TITLE */
.title{
    font-size:clamp(24px,3vw,40px);
    font-weight:700;
    margin-bottom:25px;
    position:relative;
}

/* UNDERLINE */
.title::after{
    content:"";
    width:80px;
    height:4px;
    background:#2e8b8b;
    position:absolute;
    left:0;
    bottom:-10px;
}

/* DESCRIPTION */
.desc{
    font-size:clamp(14px,1.2vw,18px);
    line-height:1.7;
    color:#333;
    margin-top:20px;
}




/* ================= SECTION ================= */
.project-corridor-section{
    /* background:#f2f2f2; */
    padding:50px 0;
}

/* CONTAINER */
.project-corridor-container{
    width:88%;
    max-width:1400px;
    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:80px;
}

/* ================= LEFT CONTENT ================= */
.project-corridor-content{
    width:42%;
}

.project-corridor-content h2{
    font-size:42px;
    font-weight:700;
    color:#333;
}

/* UNDERLINE */
.project-corridor-title-line{
    width:75px;
    height:4px;
    background:#4fa3a3;
    margin:18px 0 28px;
}

.project-corridor-content p{
    font-size:17px;
    line-height:1.9;
    color:#333;
}

/* ================= RIGHT IMAGE ================= */
.project-corridor-image-box{
    width:58%;
    margin-top:7%;
}

.project-corridor-image-box img{
    width:100%;
    border:3px solid #000;
    display:block;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1024px){

    .project-corridor-container{
        flex-direction:column;
        gap:40px;
    }

    .project-corridor-content,
    .project-corridor-image-box{
        width:100%;
    }

    .project-corridor-image-box{
        margin-top:0;
    }
}

@media(max-width:600px){

    .project-corridor-section{
        padding:60px 20px;
    }

    .project-corridor-content h2{
        font-size:28px;
    }

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





/* ================= SECTION ================= */
.working-strategy-section{
    background:#f2f2f2;
    padding:100px 0;
}

/* CONTAINER */
.working-strategy-container{
    width:88%;
    max-width:1400px;
    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:80px;
}

/* ================= LEFT CONTENT ================= */
.working-strategy-content{
    width:35%;
}

.working-strategy-content h2{
    font-size:42px;
    font-weight:700;
    color:#333;
}

/* UNDERLINE */
.working-strategy-title-line{
    width:75px;
    height:4px;
    background:#4fa3a3;
    margin:18px 0 28px;
}

/* TEXT */
.working-strategy-content p{
    font-size:17px;
    line-height:1.9;
    color:#333;
}

/* INNER HEADINGS */
.working-strategy-content p strong{
    display:block;
    font-size:18px;
    margin-top:22px;
    margin-bottom:6px;
    color:#000;
}

/* ================= RIGHT IMAGE ================= */
.working-strategy-image-box{
    width:65%;
    margin-top:70px;
}

.working-strategy-image-box img{
    width:100%;
    border:3px solid #000;
    display:block;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1024px){

    .working-strategy-container{
        flex-direction:column;
        gap:40px;
    }

    .working-strategy-content,
    .working-strategy-image-box{
        width:100%;
    }

    .working-strategy-image-box{
        margin-top:0;
    }
}

@media(max-width:600px){

    .working-strategy-section{
        padding:60px 20px;
    }

    .working-strategy-content h2{
        font-size:28px;
    }

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



/* ================= FOOTER ================= */
.footer{
    background:#000;
    color:#fff;
    /* padding:80px 0 30px; */
}

/* CONTAINER */
.footer-container{
    width:90%;
    max-width:1300px;
    margin:auto;

    display:flex;
    justify-content:space-between;
    gap:60px;
    flex-wrap:wrap;
}

/* COLUMNS */
.footer-col{
    flex:1;
    min-width:260px;
}

/* HEADINGS */
.footer h3{
    font-size:26px;
    margin-bottom:25px;
    font-weight:600;
}

/* TEXT */
.footer p,
.footer a{
    font-size:15px;
    line-height:1.8;
    color:#ddd;
    text-decoration:none;
}

/* LINKS */
.footer a{
    display:block;
    margin-bottom:12px;
    transition:0.3s;
}

.footer a:hover{
    color:#4fa3a3;
}

/* COMPANY INFO ICONS */
.footer-info{
    display:flex;
    align-items:flex-start;
    gap:15px;
    /* margin-bottom:20px; */
}

.footer-info i{
    font-size:20px;
    color:#4fa3a3;
    margin-top:5px;
}

/* BOTTOM COPYRIGHT */
.footer-bottom{
    text-align:center;
    margin-top:50px;
    font-size:14px;
    color:#aaa;
}

/* ================= RESPONSIVE ================= */

/* TABLET */
@media(max-width:992px){
    .footer-container{
        gap:40px;
    }
}

/* MOBILE */
@media(max-width:768px){

    .footer{
        padding:60px 20px 20px;
    }

    .footer-container{
        flex-direction:column;
        gap:40px;
    }

    .footer h3{
        font-size:22px;
    }
}

/* SMALL MOBILE */
@media(max-width:480px){

    .footer h3{
        font-size:20px;
    }

    .footer p,
    .footer a{
        font-size:14px;
    }
}