@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
/* To remove the default password eye symbol */
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}
:root {
    --primary-font:'Montserrat', sans-serif;
    /* --secondary-font:'Nunito', sans-serif; */
    
}
/* footer css starts */
footer {
  text-align: center;
}

footer ul {
  list-style: none;
}

footer li {
  display: inline-block;
  margin: 0 2%;

}

footer li a {
  text-decoration: none;
  color: #D9A83A;
  font-size: 14px;
  font-weight: 600;
font-family:var(--primary-font);

}

.footer1
 {
  display: inline-block;
  position: fixed;
  bottom: 0;
  background-color: #283E46;

}

.footer1 {
  left: 0;
  right: 0;
  margin: 0px 0;
  padding: 15px 0;
}

.rightAlign {
  right: 5%;
  bottom: 8%;
  position: absolute;
}

#poweredby_center {
  margin-bottom: 10px;
  
}
 /* side bar css starts */
 #navSection,
 #homeSection,
 #termsSection{
  max-width: 1200px;
 }
 .homeContainer,
 .termsContainer{
  margin: 60px 0 0 10px;
 }
 .homeContainer h1{
  font-family: var(--primary-font);
  color: #D9A83A;
  text-align: center;
 }
 .ham_btn {
  position: fixed;
  top: 0;
  width: 100%;
  height: 45px;
  background-color: whitesmoke;
  padding: 0px 5px;
}


#btn{
  margin: 9px 10px 10px 10px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.navList img {
  width: 28px;
  height: 28px;
  margin: 10px 5px;
}
.navBar {
  background-color: whitesmoke;
  width: 60px;
  position: fixed;
  left: 0;
  top: 45px;
  margin-top: 0px;
  height: 100vh;
  transition: 0.6s ease-out;
  z-index: 2;
}
.navList {
  list-style-type: none;
  /* margin: 0 0 0 10px; */
  /* transition: 1s ease; */
}
.navList li {
  margin-left: 13px;
}

.navList li a {
  /* padding: 5px; */
  display: flex;
  align-items: center;
  font-family: var(--primary-font);
  color: black;
}
 
.icon_1 {
  background: url("../img/dashboard_icon.svg") no-repeat;
}
.icon_2 {
  background: url("../img/home_icon.svg") no-repeat;
}
.icon_3 {
  background: url("../img/contact_us_icon.svg") no-repeat;
}

.icon_4 {
  background: url("../img/settings_icon.svg") no-repeat;
}
.icon_5 {
  background: url("../img/logout_icon.svg") no-repeat;
}
.icon_6{
  background: url('../img/terms_condition_icon.svg')no-repeat;
}
.icon_7{
  background: url('../img/plans-svgrepo-com.svg')no-repeat;
}
.icon_8{
  background: url('../img/purchase-books-svgrepo-com.svg')no-repeat;
}
.icon_1,
.icon_2,
.icon_3,
.icon_4,
.icon_5,
.icon_6 ,
.icon_7,
.icon_8{
  background-position: 1px;
  background-size: 24px;
  display: block;
  /* transition: 0.6s ease-in; */
}


.icon_names {
  opacity: 0;
  /* display: none; */
  padding: 14px 15px;
  margin: 0 0 0 27px;
  white-space: nowrap;
  /* transition: 0.6s ease-out; */

}
.icon_names.active {
  opacity: 1;
  /* color: #023e8a; */
}
.navBar.active {
  width: 240px;
  opacity: 1;
  /* transition: 0.6s ease-out; */
}

.navBar .overlay2.active{
  position: fixed;
  top: 0;
left: 240px;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.44);
  /* opacity: 1; */
   z-index: 2;
   /* transition: 0.6s ease-in; */
}


 /* table active page css */
 .activePage.active{
  margin: 0 0 0 5%;
  /* transition: 0.8s ease ; */
  }
  /* table active page ends*/
