/*
Author        : Chris Corton
Template Name : Black Broker House 
Version       : 1.0
*/

/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START COUNTER DESIGN
    06. START WHY CHOOSE US DESIGN
    07. START SERVICE DESIGN
    08. START CASE STUDY DESIGN
    09. START POROFOLIO DESIGN
    10. START SKILL DESIGN
    11. START PROMOTION DESIGN
    12. START TEAM DESIGN
    13. START TESTIMONIALS DESIGN
    14. START PRICING DESIGN
    15. START BLOG DESIGN
    16. START ADDRESS DESIGN
    17. START PARTNER DESIGN
    18. START FOOTER DESIGN
    19. START SECTION TOP DESIGN
    20. MOBILE, IOS, ANDROID & TABLET COMPATIBILITY LAYERS
  =============================================================*/

/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    color: #747474;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    background: #ffffff;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html,
body { 
    height: 100%;
    position: relative;  
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0px;
    margin-top: 0px; 
    font-family: oswald, sans-serif;
    color: #71151a; /* Primary Maroon */
    font-weight: 400;
}

a {
    font-family: oswald, sans-serif;
    text-decoration: none;
    color: #71151a; 
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    -webkit-tap-highlight-color: transparent;
}

a:hover {
    color: #dfcd17; /* Hover fields switch to Accent Gold */
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

p {
    margin-bottom: 0;
}

ul,
li {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
    font-weight: 400;
    font-family: 'Poppins', sans-serif; 
}

:-moz-placeholder {
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

::-moz-placeholder {
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

:-ms-input-placeholder {
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.form-control::placeholder {
    color: #232a34;
    opacity: 1;
}

fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}

/*START PRELOADER DESIGN*/
.preloader {
    background: #ffffff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;	
}

.spinner {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    text-indent: -12345px;
    z-index: 10000;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #71151a; 
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.status-mes h4 {
    color: #f7f7f7;
    position: relative;
    font-size: 24px;
    margin-top: 30px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/

.section-padding { padding: 80px 0; }

/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px; }

.section-title h2 {
    font-size: 54px;
    font-weight: 600;
    margin-top: 0;
    color: #71151a;
    position: relative;
    text-transform: capitalize;
}

h2.section-title-white {
    color: #ffffff;
    font-size: 54px;
    font-weight: 600;
    margin-top: 0;
    position: relative;
    text-transform: capitalize;
}

p.section-title-white { color: #ffffff; }

.section-title span {
    background: #dfcd17 none repeat scroll 0 0; 
    display: block;
    height: 2px;
    margin: 10px auto;
    width: 100px;
}

.section-title-white { color: #ffffff; position: relative; }

.section-title p {
    padding: 0 10px;
    width: 60%;
    margin: auto;	
}
/*END SECTION TITLE DESIGN*/

/*START SCROLL TO TOP*/
.topcontrol {
    background: #71151a none repeat scroll 0 0; 
    border-radius: 30px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #ffffff;
    cursor: pointer;
    font-size: 22px;
    height: 50px;
    line-height: 47px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: fixed;
    right: 5px;
    text-align: center;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 50px;
}

@media only screen and (max-width:768px) { 
    .topcontrol { display: none; }
}

.topcontrol:hover {
    background: #dfcd17; 
    color: #71151a;
}
/*END SCROLL TO TOP*/

/*START BUTTON DESING*/
.btn_one {
    background: #ffffff;
    border: 2px solid #71151a;
    color: #71151a;
    padding: 8px 30px;
    border-radius: 30px;
    transition: 0.3s;
    margin-top: 10px;
    box-shadow: 0 10px 40px -10px rgba(113,21,26,.3);
    display: inline-block;
    min-width: 140px;
    text-align: center;
}

.btn_one:hover {
    background: #71151a; 
    border: 2px solid #71151a;
    color: #ffffff;
    /* * ----------------------------------------------------------------------------------------
* FIX FOR TOP WHITE SPACE
* ----------------------------------------------------------------------------------------
*/
body {
    margin: 0;
    padding: 0;
}

/* Add this to your first main container or hero section */
.hero_bg, .home_bg, .hero-text {
    padding-top: 130px; /* Adjust this value to match your exact navigation height */
}
}
/*END BUTTON DESING*/


/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar, 
.nav-container,
.main-menu,
.navbar-nav,
.navbar-collapse,
.container-fluid,
.menu-area,
.navigation {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.navbar-nav .nav-item .nav-link,
.navbar-nav .nav-link,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:active,
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link,
.nav-item.active,
.nav-links a {
    background-color: transparent !important;
    background: none !important;
    outline: 0 none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.dropdown-menu {
    border: none !important;
    background-color: #ffffff !important; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
}

.dropdown-item,
.dropdown-item:focus,
.dropdown-item:active {
    background-color: transparent !important;
    background: none !important;
}

.dropdown-item:hover,
.dropdown-item.active {
    background-color: #71151a !important; 
    color: #ffffff !important;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}


/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg { height: 700px; position: relative; }

.home_bg::before {
    background: rgba(0,0,0,0.2);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.hero-text {
    padding-top: 250px;
    position: relative;
}

.hero-text h2 {
    color: #ffffff;
    font-size: 56px;
    font-weight: 700;
    text-transform: uppercase;
}

.hero-text p {
    color: #ffffff;
    margin-bottom: 25px;	
}

.hero-text a {
    background: #71151a; 
    border: 2px solid #71151a;
    color: #ffffff;
    padding: 8px 30px;
    border-radius: 30px;
    transition: 0.3s;
    margin-top: 10px;
    box-shadow: 0 10px 40px -10px rgba(113,21,26,.3);
    display: inline-block;
}

.hero-text a:hover {
    background: none;
    border: 2px solid #ffffff;
    color: #ffffff;
}

.home_video { height: 750px; position: relative; }

.home_video:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    content: "";
    left: 0;
    top: 0;
}

.slider-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

video { min-width: 100%; height: 100%; object-fit: cover; }
/* Ensure the Header is visible and distinct */
.site-navbar {
    background-color: #ffffff !important; /* Forces solid white background */
    padding: 15px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    position: fixed; /* Keeps it at the top */
    width: 100%;
    z-index: 9999;
}

/* Ensure menu links are visible against white background */
.site-menu .nav-link {
    color: #71151a !important; /* Maroon color for text */
    font-weight: 600 !important;
}

.site-menu .nav-link:hover {
    color: #dfcd17 !important; /* Gold on hover */
}

/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.feature_area {
    padding-bottom: 80px;
    position: relative;
    margin-top: -80px;
}

@media only screen and (max-width:768px) { 
    .feature_area { margin-top: 0px; }
}

.feature_bg {
    padding: 60px;
    background: #ffffff;
    box-shadow: 0 10px 40px -10px rgba(113,21,26,.2);
    border-radius: 10px;
    margin-top: -100px;
}

@media only screen and (max-width:768px) { 
    .feature_bg { margin-top: 0px; }
}

.single_feature {
    background: #f9fcff;
    position: relative;
    padding: 60px;
    border: 1px solid #eee;
    border-radius: 5px;
    transition: 0.3s;
}

.single_feature:hover {
    background: #ffffff;
    box-shadow: 0px 60px 60px rgba(113,21,26,0.1);
    border-bottom: 3px solid #dfcd17; 
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
}

.single_feature img {
    width: 60px;
    margin-bottom: 25px;
}

.single_feature h4 {
    margin-bottom: 15px;
    font-size: 20px;
    color: #71151a;
}

.single_about_content {
    margin-top: -60px;
    background: #ffffff;
    padding: 60px;
    border-radius: 10px;
    box-shadow: 0 10px 40px -10px rgba(113,21,26,.2);
    position: relative;
    margin-bottom: 60px;
}

.single_about_content h2 {
    margin-bottom: 30px;
    font-size: 50px;
    font-weight: 500;
    color: #71151a;
}

.hire_us_area { background: #f9fcff; }

.hire_img img { width: 200px; height: auto; }

.hire_content h2 {
    font-weight: 500;
    font-size: 50px;
    margin-bottom: 20px;
    color: #71151a;
}

.hire_content p { margin-bottom: 30px; }

/*
* ----------------------------------------------------------------------------------------
* 05.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {
    background: #71151a; 
    position: relative;
    margin-bottom: 80px;
}

.single-project {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
}

.single-project-mrnone { border-right: 0px; }

.single-project img {
    width: 60px;
    margin-bottom: 20px;
}

.single-project h2 {
    font-weight: 700;
    font-size: 50px;
    color: #dfcd17; 
}

.single-project h4 {
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    margin-top: 55px;
    max-width: 900px;
    width: 100%;
}

.video_btn {
    padding: 150px 0;
    position: relative;
    border: 15px solid #ffffff;
    margin-top: 100px;
    margin-bottom: -180px;
    box-shadow: 0 10px 40px -10px rgba(113,21,26,.2);
}

.video_btn h3 {
    background: #71151a; 
    padding: 30px;
    margin: 0 40px;
    line-height: 40px;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-weight: 600;
    color: #ffffff;
}

.video_btn a {
    background: rgba(113, 21, 26, 0.6) none repeat scroll 0 0;
    border: 4px solid #dfcd17; 
    border-radius: 100px;
    color: #ffffff;
    display: block;
    font-size: 34px;
    height: 100px;
    line-height: 90px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100px;
    transition: 0.3s;
}

.video_btn a:hover { 
    border: 4px solid #71151a; 
    background: #dfcd17; 
    color: #71151a; 
} 

/*
* ----------------------------------------------------------------------------------------
* 06.START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
.why_choose_area { margin-top: 180px; }

.single_why_choose { margin-top: 60px; }

.single_why_choose h2 {
    font-size: 60px;
    font-weight: 600;
    line-height: 76px;
    margin-bottom: 30px;
    color: #71151a;
}

.single_why_choose p { margin-bottom: 30px; }

/*
* ----------------------------------------------------------------------------------------
* 07.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.service_area { background: #f9fcff; padding-bottom: 50px; }

.single_service {
    background: #ffffff;
    padding: 60px;
    box-shadow: 0 10px 40px -10px rgba(113,21,26,.1);
    margin-bottom: 30px;
}

.single_service img { margin-bottom: 20px; }

.single_service h4 { margin-bottom: 20px; font-size: 22px; color: #71151a; }

.single_service p { margin-bottom: 20px; }

/*
* ----------------------------------------------------------------------------------------
* 08.START CASE STUDY DESIGN
* ----------------------------------------------------------------------------------------
*/
.case_content_top h2 {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 46px;
    line-height: 60px;
    padding-right: 60px;
    color: #71151a;
}

.case_content_top p {
    padding-right: 40px;
    margin-bottom: 20px;
}

.case_content h2 { margin-bottom: 20px; color: #71151a; }

.case_content p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 30px;
    padding-right: 40px;
}

/*
* ----------------------------------------------------------------------------------------
* 09.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.portfolio_area { overflow: hidden; }

.mix { display: none; }

.portfolio_filter ul {
    list-style: none;
    margin-bottom: 60px;
}

.portfolio_filter ul li {
    font-weight: 500;
    text-transform: capitalize;
    display: inline-block;
    cursor: pointer;
    padding: 0px 15px;
    font-size: 16px;
    color: #252d35;
    transition: .5s;
    margin: 0 3px 0px;
    border-right: 2px solid #eee;
    letter-spacing: 0px;
}

.portfolio_filter ul li:last-child { border-right: 0px; }

.portfolio_filter .active {
    color: #71151a; 
}

.portfolio-grid { position: relative; }

.single-gallery { position: relative; }

.single-gallery:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(113, 21, 26, 0.4); 
    transition: .5s;
    opacity: 0;
    border-radius: 4px;
}

.single-gallery img { border-radius: 4px; width: 100%; height: auto; }

.gallery_enlarge_icon {
    background-color: #71151a; 
    color: #ffffff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    transition: .5s;
    opacity: 0;
}

.gallery_enlarge_icon:hover,
.gallery_enlarge_icon:focus {
    background-color: #dfcd17;
    color: #71151a;
}

.single-gallery h4 {
    position: absolute;
    left: 15px;
    bottom: 10px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    opacity: 0;
    transition: .5s;
}

.single-gallery h4 a { color: #ffffff; }

.single-gallery h4 a:hover { color: #dfcd17; } 

.portfolio-item { margin-bottom: 30px; }

.gallery-btn {
    background-color: #71151a; 
    border: 1px solid #71151a;
    border-radius: 4px;
    color: #ffffff;
    font-size: 15px;
    padding: 13px 30px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-weight: 600;
    letter-spacing: 1px;
}

.gallery-btn:hover,
.gallery-btn:focus {
    background-color: #dfcd17; 
    border-color: #dfcd17;
    color: #71151a;
}

.single-gallery:hover:before,
.single-gallery:hover .gallery_enlarge_icon,
.single-gallery:hover h4 {
    opacity: 1;
}

.portfolio_btn { margin-top: 30px; }

/*START PORTFOLIO SINGLE PAGE DESIGN*/
.portfolio_project_area { background: #f9fcff; padding-bottom: 50px; }

.single_project {
    background: #ffffff;
    padding: 40px;
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.single_project img {
    width: 500px;
    float: left;
    margin-right: 30px;
}

.single_project h1 {
    font-size: 80px;
    margin-bottom: 10px;
    color: #71151a; 
}

.single_project h2 { margin-bottom: 20px; color: #71151a; }

.single_project p { margin-bottom: 20px; }

.single_project_area { background: #f9fcff; padding-bottom: 50px; }

.project_dec {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 10px 40px -10px rgba(113,21,26,.08);
    margin-bottom: 30px;
    padding: 40px;
    border-radius: 10px;
}

.project_dec img {
    margin-right: 20px;
    width: 600px;
    height: auto;
}

.about_project h4 {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    font-weight: 600;
    color: #71151a;
}

.about_project p { margin-bottom: 30px; }

.about_project_details { margin-bottom: 20px; }

.about_project_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.about_project_details ul li { padding: 5px 0; }

.about_project_details ul li i {
    color: #71151a; 
    margin-right: 10px;
}

.about_project_details ul li a {
    color: #71151a; 
    font-weight: 700;
}

.about_project_details ul li a:hover { text-decoration: underline; color: #dfcd17; }
/*END PORTFOLIO SINGLE PAGE DESIGN*/

/*
* ----------------------------------------------------------------------------------------
* 10.START SKILL DESIGN
* ----------------------------------------------------------------------------------------
*/
.skills_area {
    position: relative;
    padding-top: 80px;
    padding-bottom: 0;
    margin-bottom: 80px;
}

.skills_area:before {
    background: #71151a;
    opacity: 0.2;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.skill_bg {
    background: #ffffff;
    padding: 70px;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 10px 40px -10px rgba(113,21,26,.2);
    margin-bottom: -80px;
}

.skill_content h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #71151a;
}

.skill_content p { margin-bottom: 30px; }

.skill_bar { margin-right: 30px; }

.progress-bar-text {
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 500;
}

.progress-bar-text span { float: right; }

.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    height: 10px;
    margin: 0 0 20px;
    border-radius: 30px;
    position: relative;
    width: 100%;
}

.progress-bar > span {
    background: #71151a none repeat scroll 0 0; 
    display: block;
    height: 100%;
    width: 0;
    border-radius: 30px;
}

/*
* ----------------------------------------------------------------------------------------
* 11.START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotional_content p {
    width: 70%;
    margin: auto;
    margin-top: 40px;
    text-align: center;
    font-size: 20px;
    line-height: 32px;
}

/*
* ----------------------------------------------------------------------------------------
* 12.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.team_title {
    color: #ffffff;
    margin-bottom: 60px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
}

.our-team { margin-bottom: 30px; }

.single-team { margin-bottom: 10px; }

.single-team img {
    margin-bottom: 15px;
    border-radius: 2px;
    border: 10px solid #ffffff;
    width: 100%;
    height: auto;
}

.single-team h3 {
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 600;
    color: #71151a;
}

.single-team p { margin-bottom: 0px; }

.our-team .social {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.our-team .social li { display: inline-block; }

.our-team .social li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #ffffff;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 30px;
    margin: 3px;
}

.our-team:hover .social li:nth-child(1) a {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.our-team:hover .social li:nth-child(2) a {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.our-team:hover .social li:nth-child(3) a {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.our-team:hover .social li:nth-child(4) a {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.our-team .social li a:hover {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.facebook { background: #71151a; } 
.facebook:hover { background: #dfcd17; color: #71151a !important; }
.twitter { background: #dfcd17; color: #71151a !important; }
.twitter:hover { background: #71151a; color: #ffffff !important; }
.google { background: #71151a; }
.google:hover { background: #ffffff; color: #71151a !important; }

/*
* ----------------------------------------------------------------------------------------
* 13.START TESTIMONIALS DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial_area { padding-bottom: 30px; }

.single_testimonial { margin-bottom: 50px; }

.testimonial_img img {
    width: 100px;
    height: auto;
    border-radius: 100px;
    margin-right: 20px;
    float: left;
    margin-bottom: 60px;
}

.single_testimonial p {
    margin-bottom: 20px;
    overflow: hidden;
}

.single_testimonial h4 {
    overflow: hidden;
    font-size: 20px;
    color: #71151a;
}

.single_testimonial h5 {
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
    font-size: 16px;
}

/*
* ----------------------------------------------------------------------------------------
* 14.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-table-area { position: relative; }

.pricing_page { background: #f9fcff; }

.pricing-table-area:before {
    background: #71151a;
    opacity: 0.1;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.pricingTable {
    color: #ffffff;
    background: #71151a;
    text-align: center;
    padding: 10px 10px 20px;
    box-shadow: 0 10px 40px -10px rgba(113,21,26,.2);
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    margin-bottom: 30px;
}

.pricingTable:before,
.pricingTable:after {
    content: "";
    background: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #71151a; 
    box-shadow: 0 0 1px 8px #ffffff;
    position: absolute;
    top: 100px;
    right: 20px;
}

.pricingTable:after {
    width: 20px;
    height: 20px;
    box-shadow: 0 0 1px 4px #ffffff;
    top: 35px;
    right: 50px;
}

.pricingTable .pricingTable-header { margin: 0 0 40px; }

.pricingTable .pricingTable-header:before {
    content: "";
    background: #ffffff;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: absolute;
    top: -30px;
    left: -30px;
}

.pricingTable .price-value {
    color: #71151a;
    background: #ffffff;
    width: 140px;
    height: 140px;
    padding: 25px 10px;
    border: 3px solid #71151a;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
}

.pricingTable .price-value:before {
    content: "";
    border: 2px solid #71151a;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
}

.pricingTable .price-value .currency {
    font-size: 35px;
    line-height: 35px;
    display: inline-block;
    vertical-align: top;
    margin: 0 -3px 0 0;
}

.pricingTable .price-value .amount {
    font-size: 52px;
    line-height: 70px;
    display: inline-block;
}

.pricingTable .price-value .duration {
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    margin-top: -7px;
}

.pricingTable .pricing-content {
    border: 2px solid #ffffff;
    padding: 23px 10px 45px;
    margin: 0 20px;
}

.pricingTable .title {
    font-size: 40px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    color: #ffffff;
    margin-bottom: 30px;
}

.pricingTable .pricing-content ul {
    text-align: left;
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

.pricingTable .pricing-content ul li {
    font-weight: 300;
    text-transform: capitalize;
    padding: 0 0 0 20px;
    margin: 0 0 10px;
    position: relative;
}

.pricingTable .pricing-content li:last-child { margin: 0; }

.pricingTable .pricing-content li:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    position: absolute;
    top: 7px;
    left: 0;
}

.pricingTable .pricingTable-signup a {
    color: #71151a;
    background: #ffffff;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    text-transform: capitalize;
    width: 60%;
    display: block;
    margin: -22px auto 0;
    transition: all 0.3s ease 0s;
}

.pricingTable .pricingTable-signup a:hover {
    color: #dfcd17; 
    background: #71151a;
    border: 1px solid #dfcd17;
}

.pricingTable.blue { background: #71151a; }
.pricingTable.blue:before,
.pricingTable.blue:after,
.pricingTable.blue .price-value,
.pricingTable.blue .price-value:before {
    border-color: #71151a;
    color: #71151a;
}
.pricingTable.blue .pricingTable-signup a { color: #71151a; }
.pricingTable.red .pricingTable-signup a { color: #71151a; } 

/*
* ----------------------------------------------------------------------------------------
* 15.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.blog_area { background: #f9fcff; padding-bottom: 50px; }

.home_single_blog {
    background: #ffffff;
    margin-bottom: 30px;
}

.home_blog_content { padding: 30px; border-radius: 10px; }

.blog-img img { width: 100%; height: auto; }

.home_single_blog img { width: 100%; height: auto; }

.blog_title_info {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.blog_title_info h2 a {
    color: #71151a;
    transition: 0.3s;
    margin-bottom: 5px;
    display: inline-block;
}

.blog_title_info h2 a:hover { color: #dfcd17; }

.blog_title_info span {
    font-size: 14px;
    margin: 0 5px;
}

.blog_title_info span a {
    color: #71151a;
    transition: 0.3s;
    letter-spacing: 1px;
}

.blog_title_info span a:hover { color: #dfcd17; }

.home_b_btn {
    color: #71151a;
    font-weight: 300;
    margin-top: 10px;
    display: inline-block;
}

.home_b_btn:hover { color: #dfcd17; }

/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog { padding-top: 0px !important; }

.blog_sidebar_title {
    border-bottom: 1px solid #eee;
    color: #71151a;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 10px;
    text-transform: capitalize;
}

.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .banner {
    margin-bottom: 30px;
    background: #ffffff;
    padding: 30px 30px;
    border-radius: 10px;
    border-top: 3px solid #71151a; 
    box-shadow: 0 10px 40px -10px rgba(113,21,26,.2);
}

.tag { overflow: hidden; }

.blog_search input {
    background: #f8f4ef none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 0;
    color: #71151a;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    height: 50px;
}

.blog_search input:focus { border: 1px solid #71151a; }

.single_latest_blog {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.single_latest_blog h4 {
    color: #666;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single_latest_blog:hover h4 { color: #71151a; }

.single_latest_blog span { color: #161616; }

.single_upcoming_event { margin-bottom: 20px; }

.single_upcoming_event h4 {
    color: #71151a;
    font-size: 17px;
    font-weight: 600;
    line-height: 28px;
    margin: 10px 0 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single_upcoming_event:hover h4 { color: #dfcd17; }

.single_upcoming_event span i { margin-right: 5px; color: #71151a; }

.single_upcoming_event span { color: #777; }

.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.categories ul li a {
    color: #71151a;
    display: block;
    font-size: 14px;
    padding: 5px 0;
    font-family: poppins;
    font-weight: 400;
}

.categories ul li a:hover { color: #dfcd17; }

.categories ul li a i { margin-right: 10px; }

.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}

.tag a {
    border: 2px solid #71151a;
    border-radius: 30px;
    color: #71151a;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin: 6px 4px;
    padding: 3px 20px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: #ffffff;
}

.tag a:hover {
    background: #71151a;
    color: #ffffff;
    border: 2px solid #71151a;
}
/*END BLOG SIDEBAR DESIGN*/

/*START BLOG SINGLE PAGE DESIGN*/
.bc_left {
    padding-left: 30px;
    font-style: italic;
    font-weight: 600;
}

.bc_bottom { margin-bottom: 30px; }

.single_blog_post { margin-bottom: 60px; }

.single_blog_post img {
    width: 100%;
    max-width: 750px;
    height: auto;
}

.blog_post_text h4 { margin: 30px 0; color: #71151a; }

.author_part {
    margin-bottom: 30px;
    overflow: hidden;
    background: #f9fcff;
    padding: 30px;
    border-radius: 5px;
    border-left: 4px solid #71151a;
}


/*
* ----------------------------------------------------------------------------------------
* 16. START ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.address_area {
    background: #ffffff;
    position: relative;
}

.single_address {
    padding: 40px;
    background: #f9fcff;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(113,21,26,0.04);
    transition: 0.3s;
    border-bottom: 2px solid transparent;
}

.single_address:hover {
    border-bottom: 2px solid #dfcd17;
    transform: translateY(-5px);
}

.single_address i {
    font-size: 30px;
    color: #71151a;
    margin-bottom: 20px;
    display: inline-block;
}

.single_address h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.single_address p {
    color: #747474;
    line-height: 24px;
}


/*
* ----------------------------------------------------------------------------------------
* 17. START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner_area {
    background: #f9fcff;
    padding: 60px 0;
}

.single_partner {
    text-align: center;
    padding: 20px;
    transition: 0.3s;
}

.single_partner img {
    max-width: 140px;
    height: auto;
    opacity: 0.6;
    transition: 0.3s;
    filter: grayscale(100%);
}

.single_partner:hover img {
    opacity: 1;
    filter: grayscale(0%);
}


/*
* ----------------------------------------------------------------------------------------
* 18. START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer_area {
    background: #161616;
    color: #ffffff;
    padding-top: 80px;
    padding-bottom: 40px;
}

.footer_widget {
    margin-bottom: 40px;
}

.footer_widget h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
}

.footer_widget h3::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #dfcd17;
}

.footer_widget p {
    color: #b0b0b0;
    line-height: 26px;
}

.footer_links {
    list-style: none;
}

.footer_links li {
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.footer_links li:last-child {
    border-bottom: none;
}

.footer_links li a {
    color: #b0b0b0;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    transition: 0.3s;
}

.footer_links li a:hover {
    color: #dfcd17;
    padding-left: 5px;
}

.copyright_area {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid rgba(255,255,255,0.08);
    text-align: center;
}

.copyright_area p {
    color: #888888;
    font-size: 14px;
}

.copyright_area a {
    color: #dfcd17;
}


/*
* ----------------------------------------------------------------------------------------
* 19. START SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.section_top_banner {
    padding: 120px 0 80px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

.section_top_banner::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(113, 21, 26, 0.85); /* Clean architectural overlay matrix map */
}

.section_top_content {
    position: relative;
    z-index: 5;
}

.section_top_content h2 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.breadcrumb_wrap ul {
    list-style: none;
    display: inline-block;
}

.breadcrumb_wrap ul li {
    display: inline-block;
    color: #dfcd17;
    font-family: oswald, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

.breadcrumb_wrap ul li a {
    color: #ffffff;
}

.breadcrumb_wrap ul li::after {
    content: '/';
    color: rgba(255,255,255,0.4);
    margin: 0 10px;
}

.breadcrumb_wrap ul li:last-child::after {
    content: '';
}


/*
* ----------------------------------------------------------------------------------------
* 20. MOBILE, IOS, ANDROID & TABLET COMPATIBILITY LAYERS
* ----------------------------------------------------------------------------------------
*/
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
select,
button,
.gallery-btn,
.btn_one {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    touch-action: manipulation;
}

@media only screen and (max-width: 1024px) {
    input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"],
    textarea,
    select {
        font-size: 16px !important; 
    }
}

@media only screen and (max-width: 991px) {
    .section-padding { padding: 60px 0; }
    
    .hero-text h2 { font-size: 42px; }
    .hero-text { padding-top: 180px; }
    .home_bg, .home_video { height: 600px; }
    
    .single_about_content h2,
    .hire_content h2,
    .case_content_top h2,
    .single_why_choose h2 { font-size: 36px; line-height: 46px; }
    
    .feature_bg, .single_feature, .single_service { padding: 40px 30px; }
    .skill_bg { padding: 40px; }
    
    .single_project img, 
    .project_dec img { 
        width: 100%; 
        float: none; 
        margin-right: 0; 
        margin-bottom: 20px; 
    }
    .single_project h1 { font-size: 48px; }
    .section_top_content h2 { font-size: 38px; }
}

@media only screen and (max-width: 767px) {
    .section-padding { padding: 50px 0; }
    
    .section-title h2, 
    h2.section-title-white { font-size: 32px; }
    .section-title p { width: 100%; padding: 0; }
    
    .hero-text h2 { font-size: 30px; }
    .hero-text { padding-top: 140px; }
    .home_bg, .home_video { height: 500px; }
    
    .single_about_content h2,
    .hire_content h2,
    .case_content_top h2,
    .single_why_choose h2 { font-size: 28px; line-height: 36px; }
    
    .single_about_content, .feature_bg, .skill_bg {
        padding: 30px 20px;
        margin-top: 0;
        margin-bottom: 30px;
    }
    
    .feature_area { margin-top: 0; padding-top: 50px; }
    .why_choose_area { margin-top: 40px; }
    
    .single-project {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .single-project:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
    
    .video_btn { margin-top: 40px; margin-bottom: 40px; padding: 80px 0; }
    .video_btn h3 { font-size: 18px; line-height: 28px; margin: 0 15px 20px; padding: 20px; }
    
    .promotional_content p { width: 100%; font-size: 16px; line-height: 26px; }
    
    .pricingTable .title { font-size: 30px; }
    .pricingTable .pricing-content { margin: 0 10px; }
    
    .blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .banner {
        padding: 20px;
    }
    
    .portfolio_filter ul li {
        padding: 8px 12px;
        margin-bottom: 8px;
        border: 1px solid #eee;
        border-radius: 4px;
        border-right: 1px solid #eee;
    }
    
    .testimonial_img img {
        float: none;
        margin: 0 auto 20px;
        display: block;
    }
    .single_testimonial p, .single_testimonial h4, .single_testimonial h5 {
        text-align: center;
    }
    .section_top_banner { padding: 90px 0 50px; }
    .section_top_content h2 { font-size: 28px; }
}

@media only screen and (max-width: 480px) {
    .hero-text h2 { font-size: 24px; }
    .section-title h2, h2.section-title-white { font-size: 26px; }
    .single_project h1 { font-size: 36px; }
}
/* * Black Broker House - Corporate Stylesheet
 * Includes: WhatsApp Floating Tool, Call-Me-Back Modals, and Interactive UI Cards
 */

/* ==========================================
   21. CORPORATE COLORS & CORE ELEMENTS
   ========================================== */
:root {
    --brand-maroon: #71151a;
    --brand-dark: #212529;
    --brand-green: #25D366;
    --brand-white: #ffffff;
}

body { font-family: 'Poppins', sans-serif; }

/* ==========================================
   22. WHATSAPP FLOATING TOOL
   ========================================== */
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: var(--brand-green);
    color: #FFF !important;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.whatsapp-float:hover {
    background-color: #128C7E;
    transform: scale(1.1);
}

.whatsapp-float::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--brand-green);
    opacity: 0.4;
    z-index: -1;
    animation: waPulse 2s infinite;
}

@/*
* ----------------------------------------------------------------------------------------
* 22. START NO-LAPSE SECTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.no-lapse-section {
    background-color: #f9f9f9;
    padding: 80px 0;
}

.no-lapse-content h2 {
    color: #71151a;
    font-weight: 700;
    margin-bottom: 20px;
}

.no-lapse-content ul {
    list-style: none;
    padding: 0;
}

.no-lapse-content ul li {
    margin-bottom: 15px;
    font-size: 16px;
    color: #555;
}

.no-lapse-content ul li i {
    color: #71151a;
    margin-right: 10px;
}

.policy-snapshot-box {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.policy-snapshot-box h5 {
    color: #71151a;
    border-bottom: 2px solid #f9f9f9;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

/* WhatsApp Button Adjustment for consistency */
.whatsapp-cta-btn {
    background-color: #71151a;
    color: #ffffff;
    padding: 15px 40px;
    border-radius: 50px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    transition: 0.3s;
    border: none;
}

.whatsapp-cta-btn:hover {
    background-color: #dfcd17;
    color: #71151a;
}

@media screen and (max-width: 991px) {
    .policy-snapshot-box { margin-top: 40px; }
}
/* ==========================================
   23. NO-LAPSE SECTION DESIGN
   ========================================== */
.no-lapse-section { background-color: #f9f9f9; padding: 80px 0; }
.no-lapse-content h2 { color: #71151a; font-weight: 700; margin-bottom: 20px; }
.no-lapse-content ul { list-style: none; padding: 0; }
.no-lapse-content ul li { margin-bottom: 15px; font-size: 16px; color: #555; }
.no-lapse-content ul li i { color: #71151a; margin-right: 10px; }
.policy-snapshot-box { background-color: #ffffff; padding: 30px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.policy-snapshot-box h5 { color: #71151a; border-bottom: 2px solid #f9f9f9; padding-bottom: 15px; margin-bottom: 20px; }

.whatsapp-cta-btn { background-color: #71151a; color: #ffffff; padding: 15px 40px; border-radius: 50px; font-weight: 700; text-transform: uppercase; text-decoration: none; display: inline-block; margin-top: 20px; transition: 0.3s; border: none; }
.whatsapp-cta-btn:hover { background-color: #dfcd17; color: #71151a; }

@media screen and (max-width: 991px) {
    .policy-snapshot-box { margin-top: 40px; }
}
/* * ----------------------------------------------------------------------------------------
* 24. CUSTOM INTEGRATIONS (WhatsApp, Calculator, Forms)
* ----------------------------------------------------------------------------------------
*/

/* WhatsApp Floating Action Button */
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25D366;
    color: #FFF !important;
    border-radius: 50%;
    text-align: center;
    font-size: 32px;
    box-shadow: 2px 5px 15px rgba(0,0,0,0.3);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.whatsapp-float:hover { background-color: #128C7E; transform: scale(1.1); }
.whatsapp-float::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #25D366;
    opacity: 0.4;
    z-index: -1;
    animation: waPulse 2s infinite;
}
@keyframes waPulse {
    0% { transform: scale(1); opacity: 0.4; }
    100% { transform: scale(1.6); opacity: 0; }
}

/* Calculator Styling */
.calc-card { background: #fdfdfd; border: 2px solid #71151a; padding: 35px; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.calc-result-box { background: #71151a; color: #ffffff; padding: 25px; border-radius: 6px; margin-top: 15px; }
.calc-result-box h3 { color: #ffbc00; font-weight: 700; margin-bottom: 5px; }

/* Application Form Layout */
.app-form-card { background: #ffffff; padding: 45px; border-radius: 8px; box-shadow: 0 15px 40px rgba(0,0,0,0.12); margin-top: 20px; }
.app-form-control { width: 100%; height: 50px; background: #f9f9f9; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 4px; padding: 0 15px; color: #495057; }
.app-form-control:focus { border-color: #71151a; background: #ffffff; }

/* Responsive Fixes */
@media screen and (max-width: 767px) {
    .whatsapp-float { width: 50px; height: 50px; bottom: 20px; right: 20px; font-size: 26px; }
    .app-form-card { padding: 25px 20px; }
}
/* ==========================================================
   25. FIXES: HEADER, NAVIGATION, AND LAYOUT OVERRIDES
   ========================================================== */

/* Fix: Solid Header Background and Visibility */
.site-navbar {
    background-color: #ffffff !important; 
    padding: 15px 0 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    position: fixed !important;
    width: 100%;
    z-index: 9999 !important;
    top: 0;
}

/* Fix: Ensure Menu Links are visible and readable */
.site-menu .nav-link, 
.navbar-nav .nav-link {
    color: #71151a !important; 
    font-weight: 600 !important;
    background-color: transparent !important;
}

.site-menu .nav-link:hover,
.navbar-nav .nav-link:hover {
    color: #dfcd17 !important; 
}

/* Fix: Prevent content from hiding behind fixed header */
.hero_bg, 
.home_bg, 
.section_top_banner {
    padding-top: 130px !important; 
}

/* Fix: Ensure Mobile Toggle Button is visible */
.navbar-toggler, 
.site-menu-toggle {
    color: #71151a !important;
    border: 1px solid #71151a !important;
}

/* Fix: Ensure dropdowns appear correctly */
.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #ffffff !important;
    z-index: 10000 !important;
    border: 1px solid #eee !important;
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}
/* Fix for hidden header overlap */
body {
    padding-top: 130px !important; /* Adjust this value if your header height changes */
}

.site-navbar {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    /* Prevents the sticky-header plugin from collapsing the header */
    height: auto !important;
    min-height: 100px !important;
}

/* Ensure the top bar and main nav stack correctly */
.top-bar {
    display: block !important;
}

/* Hide the sticky-wrapper class if it's causing height collapsing */
.sticky-wrapper {
    height: 130px !important;
}
/* Force the header to be visible immediately on load */
.site-navbar {
    background-color: #ffffff !important; /* Set your preferred background color */
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
    z-index: 9999 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* Ensure the top-bar (contact info) remains visible as well */
.top-bar {
    display: block !important;
}
/* ==========================================================
   FIX: PERSISTENT VISIBLE HEADER (DARK RED THEME)
   ========================================================== */

/* 1. Force the Header to be solid and visible immediately on load */
.site-navbar {
    background-color: #ffffff !important; /* Keep background white for contrast */
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
    z-index: 9999 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    padding: 10px 0 !important;
}

/* 2. Style Menu Links in Dark Red (#71151a) */
.site-menu .nav-link, 
.navbar-nav .nav-link {
    color: #71151a !important; 
    font-weight: 600 !important;
    text-transform: uppercase;
}

/* 3. Dark Red Hover Effect */
.site-menu .nav-link:hover,
.navbar-nav .nav-link:hover {
    color: #dfcd17 !important; /* Gold on hover to match branding */
}

/* 4. Prevent Page Content from being hidden under fixed header */
body {
    padding-top: 130px !important; 
}

/* 5. Mobile Toggle Button (Menu Icon) in Dark Red */
.site-menu-toggle {
    color: #71151a !important;
}
/* CORRECTED STRUCTURE */
.btn_one:hover {
    background: #71151a; 
    border: 2px solid #71151a;
    color: #ffffff;
    /* Update Menu Headers to Corporate Maroon */
.site-navbar .site-menu > li > a {
    color: #71151a !important; /* Forces the Dark Red color */
    font-weight: 600;
}

/* Ensure Dropdown items also inherit the color */
.site-navbar .site-menu .dropdown li a {
    color: #71151a !important;
}

/* Optional: Add hover state for better user interaction */
.site-navbar .site-menu > li > a:hover {
    color: #a02025 !important; /* Slightly lighter shade for hover effect */
}
}

/* ----------------------------------------------------------------------------------------
* FIX FOR TOP WHITE SPACE
* ----------------------------------------------------------------------------------------
*/
body {
    margin: 0;
    padding: 0;
}

.hero_bg, .home_bg, .hero-text {
    padding-top: 130px; 
}
/* Add this to your existing <style> block */
.plan-bg-holder {
    width: 100%;
    height: 250px; /* Adjust this height to your preference */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative; /* Allows the badge to sit on top */
    border-radius: 8px 8px 0 0; /* Optional: rounds the top corners */
}

/* Ensure the badge stays positioned correctly */
.plan-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #ffbc00;
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
}
<style>
    /* Force height and alignment for the section */
    .section-top {
        min-height: 300px; /* Adjust this value to make the header taller/shorter */
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: url('assets/img/bg/section-top.png') !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
.plan-bg-holder {
    height: 200px; /* Adjust height as needed */
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
}
</style>