.bpa-front-cp__social-login-btn-group { display: flex; padding: 0 12px; margin-bottom: 36px; margin-top: 20px; justify-content: center;}

.bpa-front-module--basic-details .bpa-front-cp__social-login-btn-group {
    justify-content: flex-start !important;
}

.bpa-socail-login-fb-btn { background-color: #1877F2 !important; color: #fff !important; border: none !important;     
    padding-left: 8px; padding-right: 10px; 
}
.bpa-front-btn.bpa-socail-login-fb-btn:not(.bpa-fm--bs__coupon-module-textbox .bpa-front-btn) {font-size:14px !important;}
.bpa-front-btn.bpa-socail-login-google-btn:not(.bpa-fm--bs__coupon-module-textbox .bpa-front-btn) {font-size:14px !important;}
.bpa-socail-login-fb-btn span, .bpa-socail-login-google-btn span { display: flex; align-items: center; }
.bpa-socail-login-fb-btn img, .bpa-socail-login-google-btn img {     height: 30px; width: 30px;     padding-right: 5px;}
.bpa-socail-login-google-btn {  background-color: #4285f4 !important; color: #fff !important; border: none !important; padding-left: 8px; padding-right: 10px;}
.bpa-front-cp__social-login-btn-group .el-button.bpa-socail-login-fb-btn:hover {
    background-color: #1877F2 !important;
    color: #fff !important;
}
.bpa-front-cp__social-login-btn-group .el-button.bpa-socail-login-google-btn:hover {
    background-color: #4285f4 !important;
    color: #fff !important;
}
.bpa-front-cp__social-login-btn-group-wrapper .bpa-os-social-or {
    color: var(--bpa-dt-black-200);
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
}
.bpa-front-cp__social-login-btn-group-wrapper .bpa-os-social-or span {
    display: inline-block;
    position: relative;
}
.bpa-front-cp__social-login-btn-group-wrapper .bpa-os-social-or span:after, 
.bpa-front-cp__social-login-btn-group-wrapper .bpa-os-social-or span:before {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: #e2e5ef;
    width: 20px;
}
.bpa-front-cp__social-login-btn-group-wrapper .bpa-os-social-or span:before {
    left: -30px;
}
.bpa-front-cp__social-login-btn-group-wrapper .bpa-os-social-or span:after {
    right: -30px;
}
.bpa-front-cp__social-login-btn-group-wrapper span.bpa-btn__label {
	    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 576px) {	
    .bpa-front-cp__social-login-btn-group {
        flex-direction: column;
        gap: 10px;
        justify-content: center;
    }
    .bpa-front-btn+.bpa-front-btn, .el-button--bpa-front-btn+.el-button--bpa-front-btn{ margin-left: 0 !important;}

}