.ham_btn {
  display: flex;
  align-items: flex-end;
}
.profileSec{
  margin: 9px 25px 10px 10px;
  position: absolute;
  right: 0;
  font-family: var(--primary-font);
  /* font-weight: 300; */
}
.profile_wlc {
  font-weight: 400;
}
.profileSec img {
  width: 24px;
  position: absolute;
  top: -2px;
  left: -26px;
  margin: 0px 9px 10px 0px;
}
.profile_name{
  font-weight: 600;
}
  /* side bar css ends */
/* forms css starts */
.headings{
  color: blue;
  margin: 10px;
  font-family: var(--primary-font);
}
.secHeaderContainer{
     background-color:white;
     position: sticky;
     top: 0;
     z-index: 2;
     height: 100px;
     box-shadow: 5px 20px 38px -7px #c4c4c4;
     /* padding: 15px 0 20px 0; */
    
}
.sectionHeader ul{
    list-style-type: none;
}
.sectionHeader .myAccount{
    position: absolute;
    text-decoration: none;
    font-family: var(--primary-font);
    top: 31px;
    right: 50px;
    font-size: 20px;
    font-weight: 500;
     color: white;
     background-color:#283E46 ;
    border: 2px solid white;
    padding: 12px 40px;
    border-radius: 40px;
    transition: 1.2s ease-out;
}

.sectionHeader .myAccount:hover{
    color: #283E46;
    background-color: white;
    border: 2px solid  #283E46;
}
.sectionHeader ul li img{
    width: 250px; 
    position: absolute;
    top: 15px;
    left: 100px;
    transition: 1.2s ease-out;
}

.sec1A1Wrapper,
.sec1A2Wrapper,
.sec2A1Wrapper,
.sec2A2Wrapper,
.sec3A1Wrapper,
.sec4A1Wrapper {
    max-width: 1200px;
}

.sec1A1Wrapper h2{
  text-align: center;
  word-spacing: 3px;
  font-size: 56px;
  padding: 40px 0px 20px 0px;
  color: #023e8a;
  line-height: 1.2;
  font-family:var(--primary-font);
}


.adaptUl {
    margin: 10px 0 0 12px;
    list-style-type: none;
    font-family: var(--primary-font);
    display: flex;
    padding: 0 0 20px 0;
}

.adaptUl li{
   padding: 5px;
   font-weight: 500;
   font-size: 20px;
list-style-type: circle;
   line-height: 1.8;
}

.sec1A2Wrapper {
    padding: 15px;   
}

.sec1A2Wrapper h2{
    text-align: center;
    font-family:var(--primary-font);
    font-size: 60px;
    color: #023e8a;
    letter-spacing: 2px;
    padding: 0 0 10px 0;
}

.sec1A2Wrapper p {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color: #023d8ac3;
    font-family: var(--primary-font);
}

 /* Table css starts */

 .sec2A1Wrapper h2{
    padding: 25px 0 20px 0;
    font-size: 35px;
   margin-top: 60px;
   text-align: center;
   color: #023e8a;
   font-family: var(--primary-font);
 }

 #myTable {
    font-family: var(--primary-font);
    border-collapse: collapse;
    width: 100%;
  }

  #myTable td, #myTable th {
    /* border: 1px solid #ddd; */
    padding: 8px;
  }

 
  #myTable tr:nth-child(even){
    background-color: #f2f2f2;
}

/* table active page css */
.activePage.active{
  margin: 0 0 0 5%;
  transition: margin 0.5s ease-in-out;
  }
  /* table active page ends*/

.clr{
    background-color: #003388;
    color: whitesmoke;
}

.row1{
    color: red;
}

.row2{
    background-color: #003388;
}

.tick{
    text-align: center;
}


.std{
    background-color: #003388;
    color: whitesmoke;
}
.sec4A1Wrapper h2 {
    text-align: center;
    font-size: 35px;
 margin-top: 60px;
 color: #023e8a;

}

.terms_condition{
    line-height: 45px;
  }

.sec4A1Wrapper{
   font-family: var(--primary-font);
    font-size: 18px;

}

.terms_condition li:nth-child(even):hover,

.terms_condition li:nth-child(odd):hover{

    background: rgb(246, 244, 242);

 }

 .terms_condition li{
    list-style-type: none;
}

