.otp-login {max-width: 100%; margin: 0 auto 10px !important; }
.otp-login .btn,
.account-page .link_to .btn {width: 100%; transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; }
.otp-login .btn img, 
.otp-login .btn svg {margin-right: 12px; }
.otp-login .btn {margin: 5px 0 !important;   display: flex; align-items: center; justify-content: center;}
.otp-login .btn.btn-whatsapp,
.otp-login .btn.btn-whatsapp:hover {background: #25D366 !important; border-color: #25D366 !important; color: #fff !important; }
.otp-login .btn.btn-sms,
.otp-login .btn.btn-sms:hover {background: transparent !important; border-color: #000 ; color: #000 ;   }
.otp-login .btn:after,
.account-page .link_to .btn:after {display: none; }
.otp-login .btn:hover,
.account-page .link_to .btn:hover {transform: scale(1.04); -moz-transform: scale(1.04); -webkit-transform: scale(1.04);}

.account-page .content-wrapper .heading-title {justify-content: center; margin-bottom: 20px;}
.account-page .content-wrapper .heading-title > h2::after{left: 50%; transform: translateX(-50%);-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.account-page .action-button {    flex-direction: row-reverse;}
.account-page .link_to {padding-top: 25px; border-top: 1px solid rgba(0,0,0,.2); text-align: center; }
.account-page .link_to .btn {width: 100%; background: transparent !important; color: #000; border-color: #000 ;}
.account-page .link_to p {margin-bottom: 15px; font-weight: 600; }
.account-page .no-account {padding: 20px 0px 0; }
.account-page .twillio-login {margin-bottom: 25px; overflow: visible;}
.account-page .link-btn {margin-top: 20px; }

.phonecodeinput {position: relative; }
.phonecodeinput .form-control {padding-left: 58px !important; }
.phonecodeinput .phonecode {position: absolute; height: 50px; width: 40px; text-align: center; display: flex; align-items: center; justify-content: center; /*background: #e9ecef; color: #000; */top: 0;}
.phonecodeinput .phonecode:after {content: ''; position: absolute; right: -4px; width: 1px; height: 20px; background: #ddd; }
#login_with_otp .modal-dialog,
#registerwithotp .modal-dialog {max-width: 450px;}
#login_with_otp .modal-content,
#registerwithotp .modal-content{background: #f7f7f7;}
div.no-account { padding: 20px 0px;}
div.twillio-login{ margin-bottom: 35px; width: 100%; overflow: hidden; text-align: center; }
div.twillio-login span.continue { position: relative; vertical-align: baseline; }
div.twillio-login span.continue::after { right: calc(100% + 10px); }
div.twillio-login span.continue::before { left: calc(100% + 10px); }
div.twillio-login span.continue::before,
div.twillio-login span.continue::after { background-color: rgba(0,0,0,.2); content: ""; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); height: 1px; width: 180px; }
div.otp-login{ margin: 10px 0px; } 
@media (max-width:  767px) {
	.otp-login .btn:hover,
	.account-page .link_to .btn:hover {transform: none; -moz-transform: none; -webkit-transform: none;}	
	.account-page .twillio-login {overflow: hidden;}
	.otp-login .btn {font-size: 13px;}
}