website/sass/home/service-card-main.scss

108 lines
1.7 KiB
SCSS
Raw Normal View History

@import "../components/fullscreen";
2022-04-25 18:30:38 +00:00
.service__features {
margin: 20px 0px;
@include fullscreen;
display: flex;
flex-direction: column;
justify-content: space-between;
2022-04-25 18:30:38 +00:00
}
.service__features--split {
margin: 20px 0px;
@include fullscreen;
2022-04-25 18:30:38 +00:00
display: flex;
flex-direction: column;
justify-content: space-between;
max-height: 1300px;
}
.service-card__group {
2022-04-25 18:30:38 +00:00
margin: 0px auto;
}
2022-04-25 18:30:38 +00:00
.service-card__conatiner {
// background-color: #eee;
margin: 10px 0px;
// wpadding: 10px;
border-radius: 5px;
display: flex;
// height: 250px;
// border-top: 1px solid #cacaca;
width: 80%;
margin: 0 auto;
}
.line-border {
width: 80%;
display: block;
border-bottom: 1px solid #cacaca;
margin: auto;
2022-04-25 18:30:38 +00:00
}
.service-card__conatiner:last-child {
// border-top: none;
2022-04-25 18:30:38 +00:00
}
.service-card__icon {
width: 100px;
height: 100px;
margin: auto;
flex: 2;
border-radius: 100px;
}
.service-card__service-name {
color: rgb(0, 128, 0);
font-weight: 600;
}
2022-04-25 18:30:38 +00:00
.service-card__title {
margin: auto;
//text-align: center;
2022-04-25 18:30:38 +00:00
}
.service-card__text {
// font-size: 0.7rem;
// text-align: center;
2022-04-25 18:30:38 +00:00
margin-bottom: 30px !important;
}
.service-card__text-container {
flex: 2;
margin: auto !important;
}
.service-card__aciton-btn {
margin: auto 0;
2022-04-25 18:30:38 +00:00
padding: 10px;
display: block;
font-weight: 400;
border: none;
background-color: #000;
}
.service__features {
display: flex;
flex-direction: column;
align-items: center;
}
.service__features-title {
margin: 10px auto !important;
}
.service-card__icon-container {
width: 30%;
margin: auto;
}
.service-card__aciton-btn--inactive {
margin: auto;
padding: 10px;
display: block;
font-weight: 400;
border: none;
background-color: lightgrey;
color: #000;
}