body {
  font-family: "Raleway", sans-serif;
}







/* Modal Animation Fade in, out */

 /* Custom fade animation for modal */
    .custom-modal {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.5s ease, visibility 0.5s ease;
      z-index: 1055;
    }

    .custom-modal.show {
      opacity: 1;
      visibility: visible;
    }

    .custom-modal-content {
      background: #fff;
      border-radius: 1rem;
      max-width: 600px;
      width: 90%;
      padding: 1.5rem;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
      animation: popIn 0.5s ease;
    }

    @keyframes popIn {
      from { transform: scale(0.9); opacity: 0; }
      to { transform: scale(1); opacity: 1; }
    }







/* navbar mobile backdrop color */
  /* Mobile-only navbar menu backdrop */
  @media (max-width: 991.98px) {
    #navbarNav .navbar-nav {
      background-color: #072e15e1; /* Your green overlay */
      z-index: 1040;
    }
  }

  /* Desktop reset */
  @media (min-width: 992px) {
    #navbarNav .navbar-nav {
      background-color: transparent;
    }
  }



.cdm-yellow-txt{
    color: #FEFE00;
}



.nav-link{
    transition: all 0.3s ease; /* smooth hover */
}

.nav-link:hover{
    transform: translateY(-2px); /* lift effect */
}    


.navbar-toggler{
    border-color: #0d5226;
    background-color: #0d5226;
}

.navbar{
    height: 4.5rem;
    background-color: #0e2b18ea
    

}


.hero {

    min-height: 100vh;       /* Full viewport height */
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(https://res.cloudinary.com/dpiew5eib/image/upload/v1755154505/CDM_Bldg_Backdrop_tmkr9z.png);
    background-color: #0d5226;
    /* padding-top: 180px; */
    padding-bottom: 50px;

    display: flex;
    align-items: center;     /* vertical centering */

}


.mobile-portaltab{
    display: none;
    max-width: 280px;
    margin: 0 auto 0px;
}



@media (max-width:725px){
    .hero{    
        text-size-adjust: 85%;
        padding-top: 80px;
       
            }

    .mobile-portaltab{
        display: block;
    }




    .RS-Img{
        display: none;
    }

     .col-md-6.text-white {
    text-align: center;
  }


    /* .Item-Hide
    {
        display: none;
    } */




}











/* Primary Button */
.cdm-btn-primary {
    border: none;
    border-radius: 10rem;
    background-color: #10692F;
    color: white;    
    transition: all 0.3s ease; /* smooth hover */
}

.cdm-btn-primary:hover {
    background-color: #0d5226;   /* slightly darker green */
    color: white;
    box-shadow: 0 4px 12px rgba(16, 105, 47, 0.3); /* subtle glow */
    transform: translateY(-2px); /* lift effect */
}

/* Secondary Button */
.cdm-btn-secondary {
    border-radius: 10rem;
    background-color: white;
    color: #10692F;
    transition: all 0.3s ease;
}

.cdm-btn-secondary:hover {
    background-color: #f5f5f5;  /* softer hover */
    color: #0d5226;             /* darker green for contrast */
    box-shadow: 0 3px 10px rgba(0,0,0,0.1); /* subtle shadow */
    transform: translateY(-2px); /* lift effect */
}




.ftr{
    background-color: #0d5226;
    color: white;
}

.logo{
    height: 1px;
    min-width: 1px;
}