.world-clock-section{background-color:#faf9f8;box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:2rem 0 3rem}.world-clock-section .main-title{color:#1c2540;font-size:var(--commonFontSize-MainTitle);font-weight:600;margin-bottom:0;text-align:center}.world-clock-section .main-title .hightlight{color:var(--themeColor)}.world-clock-section .sub-title{color:#6b7280;font-size:1.125rem;margin:0 0 2rem;text-align:center}.world-clock-section .world-clock-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;justify-content:center}.world-clock-section .clock-card-container{background:#fff;border-left:3px solid #eaeaea;border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.07);display:flex;flex-direction:column;gap:.25rem;padding:1rem}.world-clock-section .clock-card-container .city-title{align-items:center;color:#1c2237;display:flex;font-size:1rem;font-weight:600;gap:10px;margin:0}.world-clock-section .clock-card-container .clock-card{align-items:center;display:flex;gap:1rem;min-height:115px}.world-clock-section .clock-card-container .clock-card .clock{align-items:center;background:#fff;border:2px solid #eee;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.05);display:flex;flex-shrink:0;height:90px;justify-content:center;position:relative;width:90px}.world-clock-section .clock-card-container .clock-card .clock .clock-face{height:100%;position:relative;width:100%}.world-clock-section .clock-card-container .clock-card .clock .clock-face .number{color:#333;font-size:10px;font-weight:600;position:absolute}.world-clock-section .clock-card-container .clock-card .clock .clock-face .number-12{align-items:center;background-color:#fff;border-radius:100%;display:flex;justify-content:center;left:50%;min-height:15px;min-width:15px;top:0;transform:translateX(-50%);z-index:9}.world-clock-section .clock-card-container .clock-card .clock .clock-face .number-3{align-items:center;background-color:#fff;border-radius:100%;display:flex;justify-content:center;min-height:15px;min-width:15px;right:0;top:50%;transform:translateY(-50%);z-index:9}.world-clock-section .clock-card-container .clock-card .clock .clock-face .number-6{align-items:center;background-color:#fff;border-radius:100%;bottom:0;display:flex;justify-content:center;left:50%;min-height:15px;min-width:15px;transform:translateX(-50%);z-index:9}.world-clock-section .clock-card-container .clock-card .clock .clock-face .number-9{align-items:center;background-color:#fff;border-radius:100%;display:flex;justify-content:center;left:0;min-height:15px;min-width:15px;top:50%;transform:translateY(-50%);z-index:9}.world-clock-section .clock-card-container .clock-card .clock .clock-face .tick{background:#aaa;height:5px;left:50%;opacity:1!important;position:absolute;top:3px;transform-origin:center 40px;width:1px}.world-clock-section .clock-card-container .clock-card .clock .clock-face .hand{background:#333;height:2px;left:50%;position:absolute;top:50%;transform-origin:left center;width:50%}.world-clock-section .clock-card-container .clock-card .clock .clock-face .hour{background:#3d5afe;height:3px;width:30%}.world-clock-section .clock-card-container .clock-card .clock .clock-face .minute{background:#00c853;width:35%}.world-clock-section .clock-card-container .clock-card .clock .clock-face .second{background:#ff5252;height:1px;width:40%}.world-clock-section .clock-card-container .clock-card .clock .clock-face .center-dot{background:#333;border-radius:50%;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.world-clock-section .clock-card-container .clock-card .clock .timezone{bottom:-24px;color:#666;font-size:.7rem;font-weight:600;position:absolute}.world-clock-section .clock-card-container .clock-card .clock-info .address-box{color:#555;font-size:.85rem;line-height:1.3;margin-bottom:0;margin-top:0;white-space:nowrap}.world-clock-section .clock-card-container .clock-card .clock-info .icon-box{align-items:center;display:flex;gap:10px;line-height:normal;margin-top:.4rem}@media(max-width:768px){.world-clock-row{grid-template-columns:1fr 1fr}}@media(max-width:480px){.world-clock-row{grid-template-columns:1fr}}