.terms_condition span{
    background-color:lightgray;
    border-radius: 50%;
    width:35px;
    text-align: center;
    margin-right: 10px;
    padding:5px;
}
/* cards */
.sec2A2Wrapper h2,
.sec3A1Wrapper h2{
    padding:20px 0px 40px 0px;
    font-size: 25px;
    text-align: center;
    font-size: 35px;
    margin-top: 60px;
    color: #023e8a;
    font-family: var(--primary-font);
   
}
.sec2A2Wrapper .sec2Cards{
    display: flex;
    align-items: left;
    
}
.sec2Cards div{
    width: 100%;
    margin: 0 0 0 40px ;
    text-align: center;
}
.sec2Cards div h3{
    /* background-color: yellow; */
    font-family: var(--primary-font);
    width: 178px;
    padding: 26px 0px 26px 0;
    color: white;
    position: relative;
    bottom: 0px;
    z-index: 1;
    border-radius: 10px;
    background-color: #023e8a;
    transition: bottom 1s;
}
.sec2Cards div h4{
    width: 197px;
    padding: 81px 0px 26px 0;
    border-radius: 10px;
    position: relative;
    bottom: 55px;
    scale: 1.0;
    transition: scale 1s;
    box-shadow: 0px 1px 16px -4px #027b72;
    font-family: var(--primary-font);
    font-weight: 300;
    
}

.sec2Cards div h4:hover{
    /* position: relative;
    bottom: 48px; */
    scale: 1.1;
}
.sec3cards {
    display: flex;
} 
.sec3cards .sec3Card{
    /* background-color: lightblue; */
    width: 250px;
    text-align: center;
    scale: 1.0;
    transition: scale 1s;
    box-shadow: 0px 0px 10px 0px grey;
    
}
.sec3cards .sec3Card h4{
    padding: 15px 0 15px 0;
    background-color: #023e8a;
    color: white;
    font-family: var(--primary-font);
    /* border-top-left-radius: 20px;
    border-top-right-radius: 20px; */
    /* position: relative;
    top: 22px; */
    /* transition: top 1s; */
}
.sec3cards .sec3Card div{
    padding: 30px 0 0px 0;
    background-color: #f8f9fa;
    color: black;
    font-weight: 500;
    height: 155px;
    font-family: var(--primary-font);
    

}
.sec3cards img{
    position: relative;
    top: 91px;
    width: 25px;
    height: 25px;
}
.sec3cards .sec3Card:hover{
   scale: 1.1;
    /* position: relative;
    top: 10px; */
    
}
/* table */
#myTable {
 font-family: var(--primary-font);
 border-collapse: collapse;
 width: 100%;
}


 #myTable tr:nth-child(even){
 background-color: #f2f2f2;
}

.clr{
 background-color: #003388;
 color: whitesmoke;
}

.row1{
 color: red;
}
.row2{
 background-color: #003388;
}

.tick{
 text-align: center;
}

.std{
 background-color: #003388;
 color: whitesmoke;
}
a {
    text-decoration: none;
    color: blue;
}

/* signin form and signup form css starts */

a {
    text-decoration: none;
}

.sec1signinArt1, 
.sec1signupArt1 {
    /* max-width: 1200px; */
    text-align: center;
    font-family: var(--primary-font);
    /* position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%); */
}



.sec1signinArt1 input, 
.sec1signupArt1 input,
.sec1signupArt1 select {
    border: 1px solid lightgray;
}

.signin_form,.forgotpwd_form{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  font-family: var(--primary-font);
  width: 400px;
}

.signup_container,
.rem_signin{
  font-size: 14px;
  margin-top: 5px;
}

/* .rem_signin{
  margin-top: 0px;
} */
.signup_form{
  margin-top: 10px;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  width: 100%;
  /* padding: 0px 20px; */

}

  select{
    background-color: white;
  }

