body {
    background-color: #F5F9F9;
    font-family: 'HelveticaNeue';
}

.text-center {
    text-align: center!important;
}
.container {
    max-width: 530px; /* Adjust the max-width as needed */
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px; /* Optional padding for better visual appearance */
    padding-left: 15px;
}

.row {
    display: flex;
    gap: 20px;
    margin: 0 25px;
    align-items: center;
    justify-content: center;
  }
  
  .col-6 {
    flex: 0 0 50%;
    box-sizing: border-box; /* Optional: Include padding and border in the element's total width */
  }

header {
    background: url(../images/header.png) no-repeat center;
    width: 100%;
    height: 3vh;
    background-color: #004B9F;
    text-align: center;
}


.main-section {
    padding: 60px 0;

}
.main-section h1 {
    margin: 4rem  0 3rem 0;
    font-size: 1.7em;
}


.card {
    display: block;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    padding:30px 15px;
    box-shadow:0px 0px 5px 0px #ccc;
    border-radius: 10px;
    margin-bottom:20px;
    height: 100px;
    cursor: pointer;
    text-align: center;
    color: #000;
  }

  .card img {
    width: 120px;
    height: 50PX;
    object-fit: contain;
  
  }

/* Media Queries */
@media (max-width: 380px) {
    .row {
        display: block;
    }

}