:root {
    --bs-primary-rgb: 240,128,43;
    --bs-secondary-rgb: 1,93,130;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
/*!
* 
body { 
    padding-top: 55px; 
}
*/
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    padding: 10px;
}

.card-margin{
  margin-top: 10px
}

.card:hover {
  transform: translate3d(0,-1px,0) scale(1.03);
}

.form-floating{
  margin: 10px
}

.nav-item:hover { 
  background-color: #f0802b !important; 
}

.page-section{
    padding: 55px;
}

/* CSS for Custom Divider Line */
.divider-line {
    position: relative;
    line-height: 3;
    font-size: 2rem;
  }
  
  .divider-line::before,
  .divider-line::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 200%; /* Adjust the width as needed */
    height: 3px; /* Adjust the thickness of the line as needed */
    background: #000; /* Adjust the color as needed */
    border-radius: 5px; /* This will give the lines rounded edges */
  }
  
  .divider-line::before {
    right: 100%;
    margin-right: 15px; /* Adjust the spacing around the icon as needed */
  }
  
  .divider-line::after {
    left: 100%;
    margin-left: 15px; /* Adjust the spacing around the icon as needed */
  }

  .divider-light::before,
  .divider-light::after {
    background: #FFF; /* Adjust the color as needed */
  }