.inputs_signin,.inputs_forgotpwd
{
    width: 100%;
    padding: 12px;
    /* padding: 8px 10px; */
    margin: 15px 0;
    font-size: 14px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: var(--primary-font);
    
  }

  .signup-link, .forgot-password-link {
    color: blue;
    text-decoration: none;
  }
  
  .forgotPwd{
  text-align: right;
  margin: 10px 0px;
  font-size: 14px;
  }

  .login_btn,.resetpwd_button,.signupform_button{
    background-color:blue;
    border: none;
    color: white;
    /* padding: 15px 32px; */
    width: 100%;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    padding: 10px;
    cursor: pointer;
    font-family: var(--primary-font);
  
  }
  .signupform_button{
    /* width: 41%; */
    padding: 10px;
    background-color: blue;
    border: none;
    color: white;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    width: 20%;
  }
  .resetpwd_button{
     margin: 10px 0;
  }
.eye{
    position: absolute;
    top: 53%;
    right: 1%;
    cursor: pointer;
  }

  #hide1, #hide2, #hide3, #hide4 {
    width: 30px;
    height: 20px;
    position: absolute;
    left: -30px;
    top: -3.5px;
}
#hide1,
#hide3 {
  display: none;
}
  
.reset_eye {
  position: absolute;
  right: 1%;
  top: 47%;
  cursor: pointer;
}
.confirm_eye {
  position: absolute;
  right: 1%;
  top: 67%;
  cursor: pointer;
}

.sreset_eye {
  position: relative;
  right: 0.5%;
  cursor: pointer;
  top: 3px;
}
.sconfirm_eye {
  position: relative;
  right: 0.2%;
  cursor: pointer;
  top:1px;
 
}

.login_btn:disabled,
.resetpwd_button:disabled,
.signupform_button:disabled
{
  cursor: no-drop;
  opacity: 0.4;
}

  .poweredby_center{
    margin-top: 10px;
  }
  /* signup form css starts */
  
  .formOne div {
    margin: 20px auto;
  }

  .formOne {
    width: 100%;
    margin: 8% 0 0 0;
    text-align: center;
  }

  
 input, select {
    width: 20%;
    border: 1px solid #8f8f9d;
    margin: 0 3px;
    padding: 6px 10px;
    font-family: var(--primary-font);
  }

  select {
    background: white;
  }

  h2,
  h3 {
    text-align: center;
  }

  .center-input {
    text-align: center;
  }
/* 
  .center-input input {
    padding: 10px;
    background-color: blue;
    border: none;
    color: white;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
   }  */

  .text1 {
    color: gray;
    font-size: 10px;
    margin: 0 0 10px 0;
    font-family: var(--primary-font);
  }

  .text2 {
    font-size: 14px;
    margin: 10px 0 0 0;
    font-family: var(--primary-font);
  }

 .text2Signin {
    color: blue;
    text-decoration: none;
  } 
  
  /* terms and condition popup css */ 
.popup .overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
   z-index: 1;
  display: none;
  text-align: justify;
}
.popup .content {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) scale(0);
   background-color: whitesmoke;
   list-style-type: lower-alpha;
   z-index: 2;
   padding: 24px 13px;
    text-align: justify;
 }
  
 .popup.active .overlay {
   display: block;
 }

  .popup.active .content {
   transform: translate(-50%, -50%) scale(1);
 }

  a {
   font-family: "Montserrat", sans-serif;
 }

  h2 {
   text-align: center;
   font-family: "Montserrat", sans-serif;
   padding: 10px 0;
 }
  .closeIcon {
   position: absolute;
   right: 2%;
   top: 3%;
 }
  img #close{
   background: rgb(237, 234, 234);
   border-radius: 20px;
   padding: 5px;
  }
   
   .content li {
  
   font-family: var(--primary-font);
   /* margin: 10px 0; */
   font-size: 14px;
   /* padding: 5px 24px 0 27px; */
   display: block;
   text-align: justify;
  
  }
 .content li span{
  font-weight: bolder;
  font-size: 30px;
  margin-right: 10px;
  padding:1px 6px 1px 5px;
  position: relative;
 bottom: -3px;

 }
   
 #close{
  background-color:black;
  border-radius: 50%;
 }
 /* terms and condition css starts */
