*{padding:0;box-sizing:border-box;margin:0}:root{--color-green:#10750e;--color-black:#061b08;--color-green-opacity:#10750e;--color-grey:#494949;--c-p:30px}.carousel-indicators li{text-indent:0!important}.svg-inline--fa.fa-stack-2x{height:2em!important;width:1em!important}.image-no-shrink{flex-shrink:0}.btn{white-space:initial}.dropdown-item{white-space:initial}html{font-size:16px;-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-shadow:rgba(0,0,0,.01) 0 0 1px}body{font-family:'Source Sans Pro',sans-serif;display:flex;min-height:100vh;flex-direction:column;color:#3e4246}body div.pad-all{padding:30px}nav{width:100%;height:80px;background-color:var(--color-black);border-bottom:2px dotted var(--color-green);position:fixed;z-index:2}nav .logo{color:var(--color-green);height:80px;line-height:80px;padding:10px 25px;font-weight:700}nav .menu{margin-bottom:20px}nav ul{float:right;margin-right:20px}nav ul li{display:inline-block;line-height:80px;margin:0 5px}nav ul li a{color:#fff;font-size:18px;text-transform:capitalize;padding:10px;border-radius:10px 5px}li a:hover,nav ul li a.active{color:var(--color-green);transition:.5s}nav .checkbtn{font-size:30px;color:var(--color-green);float:right;line-height:80px;margin-right:20px;cursor:pointer;display:none}nav #check{display:none}@media (max-width:952px){nav label.logo{height:75px;padding-left:50px}nav ul li a{font-size:10px}}@media (max-width:852px){nav .checkbtn{display:block;margin-top:5px}nav .checkbtn>img.menu{height:65px;line-height:80px;filter:opacity(.8) drop-shadow(0 0 0 var(--color-green))}nav ul{position:fixed;width:100%;height:100vh;background-color:var(--color-black);top:80px;left:-100%;text-align:center;transition:all .5s}nav ul li{display:block;margin:50px 0;line-height:30px}nav ul li a{font-size:20px;color:#fff}nav a.active,nav ul li a:hover{background:0 0;color:var(--color-green-opacity)}#check:checked~ul{left:0}}a{color:#10750e}p>a{text-decoration:underline}.alternate-font{font-family:'Averia Serif Libre',cursive}.w-10{width:10%!important}.font-weight-bold,strong{font-weight:600!important}.navbar-dark .navbar-brand{color:#fff;font-size:14px;text-transform:uppercase;line-height:1.625rem;font-weight:300}.navbar-dark .navbar-nav .nav-link{color:#fff}.navbar-expand-md .navbar-nav .nav-link{font-size:1.125rem;font-weight:300;padding-right:.5rem;padding-left:1.5rem}.navbar-brand{padding-top:0;padding-bottom:0}.card-img-top{max-width:355px}.card-columns .card{display:inline-block;page-break-inside:avoid;break-inside:avoid}.current-menu-ancestor,.navbar-dark .navbar-nav .active>.nav-link{text-decoration:underline}.chart-wrapper{width:100%;min-height:300px}.chart-legend-item{min-height:1.8rem;margin-bottom:.5rem}.chart-legend-item-block{float:left;margin-right:.5rem;height:1.1rem;width:2rem;display:table-cell}.chart-legend-item-text{display:table-cell;font-size:90%;line-height:1rem}.timeline{height:50px;overflow:visible}.list-large li{padding:.5rem 1rem;line-height:150%;border-bottom:1px solid #dee2e6}.dropdown-menu{border-radius:0;margin:0;padding:0;box-shadow:0 1px 2px rgba(0,0,0,.15)}.transcript{line-height:1.8rem}.hover-animation{box-shadow:0 1px 2px rgba(0,0,0,.15);transition:box-shadow .1s ease-in-out}.hover-animation:hover{box-shadow:0 5px 15px rgba(0,0,0,.3)}.card-body{padding:0}.card-body h3{margin-bottom:0}.btn-round-lg{border-radius:22.5px}.btn-round{border-radius:17px}.btn-round-sm{border-radius:15px}.btn-round-xs{border-radius:11px;padding-left:10px;padding-right:10px}.drop-shadow{border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.text-shadow{text-shadow:0 2px 5px rgba(0,0,0,.2)}.small,small{font-size:90%}.btn-primary{color:#fff;background-color:#10750e;border-color:#10750e}.btn-primary:hover{color:#fff;background-color:#061b08;border-color:#061b08}.display-1{font-size:2.25rem}.display-2{font-size:2rem}.display-3{font-size:1.5rem}.display-4{font-size:1.4rem}.display-5{font-size:1.25rem;font-weight:300;line-height:1.2}.text-xlarge{font-size:1.25rem}.text-large{font-size:1.2rem}.text-medium{font-size:1.15rem}.text-small{font-size:.9rem;line-height:1.1rem}.h1,h1{font-size:2rem}.h2,h2{font-size:1.7rem}.h3,h3{font-size:1.5rem}.h4,h4{font-size:1.2rem}.h5,h5{font-size:1.1rem}.dropdown-menu .nav-item a{padding:.25rem .5rem}.sprb-logo-header{margin-left:-8px;max-width:250px}.logo-wrapper img{margin-bottom:22px}@media (max-width:575px){.logo-wrapper img{margin-bottom:10px}}@media (max-width:400px){.sprb-logo-header{margin-left:-8px;max-width:200px}}@media (min-width:576px){.display-1{font-size:2.5rem}.display-2{font-size:2.2rem}.display-3{font-size:2rem}.display-4{font-size:1.7rem}.display-5{font-size:1.5rem;font-weight:300;line-height:1.2}}@media (min-width:768px){.sprb-logo-header{margin-left:-8px;max-width:300px}.dropdown-menu .nav-item a{padding:1rem 1rem}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2.1rem}.h3,h3{font-size:1.7rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.2rem}.display-1{font-size:2.7rem}.display-2{font-size:2.5rem}.display-3{font-size:2.2rem}.display-4{font-size:2rem}.display-5{font-size:1.7rem;font-weight:300;line-height:1.2}}@media (min-width:992px){.dropdown:hover>.dropdown-menu{display:block}.text-xlarge{font-size:1.5rem}.text-large{font-size:1.4rem}.text-medium{font-size:1.2rem}.text-small{font-size:.9rem}.display-1{font-size:3.5rem}.display-2{font-size:3.2rem}.display-3{font-size:3rem}.display-4{font-size:2.5rem}.display-5{font-size:2rem;font-weight:300;line-height:1.2}}.ocean{height:117px;overflow:hidden}.dotted-spaced{background-image:linear-gradient(to right,#333 10%,rgba(255,255,255,0) 0);background-position:top;background-size:10px 3px;background-repeat:repeat-x}main{flex:1 0 auto}.showcase{height:12rem;overflow:hidden}.showcase-sm{height:26rem;overflow:hidden}.showcase-action{height:9rem}.showcase-action>.container{height:9rem}.showcase-lg{height:13rem;overflow:hidden;background-size:cover;position:relative;background-position:center}.sprb-video{max-width:720px}.overlay-image{z-index:10;max-width:8rem;width:29rem}.overlay-image-permis{z-index:10;max-width:5rem;width:14rem}.overlay-text{position:relative;z-index:20}.showcase-header{z-index:10}.showcase-layer{background-color:rgba(0,0,0,.3);position:absolute;top:0;left:0;width:100%;height:100%}.showcase-title{margin-top:-1rem}.showcase-title-3{margin-top:4rem}.sprb-logo{height:150px}.elections-content{margin-right:0;margin-left:0}.elections-content2{margin-right:0}.elections-content-img{margin-left:-50px!important}@media (min-width:576px){.elections-content-img{margin-left:22px!important}.sprb-logo{height:175px}.overlay-image{max-width:14rem}.overlay-image-permis{max-width:7rem}.showcase-title{margin-top:-1rem}.showcase-action{height:13rem}.showcase-action>.container{height:13rem}.showcase-lg{height:20rem}}@media (min-width:768px){.elections-content-img{margin-left:105px!important}.sprb-logo{height:200px}.overlay-image{max-width:22rem}.overlay-image-permis{max-width:11rem}.showcase-title{margin-top:-2rem}.showcase-action{height:20rem}.showcase-action>.container{height:20rem}.showcase-lg{height:26rem}}@media (min-width:992px){.sprb-logo{height:400px}.overlay-image{max-width:32rem}.overlay-image-permis{max-width:14rem}.showcase-title{margin-top:-3rem}.showcase-action{height:26rem}.showcase-action>.container{height:26rem}.showcase-lg{height:30rem}.elections-content{margin-right:230px;margin-left:105px}.elections-content2{margin-right:229px}.elections-content-img{margin-left:0}}.icon-circle-effect{border:5px #fff solid;box-shadow:0 5px 15px 0 rgba(0,0,0,.2)}.site-header-image{display:block;margin:auto}.carousel-wrapper{height:220px;overflow:hidden}.carousel-wrapper-md{height:200px;overflow:hidden}@media (min-width:576px){.carousel-wrapper{height:340px;overflow:hidden}.carousel-wrapper-md{height:300px;overflow:hidden}}@media (min-width:768px){.carousel-wrapper{height:400px;overflow:hidden}.carousel-wrapper-md{height:300px;overflow:hidden}}@media (min-width:992px){.carousel-wrapper{height:520px;overflow:hidden}.carousel-wrapper-md{height:400px;overflow:hidden}}.carousel-indicators li{width:40px;height:23px}.cutout{min-height:100px}.cutout-transcript{min-height:50px}.list-group-item{background-color:transparent;padding:.75rem 1.25rem .75rem .25rem;margin-bottom:0;border:0 solid rgba(0,0,0,.125);border-bottom:1px solid rgba(0,0,0,.125)}.list-group-item:last-child{border-bottom:0 solid rgba(0,0,0,.125)}.list-small{line-height:.7rem;padding-left:.5rem}.bg-sprb{background-color:#10750e}.bg-gradient-sprb{background:#10750e;background:-moz-linear-gradient(0deg,#202a67 0,#10750e 100%);background:-webkit-linear-gradient(0deg,#202a67 0,#10750e 100%);background:linear-gradient(0deg,#202a67 0,#10750e 100%)}.dropdown-sprb{border-left:10px solid #10750e}.dropdown-sprb a:hover{color:#fff;background-color:#10750e}.btn-outline-sprb:hover,.btn-sprb{color:#fff;background-color:#10750e;border-color:#10750e}.btn-outline-sprb,.btn-sprb:hover{color:#10750e;background-color:transparent;background-image:none;border-color:#10750e}.cutout-sprb:before{content:'';position:absolute;top:0;right:0;border-top:50px solid #10750e;border-left:50px solid transparent;width:0}.cutout-transcript-sprb{border-bottom:2px solid #ff7814}.indicators-sprb>.active{background-color:#10750e}.separator-sprb{margin:1.5rem 25%;border-top:2px solid #10750e}.list-bg-sprb{color:#1b1e21;background-color:#e5eaff}.border-0x{border-width:0!important}.border-2x{border-width:2px!important}.border-3x{border-width:5px!important}.border-4x{border-width:10px!important}.border-5x{border-width:20px!important}.text-sprb{color:#10750e}caption{caption-side:top}.alignleft{float:left}.alignright{float:right}.aligncenter{clear:both;display:block}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail,img{max-width:100%;height:auto}.author-bio .avatar{border:1px solid #dee2e6;border-radius:50%}.list_homepage{list-style:none;counter-reset:list-counter;display:flex;flex-wrap:wrap;font-weight:200;margin:0;padding:0}.list_homepage>li{counter-increment:list-counter;display:flex;width:100%;font-size:1rem;margin-bottom:1rem;margin:0 0 2rem 0;font-weight:400}.list_homepage>li>div>ul>li{counter-increment:list-counter-2;width:100%;font-size:1rem;margin-bottom:.5rem;margin:0 0 1rem 0}.list_homepage>li:before{content:counter(list-counter);font-size:3.5rem;padding-right:1rem;margin-right:1rem;font-family:'Averia Serif Libre',cursive;line-height:1}.wave{background:url(wp-content/themes/b4st-master/img/wave.html) repeat-x;position:relative;top:0;width:6400px;height:117px}.wave:nth-of-type(2){top:-117px;opacity:1;right:65px}.circle-md{margin-bottom:-100px;width:100px;height:100px}.circle-xs{margin-bottom:-50px;width:50px;height:50px}.search__input{width:100%;color:#fff;background:rgba(0,0,0,0);font-size:60px;font-weight:300;text-align:center;border:0;margin:0 auto;padding-left:30px;padding-right:30px;outline:0}.content-rainbow .rainbow{height:.1rem}.content-rainbow .rainbow>[class*=rainbow]{width:16.66667%}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}textarea:focus::-webkit-input-placeholder{color:transparent}textarea:focus:-moz-placeholder{color:transparent}textarea:focus::-moz-placeholder{color:transparent}
img{max-width:100%;height:auto}
img.logo{width:auto!important;}
footer .box-info-footer .parent-info-contact .logo img, nav .checkbtn>img.menu { width: auto !important; }
footer a, .box-info-footer a { padding: 15px !important; display: inline-block; min-width: 48px; min-height: 48px; }

nav { color: #ffffff; }
nav ul li a.active, li a:hover { color: #4ade80 !important; }

/* SUPER UNIFIED BANNERS FIX */
section.box-splach {
    height: 500px !important;
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    padding: 0 !important;
    display: block !important;
    background-color: transparent !important;
}
section.box-splach > a {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}
section.box-splach img.splachimags, body .box-splach img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    max-height: 500px !important;
    margin-top: 0 !important;
    display: block !important;
}
section.box-splach .screen-up {
    display: none !important; /* Hide the green overlay overlaying the banner */
}


/* ========================================================= */
/* PREMIUM 2024 REDESIGN - MODERN UI/UX INJECTION            */
/* ========================================================= */

/* 1. Global Typography and Spacing */
body {
    line-height: 1.6 !important;
    font-family: 'Inter', 'Outfit', 'Montserrat', 'Source Sans 3', sans-serif !important;
    color: #444444 !important;
    background-color: #fdfdfd !important;
}

/* 2. Modern Navbar */
nav .navbar-top {
    background-color: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(0,0,0,0.03) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}
nav .logo {
    color: #10750e !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}
nav ul li a {
    color: #333333 !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}
nav ul li a:hover, nav ul li a.active {
    color: #10750e !important;
    background-color: rgba(16, 117, 14, 0.08) !important;
    text-shadow: none !important;
}

/* 3. Cards & Service Blocks (Shadows and Rounded Corners) */
body .card, body .card-lens, body .right-section, body .contact-message .containear-contect, .box-parameter-coockies .card-box {
    border: none !important;
    border-image: none !important;
    border-radius: 16px !important;
    background-color: #ffffff !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease !important;
}
body .card:hover, body .card-lens:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(16, 117, 14, 0.12) !important;
    background-color: #ffffff !important;
}
body .card .image-background img {
    border-radius: 16px !important;
}
body .card-group .card .image-background {
    border-radius: 16px !important;
}

/* 4. Modern Buttons */
button, .btn_whatsapp, .button {
    border-radius: 50px !important; /* Pill shape */
    background-color: #10750e !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 8px 20px rgba(16, 117, 14, 0.25) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;
    border: none !important;
}
button:hover, .btn_whatsapp:hover, .button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 25px rgba(16, 117, 14, 0.35) !important;
    background-color: #0d5c0b !important;
    color: #ffffff !important;
}

/* 5. Fix text colors and readability */
body .card-group .card .body-card > p, body .lens_show .card-lens .card-paragraph {
    color: #555555 !important;
}
body .title-card h4 span, body .card-group .card .title-card h4 span {
    color: #222222 !important;
    text-shadow: none !important; 
    font-size: 22px !important;
}
/* Titles & Headers */
h1, h2, h3, h4, .title, .title-main, .title-contact, .name-company {
    color: #111111 !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
}
.title-main::after, .title-main::before {
    border-radius: 50px !important;
}
nav .navbar-bottom {
    background-color: #0d5c0b !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

/* Footer premium touch */
footer {
    background-color: #ffffff !important;
    border-top: 1px solid rgba(0,0,0,0.05) !important;
}
footer .footer-title {
    color: #111111 !important;
    font-weight: 800 !important;
}

/* Form inputs premium */
input, textarea {
    border-radius: 8px !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    background-color: #f9f9f9 !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
input:focus, textarea:focus {
    outline: none !important;
    border-color: #10750e !important;
    box-shadow: 0 0 0 4px rgba(16, 117, 14, 0.1) !important;
}


/* ========================================================= */
/* FIX BANNER READABILITY (White text + strong shadow)       */
/* ========================================================= */
section.splach-top div.column-text-splach > h1, 
section.splach-top div.column-text-splach > span, 
section.box-splach .textsplach, 
section.box-splach .textsplach .text, 
section.box-splach .textsplach h1, 
section.box-splach .textsplach h2, 
section.box-splach .textsplach .text-small {
    color: #ffffff !important;
    text-shadow: 0px 2px 8px rgba(0,0,0,0.8), 0px 5px 25px rgba(0,0,0,0.6) !important;
}


/* ========================================================= */
/* PREMIUM UNIFICATION FOR ALL SUBPAGES (2024 UI)            */
/* ========================================================= */

/* 1. Global Navbar Unification */
body nav {
    background-color: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(0,0,0,0.03) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}
body nav ul li a {
    color: #333333 !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}
body nav ul li a:hover, body nav ul li a.active {
    color: #10750e !important;
    background-color: rgba(16, 117, 14, 0.08) !important;
    text-shadow: none !important;
}
body nav .logo {
    color: #10750e !important;
    font-weight: 800 !important;
}

/* 2. Premium Content Blocks */
body .card-pay, 
body .content-page-1, 
body .content-page-2, 
body .right-contact, 
body .containear-contect,
body .right-section,
body .box-info-price {
    border: none !important;
    border-radius: 16px !important;
    background-color: #ffffff !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease !important;
    padding: 30px !important;
    margin: 20px auto !important;
}
body .card-pay:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(16, 117, 14, 0.12) !important;
    background-color: #ffffff !important;
}

/* 3. Text & Typography within Content Blocks */
body .text-content, body .info-price, body .column-property .text, body .contact-paragraph, body .info-paragraph {
    color: #555555 !important;
    line-height: 1.8 !important;
    font-size: 16px !important;
}
body .card-pay .title h3 {
    font-weight: 800 !important;
    color: #111111 !important;
}
body .card-pay .price .total, body .card-pay .price .symbol {
    color: #10750e !important;
    font-weight: 800 !important;
}

/* 4. Contact Buttons & Utilities */
body .btn-contact {
    border-radius: 50px !important;
    padding: 15px 30px !important;
    margin-top: 20px !important;
    font-size: 16px !important;
    background-color: #10750e !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(16, 117, 14, 0.25) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;
}
body .btn-contact:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 25px rgba(16, 117, 14, 0.35) !important;
    background-color: #0d5c0b !important;
}

/* 5. Subpage Body Background */
body {
    background-color: #f8f9fa !important;
}

/* 6. Fix for Image Boxes */
body .image-box img, body .left-section img, body .img-card {
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
}

/* 7. Fix contact page */
body .section-contact {
    background: transparent !important;
}
body .line-contact {
    background-color: rgba(0,0,0,0.1) !important;
}
body .contact-message .containear-contect form input, 
body .contact-message .containear-contect form textarea {
    border-radius: 8px !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    background-color: #f9f9f9 !important;
    padding: 12px !important;
    margin-bottom: 15px !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
}
body .contact-message .containear-contect form input:focus, 
body .contact-message .containear-contect form textarea:focus {
    outline: none !important;
    border-color: #10750e !important;
    box-shadow: 0 0 0 4px rgba(16, 117, 14, 0.1) !important;
}

/* 8. Fix mobile menu button color to match white background */
body nav .checkbtn > img.menu {
    filter: invert(1) brightness(0.5) sepia(1) hue-rotate(80deg) saturate(5) !important; /* roughly green */
}