h1, h2, h3, h4 {
    font-family: 'hasanhiba';
}

h1, h2, h3, h4, h5, h6, p, span, li {
    direction: rtl;
}

.lg\:w-\[15\%\].w-\[400px\] {
    position: absolute;
    right: 0;
    width: 228px;
    border: none;
    top: 0px;
}


.mx-auto.gap-4.lg\:gap-0.flex.flex-col.md\:flex-row.items-center.text-white.text-center.md\:h-32 {
    justify-content: space-between;
    text-align: center;
}

ul, li, p {
    font-family: 'roboto';
}

.w-full.md\:w-\[450px\].pt-0.py-4.space-y-1.rounded-lg {
    margin-top: 20px;
    margin-bottom: 20px;
}

.text-white.lg\:w-\[200px\].w-\[230px\].rounded {
    z-index: 99;
}

.herder-font h2 {
    font-family: 'hasanhiba';
    font-weight: bold;
}

table {
    width: 100% !important;
    margin: auto;
    table-layout: fixed; /* Ensures the table takes the full width and cells adjust */
}

table, tr, th, td {
    border-collapse: collapse;
    border: 3px solid #D3E6CE;
}

th, td {
    
    padding: 7px; /* Adjusted padding for better fit on smaller screens */
    word-wrap: break-word; /* Ensure long text wraps */
}

th {
    text-align: center;
	background: linear-gradient(to left, #142934, #29AC5D) !important;
	background: #A9680F !important;
    color: #fff;
    font-size: 18px;
}

td {
    text-align: right;
    background: #165D2F !important;
	font-family: 'roboto';
    color: #fff;
    font-size: 16px;
}

.td1{
    text-align: center;
}
.td2 {
    text-align: center;
    background: #165D2F !important;
    color: #fff;
    font-size: 16px;
	height: 70px;
}

.background-color-custom {
    background: linear-gradient(to left, #142934, #29AC5D) !important;

    color: #E3B829;
    margin-top: 5px;
	
}

.background-color-custom h2 {
    text-align: center;
    font-size: 30px;
}

@media screen and (max-width: 576px) {
    th, td {
        font-size: 14px; /* Reduced font size for smaller screens */
        padding: 5px; /* Reduced padding for smaller screens */
    }

    .background-color-custom h2 {
        font-size: 20px;
    }

    .table-first-text{
        width: 15%;
    }

    .table-middle-text{
        width: 70%;
    }

    .table-last-text{
        width: 30%;
    }
}

@media screen and (min-width: 577px) and (max-width: 992px) {
    th, td {
        font-size: 18px; /* Slightly larger font size for medium screens */
        padding: 10px;
    }

    .background-color-custom h2 {
        font-size: 30px;
    }

    .table-first-text{
        width: 7%;
    }

    .table-middle-text{
        width: 70%;
    }

    .table-last-text{
        width: 12%;
    }
}

@media screen and (min-width: 993px) and (max-width: 1400px) {

    .table-first-text{
        width: 5%;
    }

    .table-middle-text{
        width: 83%;
    }

    .table-last-text{
        width: 12%;
    }
}
@media screen and (min-width: 1401px)  {

    .table-first-text{
        width: 5%;
    }

    .table-middle-text{
        width: 92%;
    }

    .table-last-text{
        width: 9%;
    }
}