.weather-box{
    width: 250px;
    direction:rtl;
    font-family:Tahoma, Arial, sans-serif;
    background:transparent;
    color:#222;
    border-radius:0;
    padding: 10px 23px 0px 0px;
    box-shadow:none;
}

.weather-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:5px;
}

.weather-city{
    font-size:13px;
    font-weight:bold;
}

.weather-date{
    font-size:9px;
    color:#777;
}

.weather-main{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:6px;
}

.weather-temp{
    font-size:35px;
    font-weight:bold;
    direction:ltr;
}

.weather-icon{
    font-size:80px;
    padding-top: 9px;
}

.weather-status{
    font-size:17px;
    margin-top:1px;
    color:#555;
}

.weather-details{
    margin-top: 5px;
    padding: 5px;
    border-top: 1px solid #ddd;
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* gap: 4px; */
    font-size: 13px;
    /* direction: ltr; */
}

.weather-detail{
    background: transparent;
    border-radius: 0;
    padding: 2px;
    text-align: center;
    white-space: nowrap;
    background: rgba(255, 255, 255, .1);
    border-radius: 10px;
    padding: 9px;
    direction: rtl;
}

.weather-loading,
.weather-error{
    text-align:center;
    padding:8px 3px;
    font-size:9px;
    color:#666;
}






.pray2-box{
    width: 247px;
    direction:rtl;
    margin: auto;
    background:transparent;
    color:#222;
    padding: 0px 0;
    box-sizing:border-box;
    margin-top: -10px;
}

.pray2-title{
    font-size:13px;
    font-weight:bold;
    margin-bottom:8px;
}

.pray2-list{
    font-size: 13px;
    line-height:2;
    font-weight: 600;
    width: 139px;
    margin: auto;
}

.pray2-row{
    display:flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
}

.pray-icon{
    width:20px;
    text-align:center;
    font-size:15px;
    flex-shrink:0;
}

.pray-label{
    font-weight:bold;
}

.pray-time{
    direction:ltr;
    display:inline-block;
}

.pray-source{
    margin-top:7px;
    padding-top:5px;
    border-top:1px solid #ddd;
    font-size:9px;
    color:#777;
}

.pray-loading,
.pray-error{
    font-size:10px;
    color:#777;
}
span.pray2-time {
    color: #c30000;
}