:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{scroll-behavior:smooth;overflow-x:hidden}.home-page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;font-family:Poppins,serif}.banner-container{display:none}.image-container{position:relative;display:flex;justify-content:center;width:100%}.home-image{width:100%;height:45.6rem;z-index:1}.rupees-image{position:absolute;top:2rem;left:-2.8rem;width:95px;height:90px}.collected-so-far{position:absolute;z-index:1;top:17.5rem;border-radius:15px;width:34%;height:153px;padding:35px;left:57rem}.collection-wrapper{text-align:start;display:flex;flex-direction:column;align-items:start;justify-content:start;margin-left:3rem}.collection-wrapper h1{font-size:63px;color:#005695;font-weight:700}.collection-wrapper h2{font-weight:400;font-size:29px;line-height:20px}.collection-wrapper h1 span{font-family:Baloo Chettan,serif;font-weight:800}.contribute-now-btn{background-color:#fff;font-family:Poppins,serif;font-weight:600;font-size:16px;color:#005695;border:none;outline:none;height:50px;padding:10px 30px;width:50%;border-radius:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;text-decoration:none;transition:all .3s ease}.button-container{width:70%;position:absolute;bottom:22%;padding:20px;left:58%;z-index:1}.contribute-now-btn:hover{opacity:.9}.contribute-now-btn img{width:25px;height:25px;margin-left:10px}.sponsor-rooms{width:100%;margin:20px 0;display:flex;justify-content:space-around;align-items:center;gap:20px}.sponsor-rooms .sponsor-card{margin:0;width:100%;height:230px;border-radius:20px;box-shadow:0 1.5px 8px #00000014;cursor:pointer}.annex-building{width:600px;height:auto;margin:20px 20px 0;border-radius:10px;cursor:pointer;display:none}@media (max-width:1017px){.sponsor-rooms{display:flex;flex-direction:column}.button-container{bottom:63%}}@media (max-width: 768px){.collected-so-far{width:43%;padding:8px 5%;bottom:315px}.button-container{width:41%;position:absolute;bottom:62%;padding:20px;left:56%;z-index:1}.collection-wrapper h1{font-size:36px}.collection-wrapper h2{font-size:10px;bottom:-12px;padding:6px 10px;min-width:65%}.contribute-now-btn{height:45px;width:100%}.contribute-now-btn img{width:22px;height:22px}.sponsor-rooms{flex-direction:column}.annex-building{width:100%;display:none}}@media (max-width: 480px){.home-page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;text-align:center;font-family:Open Sans,sans-serif}.home-image{height:332px;width:100%}.collected-so-far{position:absolute;z-index:1;top:11.5rem;border-radius:15px;width:77%;height:96px;padding:15px;left:3rem}.rupees-image{position:absolute;top:1rem;left:-1.8rem;width:59px;height:66px}.collection-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;margin-left:-1rem}.collection-wrapper h1{font-size:32px;color:#005695;font-weight:700}.collection-wrapper h2{font-weight:400;font-size:12px;line-height:1px}.banner-container{display:flex;flex-direction:column;position:relative;width:100%;max-width:800px;margin:auto;overflow:hidden;padding:12px}.banner-images{display:flex;gap:14px;transition:transform .5s ease-in-out;will-change:transform;transform:translate(calc(-104% * var(--current-index, 0)))}.banner-images img{width:100%;height:190px;border-radius:20px;flex-shrink:0;transition:opacity 1s ease-in-out}.banner-images img.active{opacity:1}.tracking-dots{display:flex;justify-content:center;margin-top:10px}.dot{width:5px;height:5px;border-radius:20px;background-color:#ccc;margin:0 5px;transition:background-color .3s ease}.dot.active-dot{background-color:#007bff;animation:expandWidth .5s ease-in-out forwards}@keyframes expandWidth{0%{width:5px}to{width:15px}}.button-container{width:100%;position:fixed;bottom:0;background-color:#fff;border-radius:10px 10px 0 0;padding:20px;box-shadow:0 4px 10px #0000001a;left:0%}.contribute-now-btn{height:42px;background:linear-gradient(to right,#005695,#0083e3);font-family:Poppins,serif;font-weight:600;font-size:16px;color:#fff;border:none;outline:none;padding:10px 30px;width:100%;border-radius:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;text-decoration:none;transition:all .3s ease}.contribute-now-btn img{width:22px;height:22px}}.splash-screen{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.splash-image{width:20%;height:70%;border-radius:18px}@media (max-width : 480px){.splash-screen{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.splash-image{width:100%;height:100%}}.failure-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:200px}.failure-text h4{text-align:center;color:#f70000;font-family:Poppins,serif;font-weight:600;font-size:25px;line-height:28px}.failure-gif img{width:412px;height:414px}.contribute-now-page{padding:10px;height:622px}.contribute-container{width:500px;margin:auto}.contribute-container form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;position:relative;text-align:center}.amount::-webkit-outer-spin-button,.amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount[type=number]{-moz-appearance:textfield}.rupees-symbol{position:relative;left:75px;height:25px;font-size:37px;font-weight:700;color:#005695}.amount{background-color:#effaf3;color:#005695;outline:none;border:none;width:80%;height:70px;text-align:center;font-family:Inter;font-weight:600;font-size:32px;border-radius:20px;margin-bottom:2px}.amount::placeholder{font-family:Inter,serif;font-weight:500;font-size:25px;color:#005695}.contribute-container .payment-input,.payment-input-panchayath,.payment-input-ward{height:50px;width:100%;border:none;outline:none;padding:10px 20px;background-color:#fafafa;border-radius:10px;outline:.3px solid #43434380;font-family:Poppins,serif;font-weight:400;font-size:16px;color:#1c1c1c}.hide-your-name{align-self:flex-start;font-family:Poppins,serif;display:flex;align-items:center;gap:8px;cursor:pointer}.contribute-container .continue-btn{width:100%;height:50px;background:linear-gradient(to right,#005695,#0083e3);font-family:Poppins,serif;font-weight:600;font-size:16px;color:#fff;border-radius:50px;border:none;cursor:pointer}.payment-input-panchayath{position:relative}.suggestion-box{position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:4px;max-height:150px;overflow-y:auto;width:100%;z-index:1;box-shadow:0 2px 4px #0000001a;top:337px}.suggestion-item{padding:10px;cursor:pointer}.suggestion-item:hover{background-color:#f0f0f0}.payment-input-ward{position:relative}.suggestion-box-ward{position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:4px;max-height:111px;overflow-y:auto;width:100%;box-shadow:0 2px 4px #0000001a;top:337px}.error-border{border:2px solid red!important}.error-text{color:red;font-size:12px;height:16px;margin-top:9px;margin-right:296px;display:block}.suggestion-box,.suggestion-box-ward{position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:4px;max-height:111px;overflow-y:auto;width:100%;z-index:1;box-shadow:0 2px 4px #0000001a;left:0;top:100%;text-align:start}.payment-input-panchayath,.payment-input-ward{position:relative;height:50px;width:100%;border:none;outline:none;padding:10px 20px;background-color:#fafafa;border-radius:10px;outline:.3px solid #43434380;font-family:Poppins,serif;font-weight:400;font-size:16px;color:#1c1c1c}@media (max-width: 768px){.contribute-container{width:90%;margin:auto}.error-text{color:red;font-size:12px;margin-top:10px;margin-right:137px}.rupees-symbol{left:32px}}.header{width:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.header h1{font-family:Poppins,serif;font-weight:500;font-size:18px;color:#000}.header :is(img,span){width:50px;height:50px}.receipt-page{padding:15px;display:flex;align-items:center;justify-content:center;position:relative}.receipt-image{display:flex;align-items:center;justify-content:center}.receipt-image img{width:100%;height:505px;background-color:#e3e3e3;border-radius:20px;position:relative}.payment-status :is(.column-1,.column-2) div{display:flex;align-items:center;gap:10px}.receipt-icon{width:20px;height:20px}.receipt-text{position:absolute;bottom:65%;left:44%;transform:translate(-50%);text-align:start}.receipt-page h1{position:absolute;bottom:17.9rem;left:50%;transform:translate(-50%);font-size:.9rem;font-weight:600;color:#000;white-space:nowrap;text-align:center}.receipt-page h2{position:absolute;bottom:19rem;left:50%;transform:translate(71%);font-size:1.5em;font-weight:600;background-color:#57538e;padding:10px 20px;border-radius:15px 0 0 15px;color:#fff;text-align:center;white-space:nowrap;width:123px;height:44px}.action-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px}.share-btn,.download-btn{display:flex;align-items:center;gap:8px;background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;font-size:16px;cursor:pointer}.download-btn{background-color:#28a745}.share-btn:hover,.download-btn:hover{opacity:.8}@media (max-width: 480px){.receipt-page{padding:15px;position:relative}.receipt-image img{width:100%;height:400px;background-color:#e3e3e3;border-radius:20px}.payment-status :is(.column-1,.column-2) div{display:flex;align-items:center;gap:10px}.receipt-icon{width:20px;height:20px}.receipt-text{position:absolute;bottom:65%;left:35%;transform:translate(-50%);text-align:start}.receipt-page h1{position:absolute;bottom:13.4rem;left:39%;transform:translate(-160%);font-size:.8rem;font-weight:600}.receipt-page h2{position:absolute;bottom:14.3rem;left:50%;transform:translate(66%);font-size:1.5em;font-weight:600;background:#57538e;padding:5px 8px;border-radius:15px 0 0 15px;color:#fff;text-align:center;white-space:nowrap;width:99px;height:34px}.action-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px}.share-btn,.download-btn{display:flex;align-items:center;gap:8px;background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;font-size:16px;cursor:pointer}}
