/* ===================================
    Crafto - Finance
====================================== */
/* font */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* variable */
:root {     
    --base-color: goldenrod; 
    --stromboli-green:#3E6558;
    --alt-font: 'Jost', sans-serif;
    --primary-font: 'Jost', sans-serif;
    --medium-gray: #828282;
}
/* reset */
body {
    line-height: 32px;
    overflow-x: hidden;
}
.swiper-slide{
    cursor: default !important;
}
/* heading */
h1 {
    font-size: 4rem;
    line-height: 3.6rem;
}
h2 {
    line-height: 3.438rem;
}
h3 {
    line-height: 2.813rem;
}
p {
    margin-bottom: 20px;
}
/* bg gradient color */
.bg-gradient-black-dark-brown {
    background-image: linear-gradient(to right top, #000000, #000000, #30281B, #493825, #DA7310);
}
.bg-gradient-green-light-brown {
    background-image: linear-gradient(to right top, #3C7663, #5B8365, #929A68, #B8AA6A, #DEBB6D);
}
.bg-gradient-light-brown-transparent { 
    background-image: linear-gradient(to right top, rgba(45, 41, 37, .6), rgba(188, 137, 71, .9));
}
/* text gradient color */
.text-gradient-green-brown-color {
    background-image: linear-gradient(to right top, #3C7663, #5B8365, #929A68, #B8AA6A, #DEBB6D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* header */
.navbar .navbar-nav .nav-link {
    font-weight: 400;
    font-size: 19px;
    letter-spacing: .5px;
    color: black;
}
.navbar .btn {
    font-size: 15px;
    padding: 8px 20px;
}

.navbar .navbar-nav .dropdown .dropdown-menu a {
    font-size: 18px;
    line-height: 32px;
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu {
    border-radius: 5px;
}
.container-fluid{
    background-color: white;  
}
.navbar-brand img {
  width: 150px !important;
  height: 80px !important;
  object-fit: contain;   /* or cover */
   position: fixed;
    top: 20px; /* adjust this value to your desired position */
   left: 20px; /* adjust this value to your desired position */
}
.navbar-brand{
    height: 70px;
}
/*footer new*/
/* --- Light Background & Main Layout --- */
.bg-very-light-gray {
    background-color: #f9f9f9 !important; /* Adjust to your exact light gray */
}

footer {
    padding: 80px 0 30px 0;
    border-top: 1px solid #e5e5e5;
}

.footer-main-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}

/* --- Column Styling --- */
.footer-col {
    flex: 1 1 calc(25% - 30px);
    min-width: 240px;
}

.footer-col h5 {
    font-weight: 600;
    color: #232323;
}

.footer-col p, .footer-col a {
    color: #555;
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Quick Links Styling to match Image */
.footer-list li {
    margin-bottom: 5px;
}

.footer-list li a {
    font-size: 15px;
}

.footer-list li a:hover {
    color: #b8860b; /* Your golden/base color */
    padding-left: 5px;
}

/* --- Contact & Socials --- */
.contact-list li {
    margin-bottom: 10px;
    font-size: 15px;
}

.social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 50%;
    margin-right: 8px;
    color: #232323 !important;
}

.social-btn:hover {
    background-color: #232323;
    color: #fff !important;
}

/* --- Responsive Behavior --- */
@media (max-width: 1199px) {
    .footer-col {
        flex: 1 1 calc(50% - 30px); /* 2x2 grid on Tablet */
    }
}

@media (max-width: 767px) {
    footer {
        padding: 50px 0 20px 0;
    }
    
    .footer-main-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .footer-col {
        width: 100%;
        min-width: 100%;
        text-align: left;
    }
    
    .text-md-end {
        text-align: center !important;
        margin-top: 15px;
    }
}

/* Utility Classes */
.mb-50px { margin-bottom: 50px; }
.mt-40px { margin-top: 40px; }
.border-top { border-top: 1px solid #ddd !important; }

.input-small, .textarea-small {
    font-size: 16px;
}
.swiper-slide .col-xl-7 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-slide .alt-font.fs-90 {
  min-height: 1em; /* keep it from collapsing */
}

/* page title */
.page-title-extra-large h1 {
    font-size: 4.3rem;
    line-height: 4.7rem;
}

/* Second image (position-absolute) */

.slider{
    width: 350px;
    height: 450px;
}
.img img{
    height: 486px;
}
.sml img{
    height:432px;
}
@media (max-width: 1199px) {
    header .btn.btn-very-small {
        padding: 7px 11px;
    }
    .newsletter-style-02 input {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
    }
}
@media (max-width: 991px) {
    .md-outside-box-right-70 {
        margin-right: -70vw;
    }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link {
        font-size: 19px;
    }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu a {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .blog-classic .card .card-body p {
        margin-bottom: 15px;
    }
    .page-title-extra-large h1 {
        line-height: 44px;
    }
    .sm-outside-box-right-0 {
        margin-right: 0;
    }
}
@media (min-width: 400px) and (max-width:767px) {
     .sector{
        color: black;
    }
    #icon,#icons{
        color: black;
    }  
}
@media (min-width:770px) and (max-width:1700px){
  .sector{
    color: white;
  }
  #icon,#icons{
    color: white;
  }
}
.w-75 img{
    height: 525px;
}
.position-absolute img{
    height: 335px;
}
.btn-double-text {
  min-width: 100px;   /* enough space for "About Us" */
  white-space: nowrap; /* prevents breaking */
  overflow: visible;   /* make sure letters aren’t cut */
  text-align: center;
}
.btn-switch-text {
  background: goldenrod;
  color: white;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  text-align: center;
  padding: 10px;
}

.btn-switch-text:hover {
  background: black;
  color: white;
}

.vertical-counter{
    color: darkred;
}
.scrol{
    color: darkred;
}
.btns:hover{
  background-color: goldenrod;
  color: white;
}
.btns{
    background-color: black;
    color: white;
}
.btnss{
  width: 192px;
  background-color: black;
    color: white;
}
.btnss:hover{
  background-color:goldenrod;
}
.icons{
    border: 2px solid goldenrod;
}
.btns1:hover{
    color: goldenrod;
}
.para{
  text-align: justify;
  width: 450px;
}
.footer-2 .newsletter button:hover{
background-color: white;
color: black;
}
/*about section*/
.line-icon-Like,.line-icon-Knight,.line-icon-Bar-Chart2,
.line-icon-Money-Bag,.line-icon-Medal-2,.line-icon-Business-ManWoman
{
    color: goldenrod;
}
.feature-box-overlay{
    background-color: goldenrod;
}
.vertical-counter::after {
  content: "+";
  margin-left: 2px; /* small space */
}
.abouts{
    width: 450px !important;
    height: 527px !important;
    object-fit: cover;
}
.abouts1{
    width: 450px !important;
    height: 367px !important;
}
/*.ani:hover{
    transform: scale(1.1);
    cursor: pointer;
    transition-timing-function: 0.5s ease-in-out;
}*/
/* Image Wrapper for Animation */
.image-wrapper {
  display: inline-block;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  transition: transform 0.4s ease-in-out;
}

.image-wrapper:hover {
  transform: scale(1.05) rotate(2deg);
}

.commitment-img {
 width:500px;
height:350px;
transition: transform 0.6s ease-in-out;
}

/* Subtle float effect */
.image-wrapper:hover .commitment-img {
  transform: scale(1.1);
}
.text-uppercase{
    color: goldenrod;
}
.services-box-icon{
    color: goldenrod;
}
.service-card {
  transition: transform 0.3s, box-shadow 0.3s;
}
.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.chit-swiper {
  padding: 30px !important;
  
}

.chit-card {
  background: #fff;
  border-radius: 18px;
  padding: 60px 30px;
  height: 100%;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  position: relative;
}

.chit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 60px rgba(0,0,0,0.12);
}

.chit-card h5 {
  font-weight: 600;
  margin-bottom: 12px;
  color: #000;
}

.chit-card p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

/* Step number */
.chit-card .step {
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 42px;
  font-weight: 700;
  color: darkred; /* golden premium tone */
}

/* Mobile */
@media (max-width: 768px) {
  .chit-card {
    padding: 30px 25px;
  }
}

.box-overlay{
    background-color: goldenrod;
}
/* Container wrapper */
.expertise-item {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin-bottom: 30px;
}

.expertise-item img {
  width: 100%;
  display: block;
  transition: transform 0.5s ease;
  border-radius: 12px;
}

/* Caption styling */
.expertise-item figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(255,255,255,0.95);
  padding: 20px 15px;
  text-align: center;
  transition: all 0.4s ease;
}

.expertise-item h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #222;
}

.expertise-item p {
  font-size: 15px;
  color: #555;
  margin: 0;
  line-height: 1.4;
}

/* Hover effects */
.expertise-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.expertise-item:hover img {
  transform: scale(1.08);
}

.expertise-item:hover figcaption {
  background: rgba(255,255,255,1);
}
/* Force tabs in one single line without wrapping */
.nav-tabs {
  display: flex;
  justify-content: center;     /* Center all tabs */
  align-items: center;
  flex-wrap: nowrap;           /* Keep in one line */
  gap: 50px;                   /* Equal spacing between tabs */
  border: none !important;     /* Remove default border if any */
  padding-left: 0 !important;  /* 🔥 Remove default left padding */
  margin-left: 0 !important;   /* 🔥 Remove default left margin */
}

.nav-tabs .nav-item {
  flex: 0 1 auto;              /* Fit based on text */
  margin: 0 !important;        /* Remove extra spacing */
  padding: 0 !important;
}

.nav-tabs .nav-link {
  font-size: 18px;
  padding: 8px 14px;
  white-space: nowrap;
  border: none;
  background: none;
}
.tab-border{
  background-color: goldenrod;
}

/* Optional: if you want smaller text on mobile */
@media (max-width: 768px) {
  .nav-tabs .nav-link {
    font-size: 12px;
    padding: 5px 3px;
  }
}
/* Ensure all slides are same height */
.slides {
  display: flex;
  align-items: stretch;
}

/* Make each card equal height */
.sliders {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Evenly space content */
  height: 100%; /* Stretch to match tallest card */
  min-height: 450px; /* Keep a fixed minimum height */
  padding: 30px;
  text-align: justify;
  letter-spacing: -1px;
}

/* Ensure paragraph doesn’t overflow */
.sliders p {
  
  margin-bottom: 20px;
  text-align: justify;
  font-size: 18px;
}

/* Adjust image and text alignment */
.sliders img {
  margin-top: auto;
}
/*previous and next button for testimonial*/
/* Center navigation buttons below the slider */
.swiper-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
   margin-right: 50px;
}

