*{
   box-sizing: border-box;
}



/* variables  */
:root {
  --bac-black:#020202;
  --bac-red:#ef0034;
  --bac-gray:#f6f6f6;
}

/* common classs */
.l-space{
    letter-spacing: 1.1px;
}
/* font csss */
h1{
font-weight: 700!important;
font-size:45px;
}

h5,h3,h4,h2{
	font-weight:600!important;
}

@media all  and  (max-width: 768px){
   h1{
        font-size:35px!important;
    }

}
/* common-code  for  color property */

.bac-black{
     color:var(--bac-black);
}
.bac-red{
     color:var(--bac-red);
}
.bac-gray{
     color:var(--bac-gray);
}

.bac-green-bg{
    backgroud:#f5ffed!important;
}

.bac-btn{
 background: linear-gradient(45deg, #a3072c, #ef0034);
 font-size: 18px!important;
}

.bac-btn:hover{
    background: linear-gradient(45deg, #000000, #4f4f4f)!important;
}

.radius{
	border-radius: 20px;
}
.bac-shadow{

}

.bac-border{
    border: 1px solid #e3e6f0;
}

.bac-border-bottom{
   border-bottom: 1px solid #e3e6f0;
}
.bac-border-top{
    border-top: 1px solid #e3e6f0;
}
.bac-f:focus{
    border:none;
}

.bac-font-500{
    font-weight:500!important;
}

/*input{
    padding:11px!important;
}*/
input:focus , .custom-select:focus{
   box-shadow: none!important;
   border-color:#ced4da!important;
}

/*.custom-select {
    height: 47px!important;
}*/

/* header */

.navbar-brand img{
    max-width: 200px;
}

/* common code for backround property */

.bac-gray-bg{
  background: var(--bac-gray);
}

.bac-white-bg{
    background: #fff;
}

.bac-max-width{
    max-with:1024px!important;
}
.fa-solid:hover, .bac-img:hover{
    cursor: pointer!important;
}
.bac-img{
 
  object-fit: contain;
}
/*admin table css*/

table.dataTable thead th, table.dataTable thead td{
    border-bottom:none!important;
}

table{
    border-bottom:1px solid #e3e6f0!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    
     padding: 0em 0em!important; 
    
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active{
    
     background-color:transparent!important;
     
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
     border:1px solid #f6f6f6!important;
}
.page-link:focus{
   box-shadow:none!important;
}