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

.info-section{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    padding:80px 0;
    height:auto;
    box-sizing: border-box;
}

/* LEFT */
.info-text{
    width:50%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:60px;
    background:#ffffff;
}

.info-text h4{
    color:#00a8cc;
    margin-bottom:10px;
    font-size:14px;
}

.info-text h2{
    font-size:36px;
    margin-bottom:15px;
    color:#0a3d62;
}

.info-text p{
    font-size:16px;
    line-height:1.6;
    color:#555;
    max-width:500px;
}

/* RIGHT */
.info-image{
    width:50%;
}

.info-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
@media (max-width: 768px){
    .info-section{
        flex-direction:column;
        height:auto;
        box-sizing: border-box;
    }

    .info-text,
    .info-image{
        width:100%;
        box-sizing: border-box;
    }

    .info-image{
        height:250px;
    }

    .info-text{
         padding:20px 15px;
        text-align:center;
        align-items:center;
    }

    .info-text h2{
        font-size:26px;
    }

    .info-text p{
        font-size:14px;
    }
}

/* styling 2nd hero section */
/* OUTER SECTION */
.wide-section{
    max-width:1200px;
    margin:0 auto;
    background:#fff;
}

/* INNER CONTAINER (controls width + centers content) */
.wide-container{
    max-width:1200px;  
    margin:0 auto;      
    display:flex;
    align-items:center;
    gap:30px;
    padding:0 20px;     
}

/* LEFT (70%) */
.wide-text h4{
    color:#00a8cc;
    margin-bottom:10px;
    font-size:14px;
}

.wide-text h3{
    color:#0a3d62;
    font-size:20px;
    margin-bottom:15px;
}

.wide-text p{
    color:#555;
    font-size:16px;
    line-height:1.6;
}

/* RIGHT (30%) */
.wide-video{
    flex:3;
}

.wide-video video{
    width:100%;
    border-radius:10px;
}

@media (max-width:768px){
    .wide-container{
        flex-direction:column;
    }

    .wide-text,
    .wide-video{
        width:100%;
    }

    .wide-video{
        margin-top:15px;
    }
}

/* FOOTER MAIN */
.footer{
    width:100%;
    background:#0b4f66;
    color:white;
    padding:60px 8% 20px;
    box-sizing:border-box;
     margin-top: 80px;
}

/* CONTAINER */
.footer-container{
    display:flex;
    justify-content:space-between;
    gap:40px;
}

/* COLUMNS */
.footer-col{
    width:30%;
}

/* LEFT TITLE */
.footer-col h2{
    font-size:20px;
    margin-bottom:15px;
}

.footer-col h2 span{
    color:#00c6d7;
}

/* HEADINGS */
.footer-col h3{
    margin-bottom:15px;
}

/* TEXT */
.footer-col p{
    font-size:14px;
    line-height:1.6;
    margin-bottom:15px;
    color:#dbe7ee;
}

/* LIST */
.footer-col ul{
    list-style:none;
    padding:0;
}

.footer-col ul li{
    margin-bottom:10px;
    font-size:14px;
    color:#dbe7ee;
    position:relative;
    padding-left:15px;
}

/* DASH BEFORE LINKS */
.footer-col ul li::before{
    content:"-";
    position:absolute;
    left:0;
    color:#00c6d7;
}

/* BOTTOM */
.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:40px;
    border-top:1px solid rgba(255,255,255,0.2);
    padding-top:20px;
}

/* LINKS */
.footer-links a{
    color:#00c6d7;
    text-decoration:none;
    font-size:14px;
}

.footer-links span{
    margin:0 8px;
}

@media (max-width: 768px){
    .footer-container{
        flex-direction:column;
    }

    .footer-col{
        width:100%;
    }

    .footer-bottom{
        flex-direction:column;
        gap:10px;
        text-align:center;
    }
}