.container{text-align:center;background-color:#f0f4f8;padding:20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.dialer{background-color:#e6eff7;padding:20px;border-radius:10px;width:50%;display:flex;flex-direction:column;align-items:center}.top-section{margin-top:20px;margin-bottom:20px;text-align:center;background-color:#fff;width:50%}.dropdown-section,.input-section{background-color:#fff;padding:10px;border-radius:10px;margin-bottom:10px;width:100%}.callingnohead{font-size:14px;text-align:start;margin-left:20px}.calling-number-dropdown{width:97%;padding:10px;font-size:16px;border:none;border-radius:5px;outline:none;background-color:#fff}.input-section{display:flex;align-items:center}.input-section input{width:60%;padding:10px;font-size:16px;border:none;border-radius:5px;margin-left:10px;outline:none;background-color:#fff}.display{display:flex;justify-content:center;align-items:center;margin:20px 0}.keypad{display:grid;width:50%;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.keypad-button{padding:15px;font-size:28px;font-weight:700;border-radius:10px;background-color:#fff;border:0px;display:flex;flex-direction:column;align-items:center;justify-content:center}.keypad-button .letters{font-size:12px;color:#888}.call-button{grid-column:span 3;padding:20px;font-size:28px;background-color:#32cd32;color:#fff;border-radius:50%;border:none}.footer{background-color:#001f54;padding:15px;display:flex;justify-content:space-around;align-items:center;border-radius:10px;color:#fff;margin-top:20px;width:70%}.footer-icon{text-align:center;flex:1}.footer-icon span{display:block;margin-top:5px;font-size:12px}.footer-icon.selected{color:#f5fa58;border-radius:10px;padding:10px}.pricing-plans{display:flex;justify-content:center;gap:20px}.pricing-plan{background-color:#e6eff7;padding:20px;border-radius:10px;width:25%;text-align:center}.pricing-plan h3{font-size:1.5em;margin-bottom:10px}.price{font-size:1.2em;color:#001f54}.pricing-plan ul{list-style-type:none;padding:0}.pricing-plan li{margin:10px 0}.choose-plan-button{padding:10px;background-color:#001f54;color:#fff;border-radius:5px;border:none}.otp-section{margin-top:20px}.otp-section input{padding:10px;font-size:1.2em;width:50%;margin-bottom:20px}.verify-otp-button{padding:10px 20px;background-color:#001f54;color:#fff;border-radius:5px;border:none}.login-section{margin-top:20px}.login-section input{padding:10px;font-size:1.2em;width:50%;margin-bottom:20px}.login-button{padding:10px 20px;background-color:#001f54;color:#fff;border-radius:5px;border:none}.register-section{margin-top:20px}.register-section input{padding:10px;font-size:1.2em;width:50%;margin-bottom:20px}.register-button{padding:10px 20px;background-color:#001f54;color:#fff;border-radius:5px;border:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background-color:#fff;padding:20px;border-radius:10px;width:400px;text-align:center}.modal-content input{width:80%;padding:10px;margin:10px 0;border-radius:5px;border:1px solid #ddd}.modal-content button{padding:10px 20px;background-color:#001f54;color:#fff;border:none;border-radius:5px;cursor:pointer}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fefefe;padding:20px;border-radius:10px;width:300px;text-align:center;position:relative}.close{position:absolute;top:10px;right:20px;font-size:24px;cursor:pointer}.auth-buttons{margin:20px 0}.auth-button{padding:10px 20px;margin:0 10px;background-color:#32cd32;color:#fff;border:none;border-radius:5px;cursor:pointer}@media screen and (max-width: 1024px){.dialer,.top-section,.keypad{width:70%}.footer{width:90%}}@media screen and (max-width: 768px){.dialer,.top-section{width:90%}.keypad,.footer{width:100%}}@media screen and (max-width: 480px){.dialer,.top-section{width:95%}.keypad-button{padding:10px;font-size:24px}.call-button{padding:15px;font-size:24px}}.country-option{display:flex;align-items:center}.flag-icon{margin-right:10px}.country-select{width:300px;margin:20px auto;color:#000}