.elementor-2177 .elementor-element.elementor-element-380403b{--display:flex;--min-height:650px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2177 .elementor-element.elementor-element-380403b:not(.elementor-motion-effects-element-type-background), .elementor-2177 .elementor-element.elementor-element-380403b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://markapuramdist.splenden.in/wp-content/uploads/2026/06/ChatGPT-Image-Jun-30-2026-12_17_42-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2177 .elementor-element.elementor-element-e91faa2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2177 .elementor-element.elementor-element-ff59fdb{text-align:center;}.elementor-2177 .elementor-element.elementor-element-290b8fc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2177 .elementor-element.elementor-element-5f5166f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:05px;--margin-right:05px;}.elementor-2177 .elementor-element.elementor-element-a7ed1f1 > .elementor-widget-container{background-color:#C6B7B1;}.elementor-2177 .elementor-element.elementor-element-a7ed1f1 img{max-width:30%;height:200px;}.elementor-2177 .elementor-element.elementor-element-6208892{text-align:center;}.elementor-2177 .elementor-element.elementor-element-25f5b28 > .elementor-widget-container{padding:0px 010px 0px 010px;}.elementor-2177 .elementor-element.elementor-element-25f5b28{text-align:justify;}.elementor-2177 .elementor-element.elementor-element-c5e457f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:05px;--margin-right:05px;}.elementor-2177 .elementor-element.elementor-element-1b6e75c > .elementor-widget-container{background-color:#C6B7B1;}.elementor-2177 .elementor-element.elementor-element-1b6e75c img{max-width:30%;height:200px;}.elementor-2177 .elementor-element.elementor-element-b80b48b{text-align:center;}.elementor-2177 .elementor-element.elementor-element-289404e > .elementor-widget-container{padding:010px 010px 010px 010px;}.elementor-2177 .elementor-element.elementor-element-289404e{text-align:justify;}.elementor-2177 .elementor-element.elementor-element-025eefa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:05px;--margin-right:05px;}.elementor-2177 .elementor-element.elementor-element-a59f8cd > .elementor-widget-container{background-color:#C6B7B1;}.elementor-2177 .elementor-element.elementor-element-a59f8cd img{max-width:30%;height:200px;}.elementor-2177 .elementor-element.elementor-element-5c6b5f8{text-align:center;}.elementor-2177 .elementor-element.elementor-element-22fe76d > .elementor-widget-container{padding:010px 010px 010px 010px;}.elementor-2177 .elementor-element.elementor-element-22fe76d{text-align:justify;}.elementor-2177 .elementor-element.elementor-element-28b1a20{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2177 .elementor-element.elementor-element-2ef4d27{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:05px;--margin-right:05px;}.elementor-2177 .elementor-element.elementor-element-30260e2 > .elementor-widget-container{background-color:#C6B7B1;}.elementor-2177 .elementor-element.elementor-element-30260e2 img{max-width:30%;height:200px;}.elementor-2177 .elementor-element.elementor-element-fcab120{text-align:center;}.elementor-2177 .elementor-element.elementor-element-452d83b > .elementor-widget-container{padding:0px 010px 0px 010px;}.elementor-2177 .elementor-element.elementor-element-452d83b{text-align:justify;}.elementor-2177 .elementor-element.elementor-element-f94e01f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:05px;--margin-right:05px;}.elementor-2177 .elementor-element.elementor-element-cc6795f > .elementor-widget-container{background-color:#C6B7B1;}.elementor-2177 .elementor-element.elementor-element-cc6795f img{max-width:30%;height:200px;}.elementor-2177 .elementor-element.elementor-element-484f22e{text-align:center;}.elementor-2177 .elementor-element.elementor-element-6f36fa1 > .elementor-widget-container{padding:010px 010px 010px 010px;}.elementor-2177 .elementor-element.elementor-element-6f36fa1{text-align:justify;}.elementor-2177 .elementor-element.elementor-element-4e6ae04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:05px;--margin-right:05px;}.elementor-2177 .elementor-element.elementor-element-7bdec1f > .elementor-widget-container{background-color:#C6B7B1;}.elementor-2177 .elementor-element.elementor-element-7bdec1f img{max-width:30%;height:200px;}.elementor-2177 .elementor-element.elementor-element-e6b8bae{text-align:center;}.elementor-2177 .elementor-element.elementor-element-38070a8 > .elementor-widget-container{padding:010px 010px 010px 010px;}.elementor-2177 .elementor-element.elementor-element-38070a8{text-align:justify;}.elementor-2177 .elementor-element.elementor-element-a64b603{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2177 .elementor-element.elementor-element-8c3ef40{text-align:center;}.elementor-2177 .elementor-element.elementor-element-7d443d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2177 .elementor-element.elementor-element-d9b3360{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2177 .elementor-element.elementor-element-5ab4a00 > .elementor-widget-container{margin:015px 0px 0px 0px;}.elementor-2177 .elementor-element.elementor-element-5ab4a00{text-align:center;}.elementor-2177 .elementor-element.elementor-element-fe29f81{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2177 .elementor-element.elementor-element-cbe16a8.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2177 .elementor-element.elementor-element-5f5166f{--width:50%;}.elementor-2177 .elementor-element.elementor-element-c5e457f{--width:50%;}.elementor-2177 .elementor-element.elementor-element-025eefa{--width:50%;}.elementor-2177 .elementor-element.elementor-element-2ef4d27{--width:50%;}.elementor-2177 .elementor-element.elementor-element-f94e01f{--width:50%;}.elementor-2177 .elementor-element.elementor-element-4e6ae04{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-faefff5 *//* =====================================================
   NIRMAL WEATHER DASHBOARD
===================================================== */

.nt-weather{

    width:100%;
    padding:35px;
    border-radius:24px;

    background:linear-gradient(135deg,#0F4C81,#1565C0,#42A5F5);

    color:#fff;

    font-family:'Poppins',sans-serif;

    box-shadow:0 20px 45px rgba(0,0,0,.18);

    overflow:hidden;

}


/* ===========================================
   ROW 1
=========================================== */

.weather-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:25px;

    margin-bottom:35px;

}

.weather-left{

    display:flex;

    align-items:center;

    gap:25px;

}

.temp-box{

    font-size:78px;

    font-weight:700;

    line-height:1;

}

.temp-box sup{

    font-size:32px;

}

.weather-info h2{

    margin:0;

    font-size:32px;

    font-weight:700;

}

.weather-info h2 i{

    margin-right:10px;

    color:#FFFFFF;

}

#condition{

    margin:10px 0;

    font-size:20px;

    opacity:.95;

}

