body{

font-family:Segoe UI,sans-serif;

}

.navbar{

background:#081f49 !important;

padding:18px 0;

}

/*.navbar-brand img{*/
/*    width:60px;*/
/*    height:60px;*/
/*    object-fit:contain;*/
/*    border-radius:0;*/
/*    background:none;*/
/*    padding:0;*/
/*    margin-right:10px;*/
/*}*/

/*.navbar-brand img{*/
/*    width:60px;*/
/*    height:60px;*/
/*    object-fit:contain;*/
/*    border-radius:50%;*/
/*}*/

/*.navbar-brand{*/
/*    display:flex;*/
/*    align-items:center;*/
/*    gap:10px;*/
/*}*/

/*.navbar-brand span{*/
/*    font-size:30px;*/
/*    font-weight:700;*/
/*    letter-spacing:1px;*/
/*}*/

/* Navbar */
/* .navbar{
    background: #081f49 !important;
    padding: 12px 0;
}

.navbar-logo{
    width: 55px;
    height: 55px;
    object-fit: contain;
}

.navbar-brand{
    color: #fff !important;
    font-size: 24px;
    font-weight: 700;
}

.navbar-brand:hover{
    color: #f4c542 !important;
}

.navbar-nav .nav-link{
    color: #fff !important;
    font-weight: 500;
    margin-left: 18px;
    transition: 0.3s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
    color: #f4c542 !important;
} */

/* .hero{

background:linear-gradient(135deg,#071d49,#0d4fa3);

padding:100px 0;

}

.hero-img{

max-height:520px;

animation:float 3s ease-in-out infinite;

}

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-15px);

}

100%{

transform:translateY(0);

}

}*/

.hero{
    background:#f8f9fa;
    padding:80px 0;
}

.hero h1{
    color:#0b2c5f;
}

.hero h3{
    color:#444;
}

.hero-img{
    width:100%;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

/*======================
 ABOUT SECTION
=======================*/





.about-section{
    background:#f4f7fb;
}

.about-left{

    background:#071B3A;
    color:#fff;
    padding:45px;

    border-right:5px solid #FDB913;
}

.about-left h2{

    color:#FDB913;
    margin-bottom:25px;
}

.about-left p{

    color:#d8e4ff;
    line-height:30px;
}

.icon-circle{

    width:70px;
    height:70px;

    background:#FDB913;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:auto;

    font-size:30px;
    color:#071B3A;

    margin-bottom:12px;

    font-weight:bold;
}

.quality-box{

    border:2px solid #FDB913;

    border-radius:12px;

    padding:25px;

    background:#fffbea;
}

.quality-icon{

    width:70px;

    height:70px;

    background:#071B3A;

    color:#FDB913;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    margin-right:20px;
}

.quality-box h4{

    color:#071B3A;
    font-weight:bold;
}

.feature-box{

background:white;

padding:35px;

border-radius:15px;

text-align:center;

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

transition:.4s;

}

.feature-box:hover{

transform:translateY(-8px);

}

.feature-box i{

font-size:50px;

color:#f5a623;

margin-bottom:20px;

}

.product-card{

border:none;

border-radius:20px;

overflow:hidden;

transition:.4s;

}

.product-card:hover{

transform:translateY(-10px);

}

.product-card img{

height:260px;

object-fit:contain;

padding:20px;

}

.btn-warning{

background:#f5a623;

border:none;

}

/*=========================
 WHY CHOOSE PERSURE
==========================*/

.why-box{
    background:#071B3A;
    border-radius:20px;
    padding:35px;
    color:#fff;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.why-title{
    background:#FDB913;
    color:#071B3A;
    display:inline-block;
    padding:12px 28px;
    border-radius:50px;
    font-size:22px;
    font-weight:700;
    margin-bottom:35px;
}

.why-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:30px;
}

.why-icon{
    width:65px;
    height:65px;
    border:2px solid #FDB913;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#FDB913;
    font-size:28px;
    flex-shrink:0;
}

