Your IP : 18.118.184.36
/*========================================*/
/*-------------- [_Funfact] --------------*/
/*========================================*/
.rotate-text {
position: absolute;
transform: rotate(90deg);
top: 168px;
left: -154px;
background: var(--webex-primary-color);
color: #fff;
padding: 12px 76px;
font-size: 22px;
@media screen and (max-width: 1199px) {
display: none;
}
}
.funfact-item {
display: flex;
flex-wrap: wrap;
justify-content: center;
row-gap: 15px;
position: relative;
margin-bottom: 60px;
@media screen and (max-width: 1024px) {
justify-content: normal;
}
@media screen and (max-width: 425px) {
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.funfact-icon {
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 30px;
@media screen and (max-width: 425px) {
margin-right: 0;
}
@include transition(all 500ms ease-out 0s);
span {
font-size: 62px;
color: var(--webex-primary-color);
}
&::before {
color: #fff;
font-size: 4.5rem;
opacity: 0.06;
}
}
.funfact-content {
.count-text {
font-size: 54px;
display: inline-block;
margin-bottom: 10px;
}
.title {
font-weight: 400;
font-family: var(--body-font);
color: var(--body-font-color);
font-size: 18px;
}
}
}
/*========================================*/
/*---------- [_Funfact_Style2] -----------*/
.funfact-style2-wrapper {
background: var(--webex-primary-color);
margin-top: -120px;
border-radius: 8px;
padding: 60px 120px 0 120px;
.funfact-item-style2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
row-gap: 15px;
position: relative;
text-align: center;
margin-bottom: 60px;
.funfact-content {
.count-text {
color: #fff;
font-size: 48px;
display: inline-block;
margin-bottom: 10px;
}
.title {
font-weight: 400;
font-family: var(--body-font);
color: #fff;
font-size: 18px;
}
}
}
}