:root{
    --main-color:#10386e;
    --main-two-color:#EE4123;
    --bg-color:#00000096;
    --bg-light-color:#00000036;
    --white:#fff;
    --text-shadow:0px 2px 2px rgb(0 0 0 / 40%);


    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --light-gray:#f1f1f1;
    
  }


  .d-grid{
    display: grid;

  }
  .pe-0{
    padding-right: 0;
  }

  .cursor{
    cursor: pointer;
  }
  .font-fam{
    font-family: 'Open Sans', sans-serif;
  }


 .fw-bold{
  font-weight: bold !important;
 }

.text-black{
  color:black;

  
}
.width-fit-content{
  width: fit-content;
}
.height-fit-content{
  height:  fit-content;
}

.justify-items-center{
  justify-items: center;
}