.simplyBetter {
--simplyBetter-lottie-scale: 1.4;
--simplyBetter-lottie-opacity: 0.45;
position: relative;
background: #fff;
padding-top: clamp(40px, 9vw, 140px);
padding-bottom: clamp(80px, 14vw, 200px);
overflow: hidden;
isolation: isolate;
}
.simplyBetter__backdrop {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
z-index: 0;
padding-top: 10rem;
opacity: var(--simplyBetter-lottie-opacity);
}
.simplyBetter__lottie {
width: calc(100% * var(--simplyBetter-lottie-scale));
max-width: 990px;
aspect-ratio: 16 / 10;
transform: translateY(-4%);
}
.simplyBetter__lottie.is-loaded {
animation: simplyBetterFadeIn 0.5s ease-out both;
}
.simplyBetter__inner {
position: relative;
z-index: 1;
}
.simplyBetter__title {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.2em 0.1em;
margin: 0 0 0.75rem;
font-size: clamp(2.25rem, 5vw, 4.5rem);
line-height: 1.1;
letter-spacing: -0.4px;
}
.simplyBetter__titleAccent {
color: #fcca00;
}
.simplyBetter__body {
max-width: 56rem;
margin: 1rem auto 2rem;
font-size: clamp(1rem, 1.4vw, 1.25rem);
line-height: 1.4;
color: #1d2039;
}
.simplyBetter__cta {
display: inline-flex;
align-items: center;
}
.simplyBetter__ctaArrow {
transition: transform 250ms ease;
}
.simplyBetter__cta:hover .simplyBetter__ctaArrow {
transform: translateX(4px);
} .simplyBetter__iconStack {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: clamp(48px, 6vw, 80px);
height: clamp(48px, 6vw, 80px);
vertical-align: middle;
}
.simplyBetter__icon {
position: absolute;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
opacity: 0;
transition: opacity 600ms ease;
}
.simplyBetter__icon.is-active {
opacity: 1;
}
@keyframes simplyBetterFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.simplyBetter__icon {
transition: none;
}
.simplyBetter__ctaArrow {
transition: none;
}
.simplyBetter__lottie.is-loaded {
animation: none;
}
}
@media (max-width: 767.98px) {
.simplyBetter__title {
gap: 0.2em 0.3em;
}
.simplyBetter__body {
padding: 0 1rem;
}
}
@media (min-width: 1200px) {
.simplyBetter__title {
flex-wrap: nowrap;
white-space: nowrap;
}
}
@media (max-width: 1250px) {
.simplyBetter__backdrop {
padding-top: 5rem;
}
.simplyBetter__lottie {
max-width: 745px;
}
}
@media (max-width: 900px) {
.simplyBetter__backdrop {
padding-top: 4rem;
}
.simplyBetter__lottie {
max-width: 650px;
}
}.idtglobal-imageTrio {
--imageTrio-unveil-color: #f6f6f7;
display: flex;
gap: 16px;
width: 100%;
}
.idtglobal-imageTrio__col {
position: relative;
flex: 1 1 0;
min-width: 0;
overflow: hidden;
border-radius: 8px;
}
.idtglobal-imageTrio__col img,
.idtglobal-imageTrio__col picture {
display: block;
width: 100%;
height: auto;
} .idtglobal-imageTrio__unveil {
position: absolute;
inset: 0;
background: var(--imageTrio-unveil-color);
transform: translateY(0);
transition: transform 900ms cubic-bezier(0.86, 0, 0.07, 1);
z-index: 1;
pointer-events: none;
}
.idtglobal-imageTrio--unveil.is-revealed .idtglobal-imageTrio__unveil {
transform: translateY(-101%);
} .idtglobal-imageTrio--unveil.is-revealed .idtglobal-imageTrio__col--1 .idtglobal-imageTrio__unveil {
transition-delay: 0ms;
}
.idtglobal-imageTrio--unveil.is-revealed .idtglobal-imageTrio__col--2 .idtglobal-imageTrio__unveil {
transition-delay: 180ms;
}
.idtglobal-imageTrio--unveil.is-revealed .idtglobal-imageTrio__col--3 .idtglobal-imageTrio__unveil {
transition-delay: 360ms;
}
@media (prefers-reduced-motion: reduce) {
.idtglobal-imageTrio__unveil { display: none; }
}
@media (max-width: 767.98px) {
.idtglobal-imageTrio__unveil { display: none; }
}
@media (max-width: 767.98px) {
.idtglobal-imageTrio {
display: none;
}
}.globalSlider--cardCarousel .globalSlider__card--carousel {
background: #f6f6f7;
border-radius: 16px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 24px;
min-height: 18.75rem;
}
.globalSlider--cardCarousel .globalSlider__card-icon {
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
}
.globalSlider--cardCarousel .globalSlider__card-icon img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
.globalSlider--cardCarousel .globalSlider__title {
font-family: "IDT Sans", Arial, Helvetica, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.33;
letter-spacing: 0;
color: #1d2039;
margin: 0;
text-transform: none;
}
.globalSlider--cardCarousel .globalSlider__card-text {
font-family: "IDT Sans", Arial, Helvetica, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.44;
letter-spacing: 0;
color: #1d2039;
margin: 0;
}
.globalSlider--cardCarousel .globalSlider__card-cta {
align-self: flex-start;
margin-top: auto;
padding: 0.5rem 1.5rem !important;
font-size: 1rem;
gap: 0.5rem;
border-radius: 6px !important;
display: inline-flex;
align-items: center;
} .globalSlider--cardCarousel .globalSlider__card-cta span {
overflow: visible;
max-width: none;
display: inline;
white-space: normal;
margin-right: 0;
}
.globalSlider--cardCarousel .globalSlider__card-ctaArrow {
transition: transform 200ms ease;
}
.globalSlider--cardCarousel .globalSlider__card-cta:hover .globalSlider__card-ctaArrow {
transform: translateX(3px);
}.idtglobal-newsInsights {
background: #f6f6f7;
padding: 3rem 0;
border-radius: 16px;
}
.idtglobal-newsInsights__header {
margin-bottom: 40px;
}
.idtglobal-newsInsights__eyebrow {
margin: 0 0 12px;
}
.idtglobal-newsInsights__heading {
margin: 0;
}
.idtglobal-newsInsights__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.idtglobal-newsInsights__card {
display: flex;
flex-direction: column;
gap: 16px;
padding: 32px;
background: #fff;
border-radius: 12px;
color: #1d2039;
text-decoration: none !important;
transition:
background 280ms ease,
color 280ms ease,
transform 280ms ease,
box-shadow 280ms ease;
min-height: 100%;
}
.idtglobal-newsInsights__cardMeta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
font-family: "IDT Sans", Arial, Helvetica, sans-serif;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: rgba(29, 32, 57, 0.65);
}
.idtglobal-newsInsights__cardSep {
opacity: 0.5;
}
.idtglobal-newsInsights__cardTitle {
font-family: "IDT Sans", Arial, Helvetica, sans-serif;
font-size: 1.5rem;
line-height: 1.3;
font-weight: 700;
margin: 0;
color: inherit;
}
.idtglobal-newsInsights__cardExcerpt {
font-family: "IDT Sans", Arial, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.5;
margin: 0;
color: inherit;
flex: 1 1 auto;
}
.idtglobal-newsInsights__cardCta {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: "IDT Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 1rem;
color: inherit;
margin-top: 16px;
}
.idtglobal-newsInsights__cardCta svg {
transition: transform 200ms ease;
} .idtglobal-newsInsights__card:hover,
.idtglobal-newsInsights__card:focus-visible {
background: #2e39d3;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 12px 32px rgba(29, 32, 57, 0.18);
}
.idtglobal-newsInsights__card:hover .idtglobal-newsInsights__cardMeta,
.idtglobal-newsInsights__card:focus-visible .idtglobal-newsInsights__cardMeta {
color: rgba(255, 255, 255, 0.7);
}
.idtglobal-newsInsights__card:hover .idtglobal-newsInsights__cardCta svg,
.idtglobal-newsInsights__card:focus-visible
.idtglobal-newsInsights__cardCta
svg {
transform: translateX(4px);
}
.idtglobal-newsInsights__footer {
margin-top: 40px;
text-align: center;
}
.idtglobal-newsInsights__cta.btn-outline-secondary {
color: #1d2039;
border: 1.5px solid rgba(29, 32, 57, 0.2);
background: transparent;
padding: 0.75rem 1.5rem;
}
.idtglobal-newsInsights__cta.btn-outline-secondary:hover {
background: #1d2039;
color: #fff;
border-color: #1d2039;
}
@media (prefers-reduced-motion: reduce) {
.idtglobal-newsInsights__card,
.idtglobal-newsInsights__cardCta svg {
transition: none;
}
.idtglobal-newsInsights__card:hover {
transform: none;
}
}
@media (max-width: 991.98px) {
.idtglobal-newsInsights__grid {
grid-template-columns: 1fr;
}
.idtglobal-newsInsights {
padding: 40px 20px;
}
}.idtglobal-li-followers {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
margin: 24px 0;
}
@media (min-width: 992px) {
.idtglobal-li-followers {
flex-direction: row;
align-items: center;
}
}
.idtglobal-li-followers__image {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
}
.idtglobal-li-followers__meta {
min-width: 0;
}
.idtglobal-li-followers__name {
margin: 0;
}
.idtglobal-li-followers__count {
margin: 0;
color: inherit;
}
.idtglobal-li-followers__cta {
flex-shrink: 0;
}.idtglobal-linkedin-posts {
display: grid;
gap: 24px;
grid-template-columns: 1fr;
margin: 24px 0;
}
@media (min-width: 768px) {
.idtglobal-linkedin-posts--cols-2 {
grid-template-columns: repeat(2, 1fr);
}
.idtglobal-linkedin-posts--cols-3 {
grid-template-columns: repeat(3, 1fr);
}
}
.idtglobal-linkedin-posts__item {
position: relative;
background: #fff;
border-radius: 8px;
overflow: hidden;
}
.idtglobal-linkedin-posts__item iframe {
display: block;
width: 100%;
border: 0;
position: relative;
z-index: 1;
}
.idtglobal-linkedin-posts__placeholder {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #f3f5f7 0%, #e9edf1 100%);
z-index: 0;
}
.idtglobal-linkedin-posts__item.is-loaded
.idtglobal-linkedin-posts__placeholder {
display: none;
}
.idtglobal-linkedin-posts__spinner {
width: 28px;
height: 28px;
border-radius: 50%;
border: 3px solid rgba(10, 102, 194, 0.15);
border-top-color: #0a66c2;
animation: idtglobalLiSpin 0.9s linear infinite;
will-change: transform;
}
@keyframes idtglobalLiSpin {
to {
transform: rotate(360deg);
}
}