*{
    margin: 0;
    padding: 0;
}
body{
     -webkit-user-select: none; /* Chrome, Safari */
        -moz-user-select: none;    /* Firefox */
        -ms-user-select: none;     /* IE/Edge */
        user-select: none; 
}

.nav-item.active .nav-link  {
    color: #fff !important;
    background-color: #001659;
    border-top: 2px solid #001659;
    border-bottom: 2px solid #001659;
    
  }


.top-nav-app button{
    background: #0dcaf0 !important; 
    color: #000 !important; 
    border: none; 
    border-radius: inherit; 
    font-family: 'Poppins'; 
    font-weight: 500; 
    padding: 10px 10px;
}

.top-nav-app button:hover{
    background: #0dcaf0 !important; 
    color: #000 !important; 
    border: none; 
    border-radius: inherit; 
    font-family: 'Poppins'; 
    font-weight: 500; 
    padding: 10px 10px;
}

.top-nav-btn button{
    color: #fff; 
    border-radius: inherit; 
    border: #001659; 
    background: #001659 !important;
}

.top-nav-btn button:hover{
    color: #fff; 
    background: #001659 !important; 
    border-radius: inherit; 
    border: none;
}
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.dropdown-menu {
  display: none;
}

.nav-item.dropdown:hover .dropdown-menu {
  display: block;
}
/* Adjust Complaint button style if needed */
.navbar .btn-outline-danger {
  background: #dc3545;
  color: #fff;
  border: none;
  font-family: 'Poppins';
  font-weight: 500;
}

.navbar .btn-outline-danger:hover {
  background: #c82333;
  color: #fff;
}

#complaintIcon {
  background: #f84456 !important;
  color: #000 !important;
  border: none;
}

#complaintIcon:hover {
  color: #fff !important;
}
.navbar-logo {
  height: 62px;             /* Adjust based on space */
  width: 90px;
  object-fit: cover;      /* Keeps proportions */
  display: block;
  background-color: transparent;
}
.disclaimer {
            background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
            border: 2px solid #ffc107;
            border-radius: 10px;
            padding: 1.8rem;
            margin: 2rem 0;
            position: relative;
        }

        .disclaimer h5 {
  display: flex;
  align-items: center;
  gap: 8px;                /* spacing between icon and text */
  color: #e2283a !important;
  font-weight: 700;
  font-size: 1.2rem;
  margin: 0 0 1rem 0;
}

.disclaimer h5 svg {
  flex: 0 0 auto;          /* prevent stretching or moving */
  display: block;          /* avoids baseline alignment issues */
}

.disclaimer h5 svg {
  flex-shrink: 0;         /* keep icon size stable */
}


        .disclaimer p {
            color: #856404  !important;
            margin: 0;
            font-weight: 500;
            line-height: 1.6;
        }


.s-bar{
    width: 60% !important;
}

.menu img{
    width: 155px;
}
.menu{
    padding: 0px !important;
    padding-bottom: 5px !important;
}

.top-bar{
    background: #001659; 
    padding: 8px;
}


.top-bar a{
   color: #fff; 
   text-decoration: none; 
   font-size: 14px;
   font-family: 'Poppins';
}

.top-a{
    color: #fff; 
    text-decoration: none; 
    font-size: 14px;
    font-family: 'Poppins';
    padding-right: 32px;
    padding-left: 32px;
}

.top-icon a{
    width: 32px; 
    height: 32px; 
    border-radius: inherit; 
    margin-right: 2px !important;
}

.top-icon svg{
    position: relative; 
    top: -2px; 
    left: -5px;
}

.top-bar .row{
    display: flex; 
    align-items: baseline;
}



.foot-bg h5{
    font-size: 20px;
    font-family: poppins;
    color: #fff;
    font-weight: 500;
    padding-bottom: 15px;
}

.foot-bg p {
    color: #fff; 
    font-family: 'Poppins'; 
    font-size: 14px;
}

.foot-bg a {
    width: 32px; 
    height: 32px; 
    border-radius: inherit; 
    margin-right: 5px !important;
}

