html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}


.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}
.navbar{
padding:15px 0;
}

.navbar-brand{
font-weight:bold;
color:#a11217 !important;
}

.nav-link{
margin-right:15px;
}

footer{
font-size:14px;
}
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    background:#f5f5f5;

}


main {
    flex: 1;
}
.logo{
height: 45px;
width:auto;
}

.navbar-brand{
font-weight:bold;
color:#a11217 !important;
display:flex;
align-items:center;
}
input, textarea{
    border-radius:10px;
    padding:12px;
}

button{
    border-radius:10px;
    padding:12px;
}

h2{
    font-weight:bold;
}
.card{
    border:none;
    border-radius:15px;
}

.form-control{
    border-radius:10px;
    padding:12px;
}

textarea{
    resize:none;
}

h2{
    font-weight:bold;
}
iframe{
    border-radius:15px;
}
.map-container{
    max-width:620px;
    margin:0 auto;
    border-radius:15px;
    overflow:hidden; 
    box-shadow:0 5px 20px rgba(0,0,0,0.2); 
    background:white;
}

.map-container iframe{
    width:100%;
    height:300px;
    border:0;
}

.service-box{
    background:white;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,0.1);
    transition:0.3s;
}

.service-box:hover{
    transform:translateY(-8px);
}

.service-box h4{
    margin-bottom:10px;
}
.about-img{
    width:100%;
    max-width:400px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,0.2);
}
/* HERO */
.hero{
    height:100vh;
    background:url('/images/hero.jpg') center/cover no-repeat;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
}

.hero-overlay{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
}

.hero-content{
    position:relative;
    z-index:2;
}

.hero h1{
    font-size:50px;
    font-weight:bold;
}

/* SERVICE */
.service-card{
    background:white;
    border-radius:15px;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    transition:0.3s;
}

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

/* CTA */
.cta{
    background:#000;
    color:white;
    padding:60px 20px;
}

.about-home p{
    font-size:15px;
}

.about-home .row p{
    margin-bottom:8px;
}
.about-img{
    max-width:400px;
}
.about-home .row{
    display:flex;
    align-items:center;
}


.service-card{
    background:white;
    border-radius:15px;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    text-decoration:none;
    color:black;
    display:block;
    transition:0.3s;
}

.service-card:hover{
    transform:translateY(-10px);
    color:black;
}
.about-page{
    background:#f8f9fa;
}

.about-img{
    width:100%;
    max-width:450px;
    height: 550px;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.about-img {
    margin-top: -70px;
}

.about-page ul{
    list-style:none;
    padding:0;
}

.about-page ul li{
    margin-bottom:10px;
}
.why-us{
    background:white;
}

.why-card{
    background:#f8f9fa;
    border-radius:15px;
    height:100%;
    transition:0.2s;
}

.why-card:hover{
    transform:none;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}
.services{
    background:#f8f9fa;
}

.service-box{
    background:white;
    border-radius:15px;
    transition:0.3s;
    height:100%;
    box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

.service-box:hover{
    transform:translateY(-8px);
    box-shadow:0 12px 30px rgba(0,0,0,0.1);
}

.service-box ul{
    list-style:none;
    padding:0;
    margin-top:10px;
}

.service-box ul li{
    margin-bottom:6px;
}

.big-icon{
    font-size:40px;
    color:#a11217;
}
.about1-img {
    width: 100%;          
    max-width: 400px;   
    height: 350px;        
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.btn-danger {
    background-color: #a11217 !important;
    border: none !important;
}

.btn-danger:hover {
    background-color: #7f0d12 !important;
}