@font-face{font-family:Cairo;src:url(https://fonts.googleapis.com/css2?display=swap&family=Cairo%3Awght%40200%3B300%3B400%3B500%3B600%3B700%3B800%3B900) format("truetype")}.social-login{background-color:#1a1a1a;padding:3.6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top-right-radius:.6rem;border-top-left-radius:.6rem}.social-login .social-heading{color:#868688;font-family:Open Sans,sans-serif,Cairo;font-size:24px;font-weight:700;letter-spacing:0;line-height:32px;padding-bottom:.8rem}.social-login .social-icons-container{display:flex;margin-left:20px;margin-top:10px}.social-login .social-icons-container .social-icon{padding-right:1.4rem;transition:all .3s ease-in-out;cursor:pointer}.social-login .social-icons-container .social-icon img{height:54px;width:54px}.social-login .social-icons-container .social-icon:hover{transform:scale(1.15)}@media only screen and (max-width:576px){.social-login{padding:2.6rem}.social-login .social-heading{font-size:20px}.social-login .social-icons-container .social-icon img{height:45px;width:45px}.social-login .social-icons-container .social-icon:hover{transform:none}}