/* hover & focus states from the design */
.x1:hover{transform:translateY(-1px) !important}
.x2:hover{transform:rotate(9deg) scale(1.09) !important}
.x3:hover{color:#2D6BE4 !important}
.x4:hover{background:#2D6BE4 !important;transform:translateY(-1px) !important}
.x5:hover{background:#E4ECFA !important}
.x6:hover{background:#F0F4FC !important}
.x7:hover{background:#2D6BE4 !important}
.x8:hover{background:#2D6BE4 !important;transform:translateY(-2px) !important}
.x9:hover{background:#E4ECFA !important;transform:translateY(-2px) !important}
.x10:hover{background:rgba(234,241,255,0.12) !important;border-color:rgba(234,241,255,0.5) !important}
.x11:hover{transform:translateY(-6px) !important}
.x12:hover{background:rgba(234,241,255,0.14) !important}
.x13:hover{transform:translateY(-4px) !important;border-color:rgba(45,107,228,0.35) !important;box-shadow:0 26px 46px -30px rgba(16,32,61,0.5) !important}
.x14:hover{background:#FFFFFF !important}
.x15:hover{transform:translateY(-2px) !important;border-color:rgba(45,107,228,0.35) !important;box-shadow:0 20px 36px -28px rgba(16,32,61,0.5) !important}
.x16:hover{border-color:rgba(45,107,228,0.4) !important;box-shadow:0 16px 30px -24px rgba(16,32,61,0.5) !important}
.x17:focus{border-color:#2D6BE4 !important;background:#FFFFFF !important}
.x18:hover{background:#EFF4FE !important;border-color:#2D6BE4 !important}
.x19:hover{transform:translateY(-3px) !important;border-color:rgba(45,107,228,0.4) !important;box-shadow:0 22px 40px -30px rgba(16,32,61,0.6) !important}
.x20:hover{transform:translateY(-2px) !important}
.x21:focus{border-color:#2D6BE4 !important}