@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* ================================
   Global CSS Reset and Base Styles
================================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
    scroll-behavior: smooth;
}
body {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #212121;
    background-color: #fff;
}
/* ================================
   Typography
================================ */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0;
}
p {
    margin-bottom: 0;
}
span {
    display: inline-block;
}
/* ================================
   Links
================================ */
a {
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
}
a:hover {
    color: #b38b48; /* Your brand gold color */
}
/* ================================
   Images
================================ */
img {
    max-width: 100%;
    height: auto;
    display: block;
}
/* ================================
   Lists
================================ */
ul, ol {
    padding-left: 0;
    margin-bottom: 0;
}
li {
    list-style: none;
}
/* ================================
   Buttons
================================ */
button {
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
button:focus {
    outline: none;
}
/* ================================
   Forms
================================ */
input,
textarea,
select {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
}
input:focus,
textarea:focus,
select:focus {
    border-color: #c89b5e;
    outline: none;
    box-shadow: 0 0 0 0.15rem rgba(200, 155, 94, 0.25);
}
textarea {
    resize: none;
}
/* ================================
   Placeholder
================================ */
::placeholder {
    color: #999;
    font-size: 14px;
}
/* Header CSS */
.navbar-nav .nav-link { color: #212121; font-size: 18px; font-weight: 500; transition: 0.3s;}
.navbar-nav .nav-link.active { color: #212121;}
.navbar-nav .nav-link:hover { color: #093e77; }
.btn-primary-custom { background-color: #b38b48; transition: all 0.3s ease-in-out; /* Brown color */ color: #fff; /* White text */ width: 190px; height: 44px;}
.btn-primary-custom:hover { background-color: #093e77; color: #fff;}
.bg-brown { background-color: #b38b48; /* Brown color */}
.navbar-toggler { background-color: #b38b48;}
.free-consultation-section { margin-left: 30px;}
.top-right a { font-size: 16px; font-weight: 500;}
.top-right a:hover { color: #093e77;}
/* =================== */
.footer-section {background: linear-gradient(180deg, #093E77 0%, #000000 100%);}
.footer-heading {font-size: 48px; font-weight: 700; color: #fff;}
.footer-heading span {color: #b38b48;}
.footer-subtext { color: #d3d3d3; max-width: 500px;}
.btn-gold { background-color: #b38b48; color: #fff; padding: 12px 28px; border-radius: 8px; font-weight: 600;}
.btn-gold:hover { background-color: #093E77; color: #fff;}
.footer-call {font-weight: 500;}
.info-box {background-color: rgba(255, 255, 255, 0.08); padding: 30px;border-radius: 16px; height: 100%;}
.info-box h6 { font-size: 20px; font-weight: 600; color: #b38b48;}
.icon-box { width: 55px; height: 55px; background-color: #b38b48; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-size: 22px; color: #fff;}
.icon-box a:hover {color: #b38b48 !important;}
.footer-title { margin-bottom: 20px; font-weight: 600; font-size: 20px; opacity: 0.5;}
.footer-links { list-style: none; padding: 0;}
.footer-links li { margin-bottom: 10px;}
.footer-links a { text-decoration: none; color: #d3d3d3; transition: 0.3s;}
.footer-links a:hover { color: #b38b48;}
.social-icons { display: flex; align-items: center; justify-content: flex-start; gap: 15px;}
.social-icons a { width: 47px; height: 47px; line-height: 47px; border-radius: 50% 50% 50% 50%; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #FFFFFF26; background-color: #420D0D00 !important; display: flex; align-items: center; justify-content: center; transition: 0.3s;}
.social-icons a svg { width: 20px;height: 20px; fill: #FFFFFF61;}
.social-icons a:hover { background-color: #b38b48; border-color: #b38b48;}
.footer-divider { border-color: rgb(255 255 255 / 50%);}
.footer-bottom { font-size: 14px; color: #ccc;}
.footer-bottom p { font-size: 20px; font-weight: 500;}
.hero-section { min-height: 100vh; background: url('../img/hero_section-1.webp'); background-size: cover; background-position: center; padding: 80px 0;}
.contact-card { border-radius: 12px; background-color: white;}
.form-control { padding: 0.75rem; border: 1px solid #e2e8f0; border-radius: 6px;}
.form-control:focus { border-color: var(--accent-color); box-shadow: 0 0 0 0.25rem rgba(184, 146, 87, 0.25);}
.title { font-size: 70px; font-weight: 700;}
.title span { color: #b68c4f;}
h1 { line-height: 1.1;letter-spacing: -1px;}
.solutions-section { padding: 100px 0;}
/* Custom Tab Styling */
.custom-tabs .nav-link { display: flex; align-items: center; background: white; color: var(--navy-color); padding: 15px 20px; margin-bottom: 12px; border-radius: 12px; border: 1px solid #eee;text-align: left; font-size: 20px; font-weight: 700; color: #084298; transition: all 0.3s ease;}
.custom-tabs .nav-link .tab-icon-box { width: 56px; height: 56px; justify-content: center; margin-right: 15px; display: grid; background: #efeff9; padding: 14px; border-radius: 16px; place-items: center;}
.tab_row h3 { font-size: 32px; font-weight: 700; color: #093e77; }
.custom-tabs .nav-link.active { background-color: #b38b48; color: #fff; border-color: #b38b48;}
.custom-tabs .nav-link.active .tab-icon-box { background: rgba(255, 255, 255, 0.2); color: white;}
/* Content Area Styles */
.icon-label { width: 50px; height: 50px;background-color: #b38b48; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 1.5rem;}
.rounded-4 { border-radius: 1.5rem !important; }
.tab_row img { height: 550px; object-fit: cover; object-position: center;}
.why-us-section { background-color: #093e77; background-image: url('../img/why-us-bg.webp'); background-size: cover; background-position: center;position: relative; padding: 170px 0 0; height: 1056px; }
.why-us-section h2 { color: #fff;}
.why-us-section .lead { font-size: 24px;font-weight: 500; padding-bottom: 30px;}
.why-us-section ul {padding-left: 20px;}
.why-us-section ul li { list-style: decimal; line-height: 2; font-weight: 500; font-size: 16px;}
.tracking-wider { letter-spacing: 1px;}
.slider-container { margin-top: 50px; transform: translateY(80px);  margin-bottom: 80px;}
.rounded-4 { border-radius: 1.5rem !important;}
.swiper-slide img { height: auto;object-fit: cover;}
h2 { font-size: 64px; font-weight: 700; color: #093e77;}
h2 span { color: #b38b48;}
.why-us-section h3 { font-size: 70px; font-weight: 700; color: #b38b48;}
.industries-section {padding: 650px 0 100px;}
.industry-item {padding: 0 20px;margin-bottom: 20px;}
.industry-item .icon-label { margin: auto;}
.industry-item h4 { font-size: 24px; color: #084298; font-weight: 600;}
.testimonial-section { background: #f1f1fa; padding: 100px 0; border-bottom: 1px solid #2121212e;}
.testimonial-item { position: relative; padding: 20px 0;}
.testimonial-img img { width: 320px;height: 400px; object-fit: cover; display: block;}
.testimonial-card { margin-left: -60px; z-index: 2;max-width: 400px; border: none;}
.swiper-button-prev-custom, 
.swiper-button-next-custom { width: 45px;height: 45px; background: #fff; border-radius: 10px;display: flex;align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; color: #ccc;}
.swiper-button-prev-custom:hover, 
.swiper-button-next-custom:hover { background: #f8f9fa; color: #093e77;}
.swiper-pagination-bullet-active { background: #b38b48; width: 30px !important; border-radius: 5px !important;}
.testimonial-item h5 {font-size: 20px; color: #093e77; font-weight: 500;}
/* Background Number Styling */
.step-number {position: absolute; top: 5px; right: 15px; font-size: 4rem; font-weight: 700; color: rgb(184 146 87 / 77%); line-height: 1; z-index: 0;}
.approach-card h4, .approach-card p, .approach-card div { position: relative; z-index: 1;}
.custom-nav-btn { width: 45px; height: 45px; background: #fff; border-radius: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; color: #ccc;}
.approach-card { display: flex; align-items: center;}
.approach-card .approach-content { width: calc(100% - 70px); margin: 0 0 0 auto;}
.approach-card h4 { font-size: 24px; color: #093e77; font-weight: 600;}
.consulting-approach { background: linear-gradient(180deg, #f7f7fc, transparent); padding: 100px 0;}
.team-card { margin-bottom: 60px;}
.team-img-wrapper img {width: 100%; height: 380px; object-fit: cover; display: block;}
.team-info-card { border: none; transition: transform 0.3s ease; width: 90%; margin: -110px auto 0; position: relative;}
.team-section { background: #f3f3fb; padding: 100px 0px;}
.team-info-card h5 { font-size: 24px; font-weight: 500; color: #084298;}
.about-hero-bg { background: url('../img/about-bg.webp'); background-size: cover; background-position: center; min-height: 400px; display: flex; align-items: center; justify-content: center;} .about-hero-bg h1 { color: #fff; font-size: 48px; font-weight: 700;}
.title-section { background: #fff; margin-top: -150px; padding: 50px 200px 150px; text-align: center;}
.about-left-sec { position: relative;}
.ceo-image { display: flex; align-items: center; justify-content: center;}
.about-right-sec h5 { font-size: 18px; color: #084298; font-style: italic;}
.about-right-sec h2 { font-size: 45px;}
.about-right-sec p { padding-top: 20px;}
.about-content { padding: 0 0 50px;}
.contact-content .title-section { padding-bottom: 100px;}
.contact-content .contact-card { max-width: 70%; margin: auto; box-shadow: 0px 0px 10px 1px #cccccce6; border: 1px solid #b68c4f !important;}
.contact-content .info-box { box-shadow: 0px 0px 6px 1px #ccc; border: 1px solid #b38b48;}
.bussiness-image img { border-radius: 40px;}
.about-page-whychoose { margin-bottom: 650px;}
.service-industry-section { padding: 0 0 50px;}
.service-card { background: #f1f1fa; height: 100%;padding: 70px 30px; border-radius: 20px;}

/* Responsive CSS */
@media screen and (max-width: 1399px) {
    .title { font-size: 58px;}
    h2 {font-size: 48px;}
    .title-section {padding: 50px 100px 120px;}
    h2 {font-size: 54px;}
    .about-right-sec h2 {font-size: 35px;}
    .about-page-whychoose {margin-bottom: 550px;}

}
@media screen and (max-width: 1199px) {
    .title { font-size: 42px;}
    h2 { font-size: 36px;}
    .custom-tabs .nav-link { padding: 12px 10px; font-size: 16px;}
    .tab_row h3 { font-size: 20px;}
    .tab_row img {height: 400px;}
    .why-us-section .lead {font-size: 18px; }
    .industries-section {padding: 430px 0 100px;}
    .approach-card { width: 350px;}
    .team-info-card h5 { font-size: 18px;}
    .team-img-wrapper img { height: 300px;}
    .why-us-section { padding: 100px 0 0;}
    .industries-section {padding: 370px 0 100px;}
    .industries-section {padding: 370px 0 100px;}
    .testimonial-img img { min-width: 250px;}
    .about-page-whychoose {margin-bottom: 250px;}
}
@media screen and (max-width: 1024px) {
    .approach-card { width: 320px;}
    .info-box { padding: 20px;}
}
@media (max-width: 991px) {.hero-section { text-align: center; }
    .custom-tabs .nav-link { margin-right: 10px; min-width: 250px;}
    .free-consultation-section { display: none; }
    .container { max-width: 100% !important;}
    .contact-card { max-width: 500px; margin: 20px auto;}
    .contact-card label {display: flex;}
    .why-us-section h3 { font-size: 40px;}
    .about-page-whychoose { margin-bottom: 150px;}
}
@media screen and (max-width: 910px) {
    .top-header{ display: none;}
    .industries-section {padding: 250px 0 100px;}

}
@media screen and (max-width: 767px) {
    .footer-bottom {flex-direction: column; align-items: center;text-align: center; }
    .title {font-size: 30px;}
    .hero-section .lead { font-size: 18px; padding-top: 20px;}
    .solutions-section { padding: 50px 0;}
    h2 {font-size: 28px;}
    .industries-section {padding: 150px 0 100px; }
    .testimonial-item { flex-direction: column;}
    .testimonial-img img { height: 320px;}
    .testimonial-card { margin-left: 0;}
    .title-section {padding: 50px 60px 70px; margin-top: -200px;}
    .about-right-sec {padding-top: 50px;}
    .contact-content .contact-card {max-width: 100%;}
    .about-page-whychoose {margin-bottom: 120px;}
}
@media screen and (max-width: 575px) {
    .approach-card { width: 95%; margin: auto;}
    .footer-heading { font-size: 30px;}
    .footer-bottom p { font-size: 16px;}
    .title-section {padding: 30px 20px 40px;}
    .about-right-sec h2 { font-size: 24px;}
    .about-page-whychoose {margin-bottom: 100px;}
    .industries-section { padding: 70px 0 50px; }
    .industry-item h4 {font-size: 18px;}
    .testimonial-section {padding: 50px 0;}
    .consulting-approach {padding: 50px 0;}
    .team-section {padding: 50px 0px;}
}

.footer-bottom p {
    font-size: 16px;
    font-weight: 500;
}


.srvc .title-section {
    background: #fff;
    margin-top: -150px;
    padding: 50px 200px 40px;
    text-align: center;

}