.termsContainer div {
   text-align: center;
   font-family: var(--primary-font);
  }

.termsContainer ul { 
  display: inline-block; 
  text-align: left;

 }
 
 .termsContainer h2{
  color: #D9A83A;
 }
 .termsContainer li{
     list-style-type: disc;
     padding: 8px 0;
 }
 /* buyplan button css starts */
 .homeContainer .buy_plan {
  padding: 5px 13px 9px 20px;
  position: fixed;
  /* top: 10%; */
  right: 5%;
  font-size: 20px;
  cursor: pointer;
  color: white;
  background-color: #023e8a;
  border: none;
  font-family: var(--primary-font);
  background-position: 2px;
  }

.buy_plan img{
  width: 24px;
  position: relative;
  top: 6px;
  right: 9px;
}
/* buyplan button css ends */
 .buyPlanform{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 400px;
  background-color: whitesmoke;
  font-family: var(--primary-font);
  padding: 40px 60px 20px 70px;
 }
 .purchase_btn{
  font-size: 20px;
  cursor: pointer;
  color: white;
  background-color: #023e8a;
  align-items: center;
  margin: 0 0 20px 80px;
  border: none;
  padding: 6px 10px;
  /* width: 250px; */
 }

 .buyPlanform .date_input{
  width: 250px;
  border: 1px solid #8f8f9d;
  margin: 12px 0 20px 3px;
  padding: 6px 10px;
  font-family: var(--primary-font);
 }

 .buyPlanform .select_packages{
  width: 250px;
  border: 1px solid #8f8f9d;
  margin: 12px 0 20px 3px;
  padding: 6px 10px;
  font-family: var(--primary-font);

 }
 
 .buyPlanform label{
margin:0 0 40px 0;
 }
 .purchase_btn:disabled{
  cursor: no-drop;
  opacity: 0.45;
 }

 /* plans and purchase table css starts */

 .buyPlanTable .view_eye{
  width:20px;
  display:block;
  margin:0 auto;
  
 }

 #myTable a{
  color: #003388;
 }
 .buyPlanTable .quantity_center{
    text-align: center;
 
 }
 .buyPlanTable a{
   font-size: 16px;
   font-weight: 600;
 }
 #myTable {
 font-family: var(--primary-font);
   width: 100%;
  }
 
   #myTable tr:nth-child(even){
   background-color: #f2f2f2;
  }
  .buyPlanTable .packages_data{
    text-align: center;
  }
  .start_date{
    color:#38b000;
  }
  .end_date{
    color:#DB3a34;
  }
  
 .buyPlanTable{
  font-family: var(--primary-font);
  border-collapse: collapse;
 }

.buyPlanTable{
  font-family: var(--primary-font);
  border-collapse: collapse;
  width: 90%;
  /* position: absolute; */
  /* top: 20%; */
  margin: 3% 10% 0 5%;
  /* border: 1px solid #ddd; */
 
 }
 .buyPlanTable #puchase_head{
  text-align: center;
  /* font-weight: 500; */
 }

 .buyPlanTable th {
  border: 1px solid white;
  padding: 5px;
  background-color: #023e8a;
  color: white;
  font-size: 18px;
  text-align: center;
  /* font-weight: 500; */
}
#myTable th{
  text-align: center;
}
.buyPlanTable td{
  border: 1px solid  #ececec;
 padding: 10px;
}

#mytable_wrapper{
  position: relative; 
  clear: both;
  left: 0;
  font-family: var(--primary-font);
  font-size: 13px;
  max-width: 1200px;
  margin: 4% 0 0 0;
 }
 #mytable_filter{
  width: 80%;
 }

  .dataTables_length select{
  width: 50px;
 }
  .dataTables_length {
  margin-bottom: 20px;
 }

   /* plans and purchase table css ends */
 /* popup for purchase  */
 .popup_buy .overlay2{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
   z-index: 1;
  display: none;
  text-align: justify;
}
.popup_buy .content2 {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) scale(0);
   background-color: whitesmoke;
   list-style-type: lower-alpha;
   z-index: 2;
   padding: 24px 13px;
    text-align: justify;
 }
  
 .popup_buy.active .overlay2 {
   display: block;
 }

  .popup_buy.active .content2 {
   transform: translate(-50%, -50%) scale(1);
 }


