@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* ######################################################## Page CSS ##################################################### */

body{
    font-family: 'poppins',Arial, Helvetica, sans-serif;
}
::selection {
    background-color: #1D0E8D;
    color: #ffffff;  
}


/* ######################################################### Utility CSS ################################################## */

/* Background */
.primary-bg{
    background: #fff;
}
.secondary-bg{
    background: #000F2E;
}
.tertiary-bg{
    background: #F6F6F6;
}
.fourth-bg{
    background: #242424;
}
.transparent-bg {
    background-color: transparent 
}


/* Buttons */

/* 1st Button (Home Page) */
.btn-primary-btn{
    background:#fff;
    color: #1D0E8D;
    border: #7B7B7B 1px solid;
}
.btn-primary-btn:hover{
    color:#fff;
    background:#1D0E8D;
    border: #1D0E8D 1px solid;
}

/* 2nd button (Service Page) */
.btn-secondary-btn{
    background:#000F2E;
    color: #fff;
    border: #000F2E 1px solid;
}
.btn-secondary-btn:hover{
    color:#000F2E;
    background: transparent;
    border: #000F2E 1px solid;
}

/* 3rd button (Service Page) */
.btn-tertiary-btn{
    background:#ffffff;
    color: #000F2E;
    border: #ffffff 1px solid;
}
.btn-tertiary-btn:hover{
    color:#fff;
    background: transparent;
    border: #ffffff 1px solid;
}


/* text */
.primary-txt{
    color: black;
}
.secondary-txt{
    color: #1D0E8D;
}
.tertiary-txt{
    color: #ffffff;
}
.fourth-txt{
    color: #FF3737;
}


/* border */
.primary-border{
    border: 1px solid #051C4D;
}


/* Form Focus Ring */
.form-control:focus {
    outline: none;
    box-shadow: 0 0 0 3px #6f9cff; 
    border-color: #000000;
}
.focus-ring:focus{
    outline: none;
    box-shadow: 0 0 0 3px #6f9cff; 
    border-color: #000000;
}

/* input field */
input.form-control {
    border-color: black;
}


/* ######################################################### Navbar CSS ################################################## */


/* Gradient Top Bar */
.top-bar {
    background: linear-gradient(to right, #051C4D, #0C41B3);
  }
  
  /* Navbar Logo */
  .navbar-brand img {
    max-height: 70px;
    width: auto;
  }
  
  /* Highlight nav links */
  .nav-link {
    color: #000;
    font-weight: 500;
  }
  
  .nav-link:hover {
    color: #0C41B3;
  }


.btn-navbar-btn{
    color: #00155A;
    border: #00155A 1px solid;
    background: #fff;
}

.btn-navbar-btn:hover{
    color: #fff;
    border: #00155A 1px solid;
    background: #00155A;
}

/* Add spacing between nav-links on large screens */
@media (min-width: 992px) {
    .navbar-nav.gap-lg-3 > .nav-item {
      margin-right: 1rem;
    }
    .navbar-nav.gap-lg-3 > .nav-item:last-child {
      margin-right: 0;
    }
  }
  

/* ######################################################### Footer CSS ################################################## */
.footer-section {
    background: linear-gradient(to right, #021b79, #07396a);
}

.footer-link {
    color: #ffffffcc;
    text-decoration: none;
    font-size: 16px; /* increased from default */
}

.footer-link:hover {
    text-decoration: underline;
    color: #fff;
}

.footer-section p,
.footer-section li {
    color: #ffffffcc;
    font-size: 16px; /* increased from 14px */
}

.footer-section h6 {
    font-size: 18px; /* optional: bump up heading sizes too */
}


/* ######################################################### WhatsApp SVG CSS ################################################## */

/* ######################################################### Footer CSS ################################################## */
/* WhatsApp floating icon animation */
.whatsapp-icon {
    width: 60px;
    height: 60px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    animation: float 2.5s ease-in-out infinite;
}

.whatsapp-icon:hover {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 8px 16px rgba(0, 255, 0, 0.4);
}

/* Floating up & down animation */
@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}