#todayDate{

    font-size:15px;

    opacity:.75;

}


/* ===========================================
   LIVE
=========================================== */

.live-status{

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:600;

    font-size:16px;

    letter-spacing:.5px;

}

.live-dot{

    width:12px;

    height:12px;

    border-radius:50%;

    background:#22C55E;

    animation:pulse 1.3s infinite;

}

@keyframes pulse{

0%{

transform:scale(1);

box-shadow:0 0 0 rgba(34,197,94,.5);

}

50%{

transform:scale(1.6);

box-shadow:0 0 18px rgba(34,197,94,.8);

}

100%{

transform:scale(1);

box-shadow:0 0 0 rgba(34,197,94,.5);

}

}


/* ===========================================
   ROW 2
=========================================== */

.weather-stats{

    display:grid;

    grid-template-columns:repeat(6,1fr);

    gap:18px;

    margin-bottom:40px;

}

.weather-card{

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.15);

    border-radius:18px;

    text-align:center;

    padding:22px;

    transition:.35s;

}

.weather-card:hover{

    transform:translateY(-6px);

    background:rgba(255,255,255,.18);

}

.weather-card i{

    font-size:28px;

    margin-bottom:14px;

    color:#FFD54F;

}

.weather-card h4{

    margin:0;

    font-size:24px;

    font-weight:700;

}

.weather-card span{

    display:block;

    margin-top:10px;

    font-size:14px;

    opacity:.85;

}


/* ===========================================
   ROW 3
=========================================== */

.forecast-title{

    margin-bottom:18px;

}

.forecast-title h3{

    margin:0;

    font-size:24px;

    font-weight:600;

    display:flex;

    align-items:center;

    gap:10px;

}

.forecast-grid{

    display:grid;

    grid-template-columns:repeat(7,1fr);

    gap:16px;

}


/* ===========================================
   FORECAST CARD
=========================================== */

.day{

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(18px);

    border-radius:18px;

    padding:20px;

    text-align:center;

    transition:.35s;

    border:1px solid rgba(255,255,255,.12);

}

.day:hover{

    transform:translateY(-8px);

    background:rgba(255,255,255,.18);

}

.day h3{

    margin:0;

    font-size:18px;

    font-weight:600;

}

.day-icon{

    font-size:40px;

    margin:18px 0;

}

.day-temp{

    font-size:26px;

    font-weight:700;

}

.day-min{

    opacity:.75;

    margin-top:6px;

}

.day-desc{

    margin-top:12px;

    font-size:13px;

    opacity:.8;

}


/* ===========================================
   TABLET
=========================================== */

@media(max-width:1024px){

.weather-header{

flex-direction:column;

align-items:flex-start;

}

.weather-stats{

grid-template-columns:repeat(3,1fr);

}

.forecast-grid{

grid-template-columns:repeat(4,1fr);

}

}


/* ===========================================
   MOBILE
=========================================== */

@media(max-width:768px){

.nt-weather{

padding:20px;

}

.weather-left{

flex-direction:column;

align-items:flex-start;

gap:15px;

}

.temp-box{

font-size:60px;

}

.weather-info h2{

font-size:26px;

}

.weather-stats{

grid-template-columns:repeat(2,1fr);

}

.forecast-grid{

grid-template-columns:repeat(2,1fr);

}

}


/* ===========================================
   SMALL MOBILE
=========================================== */

@media(max-width:480px){

.weather-stats{

grid-template-columns:1fr;

}

.forecast-grid{

grid-template-columns:1fr;

}

.weather-header{

gap:15px;

}

.temp-box{

font-size:54px;

}

.weather-info h2{

font-size:22px;

}

.weather-card{

padding:18px;

}

.day{

padding:18px;

}

}/* End custom CSS */