.pww-container{

    width:100%;
    direction:rtl;

    font-family:
    "Noto Nastaliq Urdu",
    "Jameel Noori Nastaleeq",
    Tahoma,
    Arial,
    sans-serif;

}

/* Tabs */

.pww-tabs{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:8px;

    margin-bottom:15px;

}

.pww-tab{

    border:0;

    background:#0d6efd;

    color:#fff;

    padding:10px 18px;

    cursor:pointer;

    border-radius:4px;

    transition:.3s;

    font-size:15px;

}

.pww-tab:hover{

    background:#0b5ed7;

}

.pww-tab.active{

    background:#198754;

}

/* Wrapper */

.pww-wrapper{

    width:100%;

}

/* City */

.pww-city-title{

    text-align:center;

    font-size:28px;

    font-weight:bold;

    margin-bottom:15px;

}

/* Grid */

.pww-grid{

    display:flex;

    gap:15px;

    justify-content:center;

    flex-wrap:wrap;

}

/* Box */

.pww-box{

    flex:1;

    min-width:260px;

    background:#ffffff;

    border:1px solid #e5e5e5;

    border-radius:10px;

    padding:20px;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

}

.pww-heading{

    font-size:22px;

    font-weight:bold;

    text-align:center;

    margin-bottom:15px;

    color:#0d6efd;

}

.pww-temp{

    text-align:center;

    font-size:42px;

    font-weight:bold;

    margin-bottom:10px;

}

.pww-text{

    text-align:center;

    font-size:18px;

    margin-bottom:15px;

}

.pww-row{

    padding:7px 0;

    border-bottom:1px solid #eee;

    font-size:16px;

}

.pww-row:last-child{

    border-bottom:none;

}

/* Update */

.pww-update{

    margin-top:15px;

    text-align:center;

    color:#666;

    font-size:13px;

}

/* Error */

.pww-error{

    background:#ffe5e5;

    color:#b10000;

    padding:15px;

    border-radius:5px;

    text-align:center;

}

/* Loading */

#pww-loading{

    font-size:18px;

    padding:20px;

}

/* Mobile */

@media(max-width:768px){

    .pww-grid{

        display:block;

    }

    .pww-box{

        margin-bottom:15px;

    }

    .pww-city-title{

        font-size:22px;

    }

    .pww-temp{

        font-size:34px;

    }

}