body,
         p,
         span {
             font-size: 15px
         }
        
         body {
             font-family: Poppins
         }
        
         h3 {
             font-size: 20px
         }
        
         h5 {
             font-size: small
         }
        
         .navbar-nav a {
             font-size: 12px
         }
        
         .contact-section {
             background-color: #eaf4f4;
             padding: 50px 0
         }
        
         .contact-card {
             background-color: #fff;
             border-radius: 10px;
             box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
             padding: 20px
         }
        
         .contact-card .icon {
             font-size: 2rem;
             color: #388e3c
         }
        
         .info-cards-section .card {
             text-align: center;
             transition: transform .3s, box-shadow .3s
         }
        
         .info-cards-section .card:hover {
             transform: translateY(-5px);
             box-shadow: 0 8px 16px rgba(0, 0, 0, .15) !important
         }
        
         .info-cards-section .card i {
             color: #198754
         }
        
         .contact-card h5 {
             color: #333
         }
        
         @media (max-width:767px) {
             body {
                 margin-top: 140px
             }
         }
        
         @media (min-width:768px) and (max-width:1024px) {
             body {
                 margin-top: 155px
             }
         }
        
         @media (min-width:1025px) {
             body {
                 margin-top: 188px
             }
         }
        
         .modal-dialog.modal-center {
             display: flex;
             align-items: center;
             min-height: calc(100% - 1rem)
         }
        
         .modal-content.bg-green {
             background-color: #4caf50;
             color: #fff;
             border-radius: 10px;
             box-shadow: 0 4px 8px rgba(0, 0, 0, .2)
         }
        
         .modal-header.bg-green {
             border-bottom: 1px solid rgba(255, 255, 255, .2)
         }
        
         .modal-footer.bg-green {
             border-top: 1px solid rgba(255, 255, 255, .2)
         }
        
         .modal-header .btn-close {
             filter: invert(1)
         }