/* Style for both arrow buttons */
.swiper-navigation button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 40px; /* arrow size */
  color: #333;
  transition: all 0.3s ease;
 
}

/* Hover effect */
.swiper-navigation button:hover {
  color: darkred; /* your theme color */
  transform: scale(1.2);
}

/* Make it responsive */
@media (max-width: 768px) {
  .swiper-navigation button {
    font-size: 32px;
    gap: 20px;
  }
}

/* Section */
.vision-mission-section {
  padding: 80px 20px;
  background: #f7f7f7;
}

/* Grid */
.vm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 40px;
  max-width: 1100px;
  margin: auto;
}

/* Box */
.vm-box {
  background: #ffffff;
  padding: 50px 30px;
  text-align: center;
  border-radius: 14px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

/* Box zoom */
.vm-box:hover {
  transform: scale(1.06);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}

/* Icon center holder */
.vm-icon-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

/* Perspective for flip */
.vm-icon-wrapper {
  perspective: 1000px;
}

/* Icon circle */
.vm-icon {
  width: 90px;
  height: 90px;
  background: goldenrod;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  transform-style: preserve-3d;
  transition: transform 0.8s ease, background 0.4s ease;
}

/* Icon */
.vm-icon i {
  font-size: 42px;
  color: white;
  backface-visibility: hidden;
}

/* Flip + color change */
.vm-box:hover .vm-icon {
  transform: rotateY(180deg);
  background: darkred;
}

.vm-box:hover .vm-icon i {
  color: #ffffff;
}

/* Text */
.vm-box h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #222;
}

