Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .review {
- margin: 100px 165px;
- &__content {
- height: 100%;
- // padding: 23px 46px;
- }
- .review__content {
- &-text {
- position: relative;
- z-index: 2;
- p {
- font-size: 0.875rem;
- color: #222122;
- text-align: left;
- padding: 23px 46px;
- margin: 0;
- line-height: 24px;
- @include mobile {
- font-size: 0.8rem;
- }
- }
- }
- .review-information {
- background-color: #ffffff;
- height: 80px;
- width: 100%;
- position: absolute;
- bottom: 0;
- left: 0;
- &__quote {
- font-size: 6.25rem;
- color: #CFCFCF;
- font-weight: bold;
- position: absolute;
- margin: -16px 0 0 10px;
- z-index: 1;
- &-bottom {
- right: 30px !important;
- -webkit-transform: rotate(-180deg);
- bottom: 63px;
- }
- }
- &__inner {
- padding: 19px 46px;
- display: flex;
- }
- &__details {
- margin: 0 0 0 10px;
- &-info {
- span {
- font-size: 0.875rem;
- }
- }
- .review-details-info {
- &__stars {
- display: flex;
- width: 16px;
- height: 16px;
- img {
- margin: 0 5px 0 0;
- color: #EFD358;
- }
- }
- }
- }
- &__image {
- border-radius: 50%;
- width: 37px;
- height: 37px;
- border: 5px solid #F3F3F3;
- }
- // span {
- // font-size: 0.875rem;
- // }
- &__name {
- font-weight: bold;
- }
- }
- }
- @include touch {
- margin: -2rem 0 0 0;
- }
- }
- .review__slider-slide {
- font-size: 18px;
- background: #F3F3F3;
- height: 274px;
- margin: 6rem 0;
- transition: all 0.35s ease;
- /* Center slide text vertically */
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- -webkit-box-shadow: 5px 5px 40px 0px rgba(0,0,0,0.12);
- -moz-box-shadow: 5px 5px 40px 0px rgba(0,0,0,0.12);
- box-shadow: 5px 5px 40px 0px rgba(0,0,0,0.12);
- // @include mobile {
- // width: inherit!important;
- // }
- }
- .swiper-slide-next {
- margin-top: 80px !important;
- -webkit-box-shadow: 5px 5px 40px 0px rgba(0,0,0,0.25);
- -moz-box-shadow: 5px 5px 40px 0px rgba(0,0,0,0.25);
- box-shadow: 5px 5px 40px 0px rgba(0,0,0,0.25);
- }
- .review-swiper-pagination {
- .swiper-pagination-bullet {
- background-color: #CFCFCF;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement