html,body{
  overflow-x: hidden;
  font-family: 'Poppins';
}
.finance{
  align-items: center;
  width: 50%;
}
h1.main {
  color:#072A40;
  font-size: 50px; 
  padding-top: 5%;
  text-align: center;
  
}







p.discover{
  color:#072A40;
  font-size: 20px;
  margin-top: 40px; 
}

p.finacial{
  color:#072A40;
  font-size: 20px;
  margin-left: 100px;
  margin-right: 100px;
  padding-bottom: 5%;
  text-align: center;
}

p.disclaimer{
  color: rgb(70, 70, 70);
}
   .footer-shadow {
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);  
    height: 150px;
    text-align: center;        
    flex-direction: column;
    justify-content: center; 

  }

  .gradient-bg {
    background-color: #E9F0F4;
    text-align: center;
 
}


.mobile {
  margin-top: 40px; 
    margin-bottom: 50px;
    text-align: center; 
    display: flex;
    flex-direction: column;
    justify-content: center; 

}

.larger-text{
  font-size: 20px;
}

li {
  font-size: 20px; 
}
.paragraph-container {
  display: inline-block; /* Ensure the container doesn't occupy full width */
  margin-left: 20px; /* Adjust the margin as needed to position the paragraph */
}

.card{
  width: 25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
}

.card-body{
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center; 

}


.special {
  color: #CC6D3D;        /* or any color you desire */
  font-weight: 800 ; /* can also use numeric values like 700 */
}


.container {
  padding-left: 10%; 
  padding-right: 10%;  
}

a.custom-link{
  color: grey;
  text-decoration: none;
}

.modules{
  padding-top: 5%;
  padding-bottom: 5%;
}
/* Mobile devices */


@media screen and (max-width: 767px) {

  .container{
    width: 100%;
  }
  p.finacial {
      
      margin: 20px; /* Adjust margin for smaller screens */
      font-size: 22px; /* Decrease font size for smaller screens */
  /
  }
  .col-md-6 img {
    max-width: 100%; /* Adjust as needed */
}

p.discover{

  font-size: 20px; /* Decrease font size for smaller screens */

}

h1.main {
  color:#072A40;
  font-weight: bold;
  font-size: 30px; 
  padding-top: 5%;
  
}
 .responsive-image {
        width: 100%; /* Set width to 100% for smaller screens */
        height: auto; /* Allow the height to adjust proportionally */
    }
  
}


@media (max-width: 768px) {
  .container {
 
    
    justify-content: center; /* centers horizontally */
    align-items: center; /* centers vertically */
   
  }



}

/* Tablet devices */
@media (min-width: 769px) and (max-width: 1024px) {
  .container {
   
  
    justify-content: center; /* centers horizontally */
    align-items: center; /* centers vertically */

  }
}