.vm-box p {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
}

/* Responsive */
@media (max-width: 768px) {
  .vm-box {
    padding: 40px 25px;
  }
}

/*stats*/
.stats-section {
    padding: 40px 0; /* Reduce top/bottom space */
    display: flex;
    align-items: center;
    justify-content: center;
}

.stats-section .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.vertical-counter {
    line-height: 1;
}
.swiper-slide.sliddes {
  width: 600px !important; 
  height: 380px !important;
}
/*responsive*/

/*about over*/
.feat{
  text-align: justify;
  width: 200px;
  height: 130px;
}
/*advisory buttons*/
@media (min-width:300px) and (max-width:470px) {
  .btnss {
   margin: 10px;
  }
}
.transition-inner-all{
  padding: 5px;
}
.tick-list {
  list-style: none;
  padding-left: 0;
}

.tick-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 16px;
  margin-bottom: 10px;
  color: #333;
}

.tick-list i {
  color: #c59b2a; /* green tick */
  font-size: 18px;
  margin-top: 3px;
}
/*choose us*/
/* --- Entrance Animations --- */
@keyframes fadeInLeft {
    from { opacity: 0; transform: translateX(-40px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes drawVerticalLine {
    from { height: 0; }
    to { height: 100%; }
}

.animate-fadeInLeft {
    animation: fadeInLeft 0.8s ease-out forwards;
}

.animate-item {
    opacity: 0;
    animation: fadeInUp 0.7s ease-out forwards;
    animation-delay: var(--delay);
}

/* --- Layout & Line Styling --- */
.trust-line-section {
    padding: 90px 0; /* Standardized spacing */
}
.trust-line-wrapper {
    position: relative;
    padding-left: 10px;
}

.trust-line-wrapper::before {
    content: "";
    position: absolute;
    left: 40px;
    top: 5px;
    width: 2px;
    background: #b8860b; /* Golden line */
    z-index: 1;
    animation: drawVerticalLine 1.5s ease-in-out forwards;
}

.trust-item {
    position: relative;
    z-index: 2;
    transition: all 0.3s ease-in-out;
    padding: 10px;
    border-radius: 8px;
}

/* --- Interactive Hover Effects --- */
.trust-item:hover {
    background-color: #f9f9f9;
    transform: translateX(10px);
}

.trust-icon-box {
    width: 40px;
    height: 40px;
    background: #fff;
    border: 2px solid goldenrod;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.trust-item:hover .trust-icon-box {
    background-color: goldenrod;
    transform: scale(1.2) rotate(15deg);
}

.trust-number {
    font-size: 14px;
    font-weight: 800;
    color:goldenrod;
    transition: color 0.3s;
}

.trust-item:hover .trust-number {
    color: #fff;
}

/* Stat Box Hover */
.stat-box {
    transition: transform 0.3s ease;
}
.stat-hover-effect:hover .stat-box {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}
.stat-box h3{
  color: darkred;
}
/* Responsive Fixes */
@media (max-width: 991px) {
    .trust-line-wrapper::before { left: 20px; }
    .trust-icon-box { width: 34px; height: 34px; }
}
/* --- Tablet View (max-width: 991px) --- */
@media (max-width: 991px) {
    .trust-line-section {
        padding: 70px 0;
    }

    /* Adjust left side spacing */
    .mb-40px {
        margin-bottom: 50px !important;
    }

    /* Adjust line position for smaller icons */
    .trust-line-wrapper::before {
        left: 35px;
    }

    .trust-icon-box {
        width: 34px !important;
        height: 34px !important;
    }
}

/* --- Mobile View (max-width: 767px) --- */
@media (max-width: 767px) {
    .trust-line-section {
        padding: 50px 0;
        text-align: left; /* Keep left-aligned for the timeline look */
    }

    /* Stack columns */
    .col-lg-5, .col-lg-6 {
        width: 100%;
    }

    /* Add space between the intro text and the timeline */
    .lg-mb-0 {
        margin-bottom: 60px !important;
    }

    /* Adjust the line to be slightly shorter so it doesn't hang off the bottom */
    .trust-line-wrapper::before {
        height: calc(100% - 30px);
        left: 35px;
    }

    .trust-content h6 {
        font-size: 16px;
    }

    .trust-content p {
        font-size: 13.5px;
    }
}

/* --- Animation Keyframes --- */
@keyframes drawVerticalLine {
    from { height: 0; }
    to { height: 100%; }
}

@keyframes fadeInUp {
    from { 
        opacity: 0; 
        transform: translateY(20px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  cursor: pointer;
  
}

.gallery-item img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.gallery-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.gallery-plus {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  font-size: 48px;
  color: #fff;
  font-weight: 300;
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
  pointer-events: none;
}

.gallery-item:hover img {
  transform: scale(1.08);
}

.gallery-item:hover::after {
  opacity: 1;
}

.gallery-item:hover .gallery-plus {
  opacity: 1;
  transform: translate(-50%, -50%);
}

/* Modal */
.gallery-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  z-index: 999999;
  align-items: center;
  justify-content: center;
}

.gallery-modal.active {
  display: flex;
}


.gallery-modal img {
  max-width: 85%;
  max-height: 80%;
  border-radius: 12px;
}

/* Buttons */
.close-btn {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 38px;
  color: #fff;
  cursor: pointer;
}

.prev { position:relative; left: -40px; color: white; font-size: 40px;cursor: pointer; }
.next {  position:relative; right: -40px; color: white; font-size: 40px; cursor: pointer; }

/* Mobile */
@media (max-width: 768px) {
  .gallery-grid {
    grid-template-columns: 1fr;
  }
}
.plan-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
    border: 1px solid #eee;
}

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

.plan-header {
    background: #232323;
    color: #fff;
    padding: 20px;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.plan-card.popular .plan-header {
    background: goldenrod; /* Gold for popular plans */
}

.plan-body {
    padding: 30px;
    text-align: center;
}

.plan-body p {
    margin-bottom: 10px;
    font-size: 15px;
}

.btn-gold {
    background-color: goldenrod;
    color: white;
    border-radius: 50px;
}

.navs-pills .navs-link.active {
    background-color: goldenrod !important;
    color: #ffffff;
}

.navs-link {
    color: #232323;
    border: 1px solid goldenrod;
    background-color: #ffffff;
    padding: 10px;
}
.navs-pills{
  gap: 10px;
}
/* Container and Tab Styling */
.chit-gallery-section { padding: 60px 0; background-color: #f4f7f9; }

.nav-pills-custom .nav-link {
    border-radius: 5px;
    padding: 12px 30px;
    font-weight: 600;
    color: #333;
    border: 1px solid #ddd;
    margin: 0 5px;
}

.nav-pills-custom .nav-link.active {
    background-color: goldenrod; /* Theme Gold */
    border-color: goldenrod;
    color: #fff;
}

/* Card Styling */
.plan-item-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #eee;
    margin-bottom: 30px;
}

.plan-item-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.plan-img-box {
    position: relative;
    cursor: pointer;
    background: #fff;
    padding: 10px;
}

.plan-img-box img {
    width: 100%;
    border-radius: 4px;
    display: block;
}

/* Hover Zoom Icon */
.zoom-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s;
    color: #fff;
    font-size: 24px;
}

.plan-img-box:hover .zoom-overlay { opacity: 1; }

.plan-info { padding: 15px; text-align: center; border-top: 1px solid #eee; }
.plan-info h5 { margin: 0; font-weight: 700; color: #222; }
/*pricing*/
/* Section */
.investment-section {
  padding: 40px;
  text-align: center;
}

/* Tabs */
.tabs {
  margin-bottom: 30px;
}

.tab-btn {
  padding: 10px 25px;
  margin: 0 5px;
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
  font-weight: 600;
}

.tab-btn.active {
  background: goldenrod;
  color: #fff;
}

/* Content */
.tab-contents {
  display: none;
}

.tab-contents.active {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* Cards */
.card {
  width: 400px;
  border: 1px solid #eee;
  padding: 15px;
  cursor: pointer;
}

.card img {
  width: 100%;
}

.card h4 {
  margin: 10px 0 5px;
}
/* ALIGNMENT CODE FOR DETAILS */
  .scheme-details {
    padding: 15px;
    border-bottom: 1px solid #eee;
  }

  .detail-item {
    display: flex;
    justify-content: space-between; /* This aligns text to left and right */
    margin-bottom: 5px;
    font-size: 14px;
  }

  .detail-label {
    color: #666;
    font-weight: bold;
  }

  .detail-value {
    color: #333;
  }

  h4 { margin: 15px 15px 5px 15px; color: #333; }
  p { margin: 0 15px 15px 15px; color: #777; }

/* Lightbox */
.lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
}

.lightbox img {
  max-width: 90%;
  max-height: 80%;
}

.lightbox .close,
.lightbox .prevs,
.lightbox .nexts {
  position: absolute;
  color: #fff;
  font-size: 35px;
  cursor: pointer;
  user-select: none;
}

.close {
  top: 20px;
  right: 30px;
}

.prevs {
  left: 30px;
}

.nexts {
  right: 30px;
}
.img-box {
  position: relative;
  cursor: pointer;
}

.img-box img {
  width: 100%;
  display: block;
}

.img-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  font-size: 48px;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;

  /* 🔴 CRITICAL LINE */
  pointer-events: none;
}

.img-box:hover .img-overlay {
  opacity: 1;
}
.lakhs{
  height: 505px;
}
.navbar > .container-fluid{
  height: 100px;
}
.gallery-main-heading {
  text-align: center;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #2c3e50;
  margin: 40px 0;
  font-weight: 700;
  
  /* Responsive Font Size */
  font-size: 32px; 
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .gallery-main-heading {
    font-size: 24px;
    margin: 25px 0;
  }
}

@media (max-width: 480px) {
  .gallery-main-heading {
    font-size: 20px;
  }
}
.easy{
  height: 250px !important;
}