.about-content .btn-knowmore {

    background-color: #10214f;

    padding: 15px 30px;

    color: #fff;

    text-transform: uppercase;

    float: left;

}



.green-gradient-rgba {

    background: linear-gradient(40deg, rgba(0,255,0,0.9), rgba(0,255,163,0.9)) !important;

}



.red-gradient-rgba {

    background: linear-gradient(40deg, rgba(255,0,0,0.9), rgba(255,163,0,0.9)) !important;

}
header {
     background: linear-gradient(135deg,
        rgba(33, 150, 243, 1),
        rgba(33, 150, 243, 0.95),
        rgba(33, 150, 243, 0.90),
        rgba(33, 150, 243, 0.85),
        rgba(33, 150, 243, 0.50),
        rgba(33, 150, 243, 0.45),
        rgba(33, 150, 243, 0.40),
        rgba(33, 150, 243, 0.35),
        rgba(33, 150, 243, 0.30)
    );
    color:#10214f;
}

footer {
    background: linear-gradient(
        180deg,
        rgba(16, 33, 79, 1) 0%,
        rgba(16, 33, 79, 0.9) 10%,
        rgba(16, 33, 79, 0.8) 20%,
        rgba(16, 33, 79, 0.7) 30%,
        rgba(16, 33, 79, 0.6) 40%,
        rgba(16, 33, 79, 0.55) 50%,
        rgba(16, 33, 79, 0.5) 60%,
        rgba(16, 33, 79, 0.6) 70%,
        rgba(16, 33, 79, 0.75) 80%,
        rgba(16, 33, 79, 0.9) 90%,
        rgba(16, 33, 79, 1) 100%
    );
   
}
.floating-menu {
    z-index: 999;
    padding: 10px 15px;
    left: 0;
    position: fixed;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    
    background-color: #ffffff;
    border-radius: 10px;

    /* Elegant shadow */
    box-shadow:
        0 4px 6px rgba(16, 33, 79, 0.8),
        0 8px 20px rgba(16, 33, 79, 0.9);
}
.floating-menu .main-menu{
    border:1px solid #333;
}

.image-wrapper {
  position: relative;
  display: inline-block;
}

.corner-logo {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 60px; /* adjust size if needed */
  height: auto;
  z-index: 2;
}
@media (max-width: 576px) {
  .corner-logo {
    width: 30px;
  }
}