File: /home/fliyingp/domains/fliyingpigeon.hk/public_html/wp-content/themes/ocean-theme/service.css
.our-services-block {
background: #001c36;
}
.our-services-block__content {
display: flex;
flex-flow: column;
gap: 48px;
/* gap: 108px; */
}
.our-services-block__head .container {
display: flex;
flex-flow: row;
justify-content: space-between;
}
.our-services-block__mini-title {
max-width: 337px;
width: 100%;
}
.our-services-block__title {
/* max-width: 55%; */
max-width: 60%;
width: 100%;
font-family: Geist;
font-weight: 300;
font-size: 48px;
line-height: 100%;
letter-spacing: -2.8%;
color: #f0f2f5;
}
.our-services-block__title strong {
font-weight: 300;
color: #94a9b5;
}
.our-services-block__body {
display: flex;
flex-flow: column;
gap: 48px;
}
.our-services-block__body .container {
border-top: 1px dashed rgba(84, 110, 122, 0.2392156863);
padding-top: 48px;
}
.our-services-block__body .container:last-child {
/* border-bottom: 1px dashed rgba(84, 110, 122, 0.2392156863); */
padding-bottom: 48px;
}
.our-services-block__item {
display: flex;
flex-flow: row;
position: relative;
/* gap: 96px; */
gap: 40px;
text-decoration: none;
}
.our-services-block__item img {
/* max-width: 580px; */
max-width: 33.3%;
width: 100%;
height: 400px;
height: 320px;
}
.our-services-block__item-info {
width: 100%;
display: flex;
flex-flow: row;
gap: 32px;
}
.our-services-block__data {
display: flex;
flex-flow: column;
gap: 16px;
width: 100%;
}
.our-services-block__data-top {
display: flex;
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.our-services-block__data-top p {
font-family: Geist;
font-weight: 300;
font-size: 28px;
line-height: 110%;
letter-spacing: -0.8%;
color: #f0f2f5;
}
.our-services-block__button {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid rgba(144, 164, 174, 0.6509803922);
padding: 7px 18px;
border-radius: 30px;
transition: 0.3s ease;
}
.our-services-block__button svg path{
transition: 0.3s ease;
}
/* .our-services-block__item img {
transition: 0.3s ease;
} */
/* .our-services-block__item:hover img {
filter: blur(3px);
} */
.our-services-block__item:hover .our-services-block__img-overlay {
backdrop-filter: blur(3px);
}
.our-services-block__item:hover .our-services-block__button svg path{
fill: #001c36;
}
.our-services-block__item:hover .our-services-block__button {
background: #fff;
}
.our-services-block__digits {
font-family: Geist Mono;
font-weight: 500;
font-size: 12px;
line-height: 130%;
letter-spacing: -1%;
color: rgba(144, 164, 174, 0.6509803922);
margin-top: 8px;
}
.our-services-block__data-desc {
font-family: Geist;
font-weight: 400;
font-size: 14px;
line-height: 130%;
letter-spacing: 0%;
color: #94a9b5;
max-width: 550px;
width: 100%;
}
@media (max-width: 1024px) {
.our-services-block__content {
gap: 32px;
}
.our-services-block__head .container {
flex-flow: column;
align-items: flex-start;
}
.our-services-block__mini-title, .our-services-block__title {
max-width: 100%;
width: 100%;
}
.our-services-block__body {
gap: 32px;
}
.our-services-block__item {
flex-flow: column;
align-items: center;
gap: 8px;
}
.our-services-block__item img {
max-width: unset;
}
.our-services-block__item-info {
flex-flow: column;
gap: 16px;
}
}/*# sourceMappingURL=service.css.map */