.white-color{
    color: white !important;
  }
  .bg-color-main{
    background-color: #024E5D;
  }

  .fw--light{
    font-weight: 300;
  }

  .li-style{
    list-style: disc;
  }

  li{
    list-style: disc !important;
  }
  .grid-layout{
   display: grid;
    grid-template-columns: 2fr 1fr;
        grid-template-rows: 1fr ;

      gap: 16px;
        align-items: center;      
}
  .grid-layout-1-2{
   display: grid;
    grid-template-columns: 1fr 2fr;
        grid-template-rows: 1fr ;

      gap: 16px;
        align-items: center;      
}
  .grid-layout-2-1-2{
   display: grid;
    grid-template-columns: 2fr 1fr 2fr 1fr;
        grid-template-rows: 1fr ;

      gap: 16px;
        align-items: center;      
}
  .grid-layout-2row-equal{
   display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
      gap: 16px;

}

.flex-col{
  display:flex;
  flex-direction:column
}
.flex-row{
  display:flex;
  padding: 10px;
  gap: 10px;
}

.flex-col-center{
  align-items: center;
}
.section-head{
  padding: 10px;
}

.form-control {
  height: 50px;
  border: 2px solid #ced4da;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 400;
  color: #031B4E;
  transition: all 0.3s ease-in-out;
  background: #ffffff;
  border-radius: 10px;
  border-radius: 1px solid var(--bs-secondary);
}

  .fontsmall{
  font-size: 15px !important;
}

.btn{
 padding-left: 10px;
 padding-right: 10px;
}

.flex-row-center{
  justify-content: center;
}
@media (max-width: 900px) {
   .grid-layout{
   display: grid;
    grid-template-columns: 1fr;
      gap: 16px;
        align-items: center;      
}
  .grid-layout-1-2{
   display: grid;
    grid-template-columns: 1fr ;


      gap: 16px;
        align-items: center;      
}
.flex-row{
  display:block;
    padding: 10px;
gap: 10px;
}

@media (max-width: 450px) {
  .fontsmall{
  font-size: 10px !important;
}

.hide-in-small{
  display: none;
}
}


}