.gpptf{display:flex;padding-bottom:1.5rem;justify-content:space-between}
.gpptf a:hover,.gpptf a.active,.gpptf button:hover,.gpptf button.active{background-color:#ED981C;color:#fff}
.gpptf a:hover i{color:#fff}
.gpptf .next-prev{display:flex;justify-content:space-between;gap:.5rem;width:32%}
.gpptf .next-prev a{padding:.375rem .75rem;width:100%;justify-content:center}
.gpptf .city-date-hours{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem}
.gpptf select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#434343;background-color:#FFF;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23434343 ' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ddd;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.gpptf select:focus{outline:0;box-shadow:none}
.gpptf input{position:relative;width:100%;height:100%;padding:.375rem .75rem;background-color:#FFF;border:1px solid #ddd;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;box-sizing:border-box;font-size:1rem;color:#434343}
.gpptf .date input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;opacity:1;font-family:'icomoon';content:'\e900';right:8px;top:8px;font-size:1rem}
.gpptf .date{display:flex}
.gpptf .date a,.gpptf .date button{margin-left:.5rem; flex-shrink: 0;}
.gpptf input:focus{outline:0;box-shadow:none}
.gpptf a,.gpptf button{text-align:center;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;display:flex;align-items:center;background-color:#fff;color:#434343;border:1px solid #DDD}
.gpptf a i,.gpptf button i{color:#434343}
.gpptf .hours{display:flex;align-items:center;column-gap:.5rem;justify-content:center}
.shukla-paksha .pakshancity{display:flex;align-items:center;color:rgba(67,67,67,.5)}
.shukla-paksha .pakshancity .city{margin-left:.5rem;font-size:.9em;margin-bottom:2px}
.panchang-loader{display:none;width:12px;height:12px;background:#CC8205;border-radius:50%;box-shadow:20px 0 #CC820522,-20px 0 #CC8205;animation:d5 1s infinite linear alternate;margin:10px auto}
.shukla-paksha .icon-text{display:flex;grid-gap:1rem}
.shukla-paksha .paksha-data>div{display:flex;align-items:baseline;padding-bottom:10px}
.shukla-paksha .paksha-data #currentDate{background-color:#F4F6FA;border-radius:.25rem;color:rgba(67,67,67,.5);font-weight:700;padding:.25rem .5rem;font-family:var(--wp--preset--font-family--body);border:1px solid #DDD;font-size:.8em}
.shukla-paksha .paksha-data p{margin:0;font-family:var(--wp--preset--font-family--body);color:rgba(67,67,67,.5);font-size:.8em;line-height:normal}
.shukla-paksha .paksha-data #currentDate{font-family:var(--wp--preset--font-family--body);color:rgba(67,67,67,.5);font-size:.8em;flex-shrink: 0;}
.shukla-paksha .paksha-data h2{margin:0;padding-right:.5rem;font-size:1.5rem;font-weight:700}
.shukla-paksha .two-buttons{display:flex;justify-content:space-between;margin-top:1.5rem}
.shukla-paksha .two-buttons>.button{background:#F7EFDE;height:57px;border-radius:.625rem;padding-right:1rem;padding-left:1rem;border:1px solid #DDD;display:flex;align-items:center;gap:6px}
.shukla-paksha .two-buttons>.button.sunrise{background:#F7EFDE}
.shukla-paksha .two-buttons>.button.sunset{background:#F1F1F1}
.shukla-paksha .two-buttons span.time{color:rgba(67,67,67,.5);font-size:.8em;margin-left:.5rem}
.tithi{border-radius:.625rem;background-color:#fff;padding:1rem;border:1px solid #DDD}
.tithi .two-columns{display:grid;grid-template-columns:auto auto;gap:.5rem}
.tithi .two-columns>div{display:grid;grid-template-columns:38% auto;gap:1rem}
.tithi .two-columns>div .name{font-weight:700;display:flex;align-items:center}
.tithi .two-columns>div .name img{padding-right:.25rem;width:18px}
.tithi .two-columns>div span{position:relative;color:rgba(67,67,67,.5)}
.tithi .two-columns>div span::before{content:":";position:absolute;left:-9px;color:#373A3C}
.tithi .two-columns>div span.time.nocolon::before{display: none;} 

.tithi a{display:block;text-align:right;color:#E50019;font-weight:700;padding-top:1rem}
.panchang-detail{display:grid;grid-gap:1.2rem;grid-template-columns:auto 66.6%}


@media only screen and (max-width: 991px) {
.gpptf .city-date-hours{grid-template-columns:auto auto}
.gpptf .next-prev{width:auto;align-items:start}
.tithi .two-columns {grid-template-columns: repeat(1, 1fr);}
.tithi a {text-align: left;}
.gpptf {display: grid;padding-bottom: 1.5rem;justify-content: space-between; grid-template-columns: auto 60%;}
.gpptf .hours {display: flex; grid-column: span 2; justify-content: flex-end; gap: 0.5rem;}
.panchang-detail{grid-template-columns:repeat(2, 1fr)}
.tithi .two-columns>div {grid-template-columns: auto 53%;}
}
@media only screen and (max-width: 767px) {
.gpptf{display:flex;flex-direction:column;gap:.5rem}
.gpptf .city-date-hours{grid-template-columns:auto auto}
.gpptf .next-prev{width:auto;align-items:start}
.gpptf .hours{display:flex;column-gap:.5rem;flex:none}
.gpptf .city-date-hours{display:flex;flex-direction:column}
}
@media only screen and (max-width: 767px) {
.shukla-paksha .paksha-data h2 {font-size: 1rem;margin-bottom: 3px;}
.shukla-paksha .paksha-data>div{ display: block;}
.tithi .two-columns{grid-template-columns:repeat(1,1fr)}
.panchang-detail{grid-template-columns:repeat(1,1fr)}
}