.page-header{

margin-top:90px;

height:280px;

background:linear-gradient(rgba(11,31,58,.8),rgba(11,31,58,.8)),
url(images/hero.jpg);

background-size:cover;

background-position:center;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

color:#fff;

text-align:center;

}

.page-header h1{

font-size:50px;

margin-bottom:15px;

}

.page-header p{

font-size:20px;

color:#ddd;

}

.about-page{

padding:100px 0;

background:#fff;

}

.about-page .container{

width:80%;

margin:auto;

}

.about-page h2{

font-size:38px;

color:#0B1F3A;

margin-bottom:35px;

}

.about-page p{

font-size:18px;

line-height:2.5;

color:#555;

text-align:justify;

}

.clients{
    padding:100px 0;
    background:#F8FAFC;
}

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

.logo-track{

    display:flex;
    align-items:center;
    gap:40px;

    width:max-content;

    animation:logos 25s linear infinite;
}

.logo-track img{

    width:180px;
    height:90px;

    object-fit:contain;

    background:#fff;

    padding:20px;

    border-radius:15px;

    box-shadow:0 10px 20px rgba(0,0,0,.08);

    flex-shrink:0;
}

@keyframes logos{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(calc(-50% - 20px));
    }

}
.clients{

    padding:100px 0;

    background:#F8FAFC;

}

.carousel{

    width:90%;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:20px;

}

.carousel-track{

    display:flex;

    gap:20px;

    overflow:hidden;

    width:900px;

}

.logo{

    min-width:200px;

    height:110px;

    background:#fff;

    border-radius:15px;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.3s;

}

.logo:hover{

    transform:translateY(-8px);

}

.logo img{

    width:130px;

    object-fit:contain;

}

.prev,.next{

    width:50px;

    height:50px;

    border:none;

    border-radius:50%;

    background:#0B1F3A;

    color:#fff;

    font-size:22px;

    cursor:pointer;

    transition:.3s;

}

.prev:hover,.next:hover{

    background:#C8A24A;

}