/*
Template Name: finadvisor
Description: HTML5 / CSS3 One Page
Version: 1.0
Author: uiCookies.com
*/

/*------------------------------------------------------------------
[Table of contents]

1. Body
    2. Global Typography
    3. Section Background / .gray-bg / .white-bg
	4. Header /
	    4.1. .top-bar
		4.2. Navigation / .navbar
	5. Hero Slider / .hero-slide
	6. Services / .services
	7. About Us / .about-us
	8. Testimonial / .testimonialOne
	9. Team / .team
	10. Pricing Table / .pricing-section
	11. Client Logo / .client-logo
	12. Contact Section
	    12.1. #googleMap
	    12.2. Contact Form
	13. Footer / .footer
	14. Preloader / #preloader


# [Color codes]

# Body  (text): #888
# Heading Color #0E1555
# Theme Color (link color) #FD367E
# Mid grey (sub header) #666666
# -------------------------------------------------------------------*/

/* Paragraph */
p {
    text-align: justify;
}
/*.lead {
    font-size: 1rem;
}*/
.table-responsive {
    overflow-x: auto; /* Adds horizontal scroll if needed */
}

.table {
    width: 100%; /* Ensures the table takes up full width of its container */
    border-collapse: collapse; /* Optional: makes table borders collapse into single border */
}
@media (max-width: 767.98px) {
    .table {
        font-size: 14px; /* Adjust font size for smaller screens */
    }
}
body {
    padding-top: 75px; /* Adjust based on navbar height */
}
section {
    scroll-margin-top: 80px; /* Adjust based on navbar height */
}
.card-header{
    color:#ffc802;
    background-color:#014680;
}
/*-------------------
 * Jumbotron
 *-------------------*/

.jumbotron {
    /*background: url("../img/banner.webp");*/
    /*background-size: cover;*/
    /*background-size: contain;*/
    padding: 0;
    margin: 0;
    height: 100vh;
    min-height: 500px;
    vertical-align: middle;
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: center top;
}

.jumbotron .content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #0e1555;
    position: absolute;
    position: sticky;
    top: 50%;
    left: 0;
    right: 0;
    height: 40%;
    /* width: 100%; */
    margin: 0 auto;
    /* padding: 0 10%; */
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    background-color: #ffffffa1;
    border: 2px transparent;
    border-radius: 10px;
    /* border-bottom: -50; */
}

.jumbotron .content h1 {
    /* color       : #ffffff; */
    font-weight: bold;
}

@media (max-width: 600px) {
    .jumbotron .content {
        min-height: auto;
    }

    /* .jumbotron .content h1 {
        font-size: 26px;
    } */

    /* .jumbotron .content p.lead {
        font-size: 15px;
    } */
}

/* Media query for screens smaller than 768px (mobile devices) */
@media (max-width: 767.98px) {
    .jumbotron {
        background-attachment: scroll; /* Avoids fixed background issues on mobile */
        background-size: contain; /* Adjust background image size to fit better */
        height: auto; /* Adjust height to fit content better */
        min-height: 350px; /* Smaller minimum height for smaller screens */
        padding: 20px; /* Adds some padding for better content spacing on mobile */
        background-position: center bottom;
    }
}
/*-----------------------------
 * NAVIGATION & HEADER STYLE
 *-------------------------------*/

.header {
    position: absolute;
    left: 5px;
    right: 15px;
    /* top: 40px; */
    z-index: 9;
}

/*Logo*/
.navbar-brand {
    padding: 0;
    height: auto;
    margin: 5px 0 !important;
}

@media (max-width: 768px) {
    .navbar-brand {
        width: 200px;
    }

    .navbar-brand img {
        max-width: 90%;
        height: auto;
    }
}

/*navbar*/

.navbar {
    border-radius: 0;
    /* padding: 30px 0; */
    background: transparent;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link {
    color: #014680;
    transition: color 0.3s ease;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:active {
    color: #ffc802; /* Change this to your desired hover color */
}


/*Logo*/
.navbar-brand {
    padding: 0;
    height: auto;
    margin: 5px 0 !important;
}

@media (max-width: 768px) {
    .navbar-brand {
        width: 200px;
    }

    .navbar-brand img {
        max-width: 90%;
        height: auto;
    }
}

/* Sticky Menu */
.sticky-nav {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 999;
    background: #ffffff !important;
    padding: 5px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* .sticky-nav .nav li a {
    color: #0e1555;
} */
.sticky-nav .navbar-nav .nav-link:hover,
.sticky-nav .navbar-nav .nav-link:focus,
.sticky-nav .navbar-nav .nav-link:active {
    color: #ffc802; /* Change this to your desired hover color */
}
.sticky-nav .navbar-toggle .icon-bar {
    background: #333;
}

@media (max-width: 768px) {
    .sticky-nav {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* ---------------------------------------------- /*
 * Preloader
/* ---------------------------------------------- */
#preloader {
    background: #ffffff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

#status,
.status-mes {
    background-image: url(/img/preloader.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}

.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}

iframe {
    /* width: 100px;
    height: 50px; */
    margin: 0 auto;
    background-color: #777;
}

iframe {
    display: block;
    border-style: none;
}

/*General Information*/

.section-important .table {
    font-size: 20px;
}

#section-contacts {
    margin-top: 8%;
    margin-bottom: 10%;
}