119 lines
2.3 KiB
CSS
119 lines
2.3 KiB
CSS
/* BYOD */
|
|
.byod-ai-header {}
|
|
|
|
.byod-ai-image {
|
|
width: 50%;
|
|
}
|
|
|
|
.byod-ai-image img {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.byod-ai-text {
|
|
width: 50%;
|
|
}
|
|
|
|
.c-article__title {
|
|
font-family: 'Gilroy-Heavy';
|
|
font-size: 35px;
|
|
color: #fc3735;
|
|
background: -webkit-linear-gradient(left, #0071dc, #a14316, #fae500);
|
|
background-size: 1600px 200px;
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
animation-duration: 3s;
|
|
animation-name: animationGradientTitle;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
@keyframes animationGradientTitle {
|
|
0% {
|
|
background-position: 0 1600px;
|
|
}
|
|
|
|
100% {
|
|
background-position: 1600px 0;
|
|
}
|
|
}
|
|
|
|
.byod-ai-text h3 {
|
|
color: var(--Yellow);
|
|
font-size: 27px;
|
|
}
|
|
|
|
.button-download-case-study {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.button-download-case-study a {
|
|
background: var(--Dark-blue);
|
|
color: var(--color-white);
|
|
padding: 11px 60px 11px 40px;
|
|
margin: 16px 0;
|
|
border-radius: 50px 0% 0% 50px;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
|
|
.button-download-case-study a span {
|
|
width: 60px;
|
|
height: 60px;
|
|
display: flex;
|
|
margin-right: 10px;
|
|
background: var(--bs-blue);
|
|
padding: 13px 13px 13px 12px;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
right: -26px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border: 4px solid var(--color-white);
|
|
}
|
|
|
|
.button-download-case-study a span svg {
|
|
display: block;
|
|
width: 70%;
|
|
height: 70%;
|
|
}
|
|
|
|
.communicate-humans {
|
|
background: #000125 url(../images/byod/1234.webp) no-repeat;
|
|
background-size: contain;
|
|
background-position: bottom right;
|
|
}
|
|
|
|
.communicate-humans p {
|
|
max-width: 500px;
|
|
font-size: 31px;
|
|
color: var(--bs-body-bg);
|
|
}
|
|
|
|
.saved-dollars-section {
|
|
background: url(../images/byod/saved-thousands.webp) no-repeat;
|
|
background-size: cover;
|
|
background-position: center center;
|
|
}
|
|
|
|
.saved-background-text {
|
|
width: 53%;
|
|
background: linear-gradient(45deg, #0074bd, #0b9dd9);
|
|
padding: 40px;
|
|
box-sizing: border-box;
|
|
border-radius: 11px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.saved-background-text p {
|
|
font-size: 24px;
|
|
color: var(--bs-body-bg);
|
|
}
|
|
|
|
.saved-background-text p span {
|
|
font-size: 30px;
|
|
font-weight: bold;
|
|
color: var(--Yellow);
|
|
} |