body{font-family:Arial,sans-serif;color:#f6f7eb;overflow-x:hidden}
.navbar{background:#f6f7eb}
.hero{background:#0d3b66}
.header_logo{max-width: 170px; min-height: 50px; height: auto; }
.hero h1{font-size:clamp(2rem,5vw,4rem);font-weight:700}
.hero p{font-size:clamp(1rem,2vw,1.2rem)}
.hero-small{background:#0d3b66;padding:4rem 0}
.hero-small p{max-width:700px}
.details{color: #393e41;}
.card{background:#0d3b66; color: #f4d35e; border:none;border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.08)}
.btn-warning{background:#f6f7eb;border-color:#f6f7eb}
.btn-warning:hover{background:#f4d35e;border-color:#f4d35e}
.footer-dark{background:#0d3b66;color:#fff}
.footer-dark a{text-decoration:none;color:#fff}
img{max-width:100%;height:auto}
@media (max-width:991.98px){
.hero{padding-top:2rem!important;padding-bottom:2rem!important}
.navbar-collapse{text-align:center;padding-top:1rem}
}
@media (max-width:767.98px){
.container{padding-left:20px;padding-right:20px}
.card{margin-bottom:1rem}
.btn{width:100%}
.hero img{max-width:90%}
}
@media (max-width:575.98px){
.hero h1{line-height:1.2}
.hero-small{padding:3rem 0}
}