*,*:after,*:before{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;

}

body{

    font-family: Arial;
    font-size: 16px;
    margin: 0;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center ;
    min-height: 100vh;
}

.container{
    max-width: 1100px;
    width: 100%;
}

.nav-tabs .nav-link.active {
    background-color: #007bff; /* Example background color */
    color: #fff; /* Example text color */
    border-color: #007bff; /* Example border color */
}

.nav-tabs .nav-link.active,
    .nav-tabs .nav-link:hover {
        background-color: #6C5B58; /* Background color when active or hovered */
        color: #74CF44; /* Text color when active or hovered */
        border-color: #007bff; /* Border color when active or hovered */
    }


.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display : flex;
  justify-content : center;
  align-items : center;
  background-color : #f7f9fb;
  transition : opacity 0.75s, visibility 0.75s;
  
}

.loader-hidden {
  opacity: 0;
  visibility : hidden;
}

.loader::after{
    content: "";
    width: 75px;
    height : 75px;
    border: 15px solid #dddddd;
    border-top-color:#7449f5;
    border-radius: 50%;
    animation: loading 0.75s ease infinite ;
    
 }



@keyframes loading {
  from { 
      transform: rotate(0turn);
  }
  to{ 
      transform: rotate(1turn);
  }
 }