/* css for nav bar active page */
.icon_1 a:is(:link, :active, :visited).active,
.icon_2 a:is(:link, :active, :visited).active,
.icon_3 a:is(:link, :active, :visited).active,
.icon_4 a:is(:link, :active, :visited).active,
.icon_5 a:is(:link, :active, :visited).active ,
.icon_6 a:is(:link, :active, :visited).active,
.icon_7 a:is(:link, :active, :visited).active,
.icon_8 a:is(:link, :active, :visited).active
{
  border-right:#023e8a solid 5px;
  background-position: 1px;
  background-size: 24px;
  /* color: #009879; */
  font-weight: 700;
}

.terms_bottom{
  position: fixed;
  bottom: 0;
  right: 0;
  margin-right: 6%;
}
/* table css starts */
/* plans display card css starts */
ul li {
  list-style-type: none;
}
.sec1Wrapper {
  max-width: 1200px;
}

.sec1Container2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.sec1ContWrap,
.sec2ContWrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  margin: 0 auto;
}

.sec1Container2 article {
  width: 250px;
  border: 1px solid green;
  margin: 10px 1%;
  justify-content: center;
  padding: 0 10px;
  height: 250px;
  font-family: var(--primary-font);
}

.checkIcon {
  background: url("../img/check_icon.svg") no-repeat;
  background-size: 16px;
  background-position: left;
  padding: 0 0 0 20px;
  
}

.sec1Container2 article ul li {
  margin: 5px 0;
  /*color: #adb5bd;*/
  color: gray;
}

.sec1Container2 article h3 {
  margin: 10px 0;
  text-align: center;
  color: green;
  font-size: 26px;
}

.sec1Container2 article p {
  text-align: center;
  margin: 0 0 20px 0;
  font-weight: bold;
}

.topRow {
  top: 43%;
  position: absolute;
  color: #c1121f;
}

.bottomRow {
  position: absolute;
  color: #c1121f;
  bottom: 4%;
}

.sec1Container2 .knowMore {
  display: block;
  text-align: center;
  background: green;
  color: white;
  padding: 10px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 700;
  width: 70%;
  border: 2px solid green;
}

.knowMore:hover {
  background: white;
  color: green;
  border: 2px solid green;
}

.sec1Container2 .justS {
  font-weight: 500;
  margin: 25% auto;
}

.justS strong {
  color: #c1121f;
}

.sec2ContWrap .noBorder {
  border: none;
}

/* .terms_center{
  position: fixed;
  bottom: 0;
  left: 50%;
 
} */
.terms_center p{
  text-align: center;
  font-family: var(--primary-font);
  position: relative;
  top: 94px;
left: 0;
/* bottom: 0; */
margin: 0 0 0 0;
}

.bread_crumbs{
  margin: 5% 0 0 0;
}
.bread_crumbs li{
  font-family: var(--primary-font);
  display: inline-block;
font-weight: 600;
font-size: 20px;
margin-bottom: 15px;

}
.bread_crumb1{
  color:#023e8a;
}
.bread_crumb1 a{
color:#023e8a;

}
.bread_crumb2{
  color: grey;
}
/* total amount css */
.stats-container {
  display: flex;
  justify-content: space-between;
  padding: 30px 0 0 0;
  margin: 10px 0 0 0;
}
.stat {
  width: 30%;
  text-align: center;
  background-color: #023e8a;
  color: white;
  padding: 20px;
  font-family: var(--primary-font);
  border-radius: 10px;
  /* box-shadow: 2px 1px 4px 0px gray; */
}
.stat-value {
  font-size: 24px;
  font-weight: bold;
  margin:5px 0 4px 0;
}
.stat-label {
  font-size: 16px;
}