.foot-body {
    color: #fff; 
    font-family: 'Poppins'; 
    font-size: 14px;
}

.foot-bg ul li a{
    font-family: poppins;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    transition: 0.5s;
}

.foot-bg ul li a:hover{
    letter-spacing: 1px;
    color: #0dcaf0;
}

.bi-facebook:hover {
    background: linear-gradient(rgba(0, 18, 72, 0.9), rgba(0, 18, 72, 1)) !important;
    fill: #fff !important;
    rotate: 360deg !important;
    transition: 0.5s;
}

.bi-whatsapp:hover {
    background: linear-gradient(rgba(0, 18, 72, 0.9), rgba(0, 18, 72, 1)) !important;
    fill: #fff !important;
    rotate: 360deg !important;
    transition: 0.5s;
}

.bi-instagram:hover {
    background: linear-gradient(rgba(0, 18, 72, 0.9), rgba(0, 18, 72, 1)) !important;
    fill: #fff !important;
    rotate: 360deg !important;
    transition: 0.5s;
}

.bi-linkedin:hover{
    background: linear-gradient(rgba(0, 18, 72, 0.9), rgba(0, 18, 72, 1)) !important;
    fill: #fff !important;
    rotate: 360deg !important;
    transition: 0.5s;
}

.foot-bg{
    background: linear-gradient(rgba(0, 18, 72, 0.9), rgba(0, 18, 72, 1));
}

.bg-breadcrumb {
    position: relative;
    overflow: hidden;
    background: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/about-3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0 60px 0;
}


.breadcrumb-corporate-debt-restructuring {
  background-image: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/corporate_debt_restructuring_banner.png);
}

.breadcrumb-financial {
  background-image: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/financial-consultancy-banner.png);
}

.breadcrumb-outsourcing {
  background-image: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/outsourcing-banner.png);
}

.breadcrumb-subcontracting {
  background-image: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/subcontracting-banner.png);
}

.breadcrumb-employment {
  background-image: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/employee-management-banner.png);
}

.breadcrumb-realEstate{
    background-image: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/real-estate-banner.png);
}

.breadcrumb-projectFinance{
    background-image: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/project-finance-banner.png);
}

.breadcrumb-trade-finance{
    background-image: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/trade-finance-banner.png);
}

.breadcrumb-corporate-finance{
    background-image: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/Corporate-finance-banner.png);
}

.breadcrumb-itSolutions{
    background-image: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/It-solutions-banner.png);
}

.breadcrumb-hospitality{
    background-image: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/hospitality-banner.png);
}

.breadcrumb-healthcare{
    background-image: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/health-care-banner.png);
}

.breadcrumb-education{
    background-image: linear-gradient(rgba(0, 18, 72, 0.7), rgba(0, 18, 72, 0.7)), url(../img/education-banner.png);
}


.bg-breadcrumb .breadcrumb {
    position: relative;
}

.custom-btn {
  background-color: #0d6efd;
  color: #fff;
  padding: 8px 20px;
  border: none;
  border-radius: 30px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.custom-btn:hover {
  background-color: #084298;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.custom-btn{
    padding: 4px 10px;
    border-radius: 0;
    font-family: 'Poppins';
    font-size: 15px;
}


/* Scroll to Top Button */
        .scroll-to-top {
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 60px;
    height: 60px;
    background: #fff;
    border: 2px solid #4a90e2;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
}

.scroll-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.scroll-to-top:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3);
}

.scroll-to-top:active {
    transform: translateY(-1px);
}

/* Enhanced water fill animation with floating effect */
.water-fill {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background: linear-gradient(to top, #4a90e2, #67b6ff);
    border-radius: 50%;
    transition: height 0.4s ease;
    z-index: 1;
    overflow: hidden;
}

/* Multiple wave layers for realistic floating effect */
.water-fill::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -50%;
    width: 200%;
    height: 20px;
    background: linear-gradient(
        45deg,
        transparent 30%,
        rgba(255, 255, 255, 0.5) 50%,
        transparent 70%
    );
    border-radius: 50%;
    animation: wave1 3s ease-in-out infinite;
}

