.card-register {
overflow: hidden; .header { margin-left: 20px; margin-right: 20px; padding: 30px 0; } .text-divider { margin-top: 30px; margin-bottom: 0px; text-align: center; } .content { padding: 0px 30px; } .form-check { margin-top: 20px; margin-left: 20px; label:not(.form-check-label){ padding-left: 38px; } } .card-header { padding: 0 0 50px; overflow: hidden; .card-title { position: relative; font-size: 5em; font-weight: 900; color: $black; text-transform: lowercase; margin-left: -5px; z-index: 1; } } .card-img { position: absolute; left: 0; top: -15%; width: 70%; } .social-line { margin-top: 20px; text-align: center; .btn.btn-icon , .btn.btn-icon .btn-icon { margin-left: 5px; margin-right: 5px; box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.2); } } .card-footer { margin-bottom: 10px; margin-top: 24px; } &.card-white{ .card-header .card-title{ color: $white; } }
}
@include media-breakpoint-down(md){
.card.card-register .card-img { width: 95%; }
}