/* 1st section */
#background-box {
  border: none;
  background-image: linear-gradient(120deg, black, #001e42 0%, #009fa4);
  background-size: 100% 100%;
  /* Ensure gradient fills the fixed height */
  color: white;
  min-height: 250px;
  align-items: center;
}


.h1tag {
  letter-spacing: 3px;
  cursor: default;
  font-family: Volte rounded, sans-serif;
  color: #fff;
  transition: 0.50s;
}

.h1tag:hover,
.h1tag:focus {
  border-color: var(--hover);
}

  
  /* 2nd section */

  .heading{
    background-color: #e9e7e7;
    padding: 30px;
    border-radius: 20px;
    text-align: justify;
  }

  .card {
    border: 2px solid #001e42;
}

  
  .cardimg {
    background-image: url("../images/career-icon.png");
    background-size: 50%; /* Adjust the size as needed */
    background-position:top right; /* Position the image in the top right corner */
    background-repeat: no-repeat;
}

.mail {
    color: #0c6583;
    background-color: #d1d1d1;
    border-radius: 30px;
    border:1px solid #0c6583;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.15em;
    font-weight: 600;
    
    display: inline-block;
    padding: 5px 10px;
    position: relative;
  }
.mail:hover{
    color: #fff;
    background-color: #0c6583;
}