.water-fill::after {
    content: '';
    position: absolute;
    top: -8px;
    left: -50%;
    width: 200%;
    height: 15px;
    background: linear-gradient(
        -45deg,
        transparent 40%,
        rgba(255, 255, 255, 0.3) 50%,
        transparent 60%
    );
    border-radius: 50%;
    animation: wave2 4s ease-in-out infinite reverse;
}

/* Enhanced wave animations */
@keyframes wave1 {
    0%, 100% {
        transform: translateX(-25%) translateY(0) rotate(0deg);
    }
    25% {
        transform: translateX(-25%) translateY(-2px) rotate(1deg);
    }
    50% {
        transform: translateX(-25%) translateY(-4px) rotate(0deg);
    }
    75% {
        transform: translateX(-25%) translateY(-2px) rotate(-1deg);
    }
}
@keyframes wave2 {
    0%, 100% {
        transform: translateX(-25%) translateY(0) rotate(0deg);
    }
    33% {
        transform: translateX(-25%) translateY(-3px) rotate(-1deg);
    }
    66% {
        transform: translateX(-25%) translateY(-1px) rotate(1deg);
    }
}

/* Bubble effect for extra realism */
.bubble {
    position: absolute;
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    animation: bubbleFloat 2s infinite ease-in-out;
}

.bubble:nth-child(1) {
    left: 20%;
    animation-delay: 0s;
}

.bubble:nth-child(2) {
    left: 50%;
    animation-delay: 0.5s;
}

.bubble:nth-child(3) {
    left: 80%;
    animation-delay: 1s;
}

@keyframes bubbleFloat {
    0% {
        bottom: 0;
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        bottom: 100%;
        opacity: 0;
    }
}

/* Arrow icon */
.arrow {
    position: relative;
    z-index: 2;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #4a90e2;
    transition: all 0.3s ease;
}

.scroll-to-top:hover .arrow {
    border-bottom-color: #fff;
    transform: translateY(-2px);
}

/* Arrow animation when filled */
.scroll-to-top.filled .arrow {
    border-bottom-color: #fff;
}

/* Circular progress indicator */
.progress-ring {
    position: absolute;
    top: -3px;
    left: -3px;
    width: 66px;
    height: 66px;
    z-index: 3;
}

.progress-ring__circle {
    stroke: #4a90e2;
    stroke-width: 2;
    fill: transparent;
    stroke-dasharray: 188.5; /* 2 * π * r where r = 30 */
    stroke-dashoffset: 188.5;
    transition: stroke-dashoffset 0.1s ease;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

/* Floating animation for the entire button */
.scroll-to-top.floating {
    animation: floatButton 6s ease-in-out infinite;
}

@keyframes floatButton {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

/* Responsive design */
@media (max-width: 768px) {
    .scroll-to-top {
        bottom: 20px;
        left: 20px;
        width: 50px;
        height: 50px;
    }
    
    .progress-ring {
        width: 56px;
        height: 56px;
    }
}




 .main-menu li {
	 list-style: none;
}
 .main-menu li a {
	 position: relative;
	 display: block;
	 text-transform: uppercase;
	 padding: 8px 30px;
	 text-decoration: none;
	 color: #262626;
	 font-family: 'poppins';
	 font-size: 15px !important;
	 font-weight: 600;
	 transition: 0.5s;
	 z-index: 1;
}
 .main-menu li a:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 /* border-top: 2px solid #001659;
	 border-bottom: 2px solid #001659; */
	 transform: scaleY(2);
	 opacity: 0;
	 transition: 0.3s;
}
 .main-menu li a:after {
	 content: '';
	 position: absolute;
	 top: 2px;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: #001659;
	 transform: scale(0);
	 opacity: 0;
	 transition: 0.3s;
	 z-index: -1;
}
 .main-menu li a:hover {
	 color: #fff !important;
}
 .main-menu li a:hover:before {
	 transform: scaleY(1);
	 opacity: 1;
}
 .main-menu li a:hover:after {
	 transform: scaleY(1);
	 opacity: 1;
}

.main-menu svg{
    position: relative;
}

.main-menu svg:hover{
    fill: #fff !important;
}