body{
    /* background-image: url(../../../csv/images/bg-img.jpg); */
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size:cover;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /* overflow: hidden; */
    overflow-x: hidden;
  margin: 0 auto; 
}
.table-heading{

    font-weight: 700;
    width: 100%;
    text-align: left;
    padding-left: 50px;
}
.table-heading-tr {
    border-radius: 5px 20px 5px;
    background: #0c4da2;
    color: #ffe000;
}
table.table.table-striped th {
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    background: #e2e2e2;
}
.rate-table{
    border-radius : 10px;
    width : 100%;
    /* height: calc(100vh - 7rem); */
    /* backdrop-filter: blur(3px); */
    background-color: rgba(255, 255, 255, 0.4);
}
#table-data tr{
    border-style: hidden !important;
    color: black;
    font-weight: 600;
}
th{
    /* border-radius: 5px 40px 5px; */
    background: yellow;
    text-align : center;
    padding-top : 20px;
    padding-right: 10px; /* Right taraf padding */
    padding-left: 10px;
    text-transform: uppercase !important;
    font-size : 12px;
}
td {
    padding: 0 20px 0 10px;
    width: 35%;
}


/* Pagination Start*/
.pagination {
    display: inline-block;
    backdrop-filter: blur(30px);
}
.pagination a {
color: black;
font-weight: 600;
float: left;
padding: 8px 16px;
text-decoration: none;
}

.pagination a.active {
background-color: #BADA55;
color: white;
border-radius: 5px;
}

.pagination a:hover:not(.active) {
background-color: rgba(221, 221, 221, 1);
border-radius: 5px;
}
/* Pagination End*/

.div-footer img{
    width : 50%;
    height : 100px;
    padding-top: 15px;
}

.fade-image {
      opacity: 0;
      transform: translateX(-100px);
      transition: opacity 0.75s, transform 4s;
      width :100%;
      height: 500px;
}
.header-img {
    /* height: 100px; */
    width: 250px;
    background: white;
}
@media screen and (max-width: 600px) {
    .fade-image {
        height: 10%;
    }
    .div-footer img{
        height : 50px;
    }
  }
  @media screen and (max-width: 380px){
  h3.table-heading {
    font-size: 1.2rem;
    width: 360px
}}
.custom-nav li{
    background-color : #0c4da2;
    border-radius: 5px 40px 5px;
    padding : 0 10px 0 10px;
    
}
.custom-nav li a{
    color : rgb(255 224 0) !important;
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: none !important;
}
.rate-table thead {
    border-style: hidden !important;
}
/* 22-july */
.mainOfAll {
    display: flex;
    justify-content: space-between;
}
.table-striped>tbody>tr:nth-of-type(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg) !important;
    color: var(--bs-table-striped-color);
}
.table-striped>tbody>tr:nth-of-type(odd):not(:first-child)  {
    --bs-table-accent-bg:#00000000 !important;
    color: var(--bs-table-striped-color);
}
table.table.table-striped {
    border-collapse: separate;
    border-spacing: 5px 0px;
}
.img {
    width: 40%;
    text-align: end;
}
.country {
    width: 60%;
}
.td{
    display: flex;
    width: 100%;
}
img.flag {
    width: 70px;
    height: 30px;
    /* margin-top: 15px; */
}
table.table.table-striped tbody tr h3 {
    font-size: 20px;
    font-weight: 900;
    padding-top: 15px;
    padding-left: 15px;
}
h4 {
    font-size: 16px;
    font-weight: 600;
}
tr {
    background: #f9f9f9;
}

tr.table-heading-tr th {
    /* border-radius: 5px 20px 5px; */
    background: #0c4da2; 
    color: #ffe000;
}
table.table.table-striped2 tbody tr td {
    border: none;
    padding: 10px 15px 0 15px;
}
table.table.table-striped2 tbody tr h3 {
    padding: 15px;
    text-align: center;
    font-size: 22px;
}
table.table.table-striped2 tbody tr {
    border-style: none;
}
.container-fluid {
    margin-top: -10px;
}
span {
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}
.space-wrk {
    padding: 15px 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    line-height: 0.7;
}