:root{

--orange:#ff7a1a;
--dark:#222222;
--gray:#7f7f7f;

}

body{

font-family:Arial,sans-serif;

}



color:white;

padding:120px 0;

}

.btn-orange{

background:var(--orange);
color:white;

}

.section-title{

color:var(--orange);

font-weight:bold;

margin-bottom:40px;

}

.card{
    border:none;
    transition:0.3s;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.text-warning{
    color:#ff7a1a !important;
}



.service-card{
    border:none;
    border-radius:15px;
    transition:0.4s;
}

.service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.section-title{
    color:#ff7a1a;
    font-weight:bold;
}

img{
    transition:0.4s;
}

img:hover{
    transform:scale(1.03);
}

.project-img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:10px;
}

.whatsapp-float{
position:fixed;
bottom:20px;
right:20px;
width:60px;
height:60px;
background:#25D366;
color:white;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
text-decoration:none;
z-index:9999;
box-shadow:0 5px 15px rgba(0,0,0,.3);
}

.partner-logo{
    height:80px;
    object-fit:contain;
    transition:.3s;
}

.partner-logo:hover{
    transform:scale(1.1);
}

.footer-section{
    background:#111827;
    color:#fff;
    padding:60px 0 20px;
}

.footer-title{
    color:#f59e0b;
    font-weight:700;
}

.footer-links{
    list-style:none;
    padding:0;
}

.footer-links li{
    margin-bottom:10px;
}

.footer-links a{
    color:#ddd;
    text-decoration:none;
    transition:.3s;
}

.footer-links a:hover{
    color:#f59e0b;
}

.footer-section i{
  
    margin-right:8px;
}

.footer-section hr{
    border-color:rgba(255,255,255,.1);
}

.service-page-card{
  border:none;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
    margin-bottom:30px;
}

.service-page-card:hover{
    transform:translateY(-10px);
}

.service-page-card img{
      height:250px;
    width:100%;
    object-fit:cover;
}

.service-page-card:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.catalog-card{
    transition:.4s;
    border:none;
    overflow:hidden;
}

.catalog-card:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.catalog-card img{
    height:250px;
    width:100%;
    object-fit:cover;
}

.custom-navbar{
    background:rgba(15,20,30,.95);
    backdrop-filter:blur(10px);
    padding:12px 0;
    box-shadow:0 2px 15px rgba(0,0,0,.15);
}

.custom-navbar .nav-link{
    color:white !important;
    margin:0 10px;
    font-weight:500;
    transition:.3s;
}

.custom-navbar .nav-link:hover{
    color:#f9b000 !important;
}

.custom-navbar .nav-link.active{
    color:#f9b000 !important;
}

.navbar-brand img{
    transition:.3s;
}

.navbar-brand img:hover{
    transform:scale(1.05);
}
body{
    padding-top:80px;
}

.logo-navbar{
    height:60px;
    width:auto;
}

.custom-navbar{
    min-height:80px;
    background:#0f1722;
}
.navbar-nav .nav-link{
    font-size:15px;
    font-weight:500;
    margin:0 8px;
}

.navbar-nav{
    align-items:center;
}

.navbar-nav .nav-link{
    color:#fff !important;
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;
    margin:0 15px;
}

.navbar-nav .nav-link:hover{
    color:#f9b000 !important;
}
.navbar-brand img{
    height:70px;
}

.custom-navbar{
    padding:12px 0;
}
/* ====================================
   HERO SECTION
==================================== */

/* HERO */

.hero-section{
    position:relative;
}

.hero-bg{

    position:relative;

    width:100%;

    height:700px;

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

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

.hero-overlay{

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,.60);

    z-index:1;
}

.hero-content{

    position:relative;
    z-index:2;

    color:#fff;
    text-align:center;
}

.hero-content h1{

    font-size:70px;
    font-weight:800;
    text-transform:uppercase;
}

.hero-subtitle{

    font-size:24px;
    max-width:900px;
    margin:auto;
}

.hero-bg{
    width:100%;
    height:700px;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    display:flex;
    align-items:center;
    justify-content:center;
}

.card-stat{

border:none;

border-radius:20px;

transition:.3s;

}

.card-stat:hover{

transform:translateY(-5px);

}

.dashboard-title{

font-weight:700;

color:#0f172a;

}

.card{

border-radius:15px;

}

.social-links{
    display:flex;
    gap:15px;
    align-items:center;
}

.social-icon{

    width:45px;
    height:45px;

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

    background:#f59e0b;

    color:#fff;

    border-radius:50%;

    text-decoration:none;

    transition:.3s;
}

.social-icon:hover{

    background:#fff;

    color:#f59e0b;

    transform:translateY(-3px);

}