.why-item h5{
    color:#FDB913;
    font-size:20px;
    margin-bottom:8px;
    font-weight:700;
}

.why-item p{
    color:#d6e4ff;
    line-height:28px;
    margin:0;
}



.why-section{
    background:#071B3A;
}

.section-title{
    display:inline-block;
    background:#FDB913;
    color:#071B3A;
    padding:12px 35px;
    border-radius:40px;
    font-weight:700;
}

.why-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    background:#0b2855;
    padding:20px;
    border-radius:12px;
    height:100%;
}

.why-item i{
    width:60px;
    height:60px;
    border:2px solid #FDB913;
    border-radius:50%;
    color:#FDB913;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    flex-shrink:0;
}

.why-item h5{
    color:#FDB913;
    margin-bottom:6px;
    font-weight:700;
}

.why-item p{
    color:#fff;
    margin:0;
}

.science-section{

    background:#ffffff;

}

.science-title{

    font-weight:700;
    color:#071B3A;
    margin-bottom:40px;

}

.science-card{

    background:#fff;

    border-radius:15px;

    text-align:center;

    padding:30px 20px;

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

    transition:.3s;

    height:100%;

}

.science-card:hover{

    transform:translateY(-8px);

}

.science-card i{

    font-size:55px;

    color:#FDB913;

    margin-bottom:18px;

}

.science-card h5{

    color:#071B3A;

    font-weight:700;

    font-size:20px;

}

.science-card p{

    color:#666;

}

.business-section{

background:#071B3A;

}

.business-box{

padding:50px;

border-radius:20px;

background:#071B3A;

}

.business-box h2{

color:#FDB913;

font-weight:700;

}

.business-box p{

color:#fff;

font-size:20px;

}

.business-item{

background:#0d2d61;

padding:30px 20px;

border-radius:15px;

height:100%;

transition:.3s;

}

.business-item:hover{

transform:translateY(-8px);

}

.business-item i{

font-size:50px;

color:#FDB913;

margin-bottom:15px;

display:block;

}

.business-item h6{

color:#fff;

line-height:28px;

}

.persure-logo{

font-size:70px;

font-weight:900;

color:#FDB913;

letter-spacing:3px;

}

/* footer{

background:#071d49;

color:white;

} */

/*==========================
 FOOTER
===========================*/

.footer-section{

    background:#071B3A;

    color:#fff;

    padding:45px 0 20px;

    border-top:5px solid #FDB913;

}

.footer-section h4{

    color:#FDB913;

    font-weight:700;

}

.footer-section p{

    color:#d6e4ff;

    margin-bottom:10px;

}

.footer-contact i{

    color:#FDB913;

    margin-right:10px;

    font-size:18px;

}

.footer-line{

    border-color:rgba(255,255,255,.2);

    margin:30px 0 20px;

}

.social-icon{

    width:45px;

    height:45px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:#fff;

    text-decoration:none;

    margin:5px;

    font-size:20px;

    transition:.3s;

}

.facebook{

    background:#1877F2;

}

.instagram{

    background:#E1306C;

}

.youtube{

    background:#FF0000;

}

.linkedin{

    background:#0A66C2;

}

.social-icon:hover{

    transform:translateY(-5px) scale(1.1);

}

.copyright{

    color:#ccc;

    font-size:15px;

}

.about-hero{

    background: linear-gradient(
        rgba(8,31,73,.75),
        rgba(8,31,73,.75)
    ),
    url('../images/banner/bannera.png');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

/*.about-hero{*/
/*    background:*/
/*        linear-gradient(rgba(8,31,73,.75), rgba(8,31,73,.75)),*/
/*        url('../images/banner/bannera.png') center/cover no-repeat;*/
/*}*/

.overlay{

    min-height:100vh;
    display:flex;
    align-items:center;
}

.about-hero h1{

    color:#fff;
    font-weight:700;
}

.about-hero p{

    color:#f5f5f5;
    font-size:20px;
    line-height:1.8;
}

.about-hero .btn{

    border-radius:50px;
    padding:12px 35px;
}