.topMenu a {
display: block;
padding: 0.3125rem 0.25rem;
}/* home page slider */
html { scroll-padding-top: 220px; }
.top-spacing {
padding-top: 56px;
}
.slider-section .ibm {
font-size: 18px;
}
.slider-section {
padding: 15px 0 70px;
}
.slider-section .single-slide {
element.style {
}
.slick-dots {
padding: 0;
list-style: none outside;
margin: 16px 0 0;
text-align: center;
left: 0;
right: 0;
bottom: -18px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
ol, ul {
padding: 0;
margin: 0 0 1.45rem 1.45rem;
list-style-position: outside;
list-style-image: none;
}
dl, ol, ul {
margin-top: 0;
margin-bottom: 1rem;
}
ol, ul {
padding-left: 2rem;
}
ol, ul {
box-sizing: border-box;
}
*, ::after, ::before {
box-sizing: border-box;
}
user agent stylesheet
ul {
display: block;
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
unicode-bidi: isolate;
}
.slick-slider {
box-sizing: border-box;
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
@media (max-width: 767px) {
.elementor-kit-145 {
--e-global-typography-primary-font-size: 30px;
--e-global-typography-primary-line-height: 35px;
--e-global-typography-secondary-font-size: 30px;
--e-global-typography-secondary-line-height: 35px;
--e-global-typography-d07686a-font-size: 16px;
--e-global-typography-d07686a-line-height: 1.5em;
--e-global-typography-80800b5-font-size: 22px;
--e-global-typography-80800b5-line-height: 30px;
--e-global-typography-dd52031-font-size: 16px;
--e-global-typography-dd52031-line-height: 1.38em;
--e-global-typography-4316ee8-font-size: 14px;
--e-global-typography-4316ee8-line-height: 16px;
--e-global-typography-fb263ee-font-size: 20px;
--e-global-typography-fb263ee-line-height: 22px;
font-size: 14px;
}
}
.elementor-kit-145 {
--e-global-color-primary: #093EB0;
--e-global-color-secondary: #FDCD48;
--e-global-color-text: #000000;
--e-global-color-accent: #FDCD48;
--e-global-color-8810960: #093EB0;
--e-global-color-75a8165: #06328E;
--e-global-color-6da534b: #FFFFFF;
--e-global-color-28c3899: #FDCD2D;
--e-global-color-4897664: #F0C22A;
--e-global-color-091a467: #FDCD2D80;
--e-global-color-b38e7fd: #518EE380;
--e-global-color-6144b04: #17BE8680;
--e-global-color-7bab431: #E6494980;
--e-global-color-109498c: #F2C42B;
--e-global-color-6a3b855: #F9B700;
--e-global-typography-primary-font-family: "Manrope";
--e-global-typography-primary-font-size: 40px;
--e-global-typography-primary-font-weight: 600;
--e-global-typography-primary-line-height: 45px;
--e-global-typography-primary-letter-spacing: 0px;
--e-global-typography-secondary-font-family: "Manrope";
--e-global-typography-secondary-font-size: 40px;
--e-global-typography-secondary-font-weight: 600;
--e-global-typography-secondary-line-height: 48px;
--e-global-typography-text-font-family: "Manrope";
--e-global-typography-text-font-size: 18px;
--e-global-typography-text-font-weight: 400;
--e-global-typography-text-line-height: 28px;
--e-global-typography-accent-font-family: "Roboto";
--e-global-typography-accent-font-weight: 500;
--e-global-typography-d07686a-font-family: "IBM Plex Serif";
--e-global-typography-d07686a-font-size: 28px;
--e-global-typography-d07686a-font-weight: 300;
--e-global-typography-d07686a-line-height: 46px;
--e-global-typography-d07686a-letter-spacing: -0.3px;
--e-global-typography-80800b5-font-family: "IBM Plex Serif";
--e-global-typography-80800b5-font-size: 22px;
--e-global-typography-80800b5-font-weight: 400;
--e-global-typography-80800b5-font-style: italic;
--e-global-typography-80800b5-line-height: 30px;
--e-global-typography-dd52031-font-family: "IBM Plex Serif";
--e-global-typography-dd52031-font-size: 42px;
--e-global-typography-dd52031-font-weight: 400;
--e-global-typography-dd52031-font-style: italic;
--e-global-typography-dd52031-line-height: 50px;
--e-global-typography-4316ee8-font-size: 28px;
--e-global-typography-4316ee8-font-weight: 400;
--e-global-typography-4316ee8-line-height: 30px;
--e-global-typography-fb263ee-font-size: 18px;
--e-global-typography-fb263ee-font-weight: 400;
Show all properties (5 more)
}
@media (max-width: 767px) {
body {
font-size: 18x;
line-height: 20px;
}
}
body {
font-family: "Manrope", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
color: #000;
text-align: left;
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
:root {
--blue-color: #093eb0;
--yellow-color: #fdcd48;
--theme-color: #1b1d1c;
--color-brand: #5869da;
--color-white: #ffffff;
--color-dark: #000c2d;
--color-text: #000c2d;
--color-gray: #687385;
--color-error: #cc3c64;
--color-success: #07815c;
--color-border: #eaecee;
--bg-gray: #f5f7f9;
--bg-gray-darker: #edeff1;
--bg-dark: #12245a;
--bg-white: var(--color-white);
--color-code-inline: var(--color-text);
--bg-tag-list: linear-gradient(to left, var(--bg-white), rgba(255, 255, 255, 0));
}
:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
Show all properties (16 more)
}
:root {
--swiper-navigation-size: 44px;
}
:root {
--swiper-theme-color: #007aff;
}
:root {
--page-title-display: block;
}
:root {
--wp--preset--aspect-ratio--square: 1;
--wp--preset--aspect-ratio--4-3: 4 / 3;
--wp--preset--aspect-ratio--3-4: 3 / 4;
--wp--preset--aspect-ratio--3-2: 3 / 2;
--wp--preset--aspect-ratio--2-3: 2 / 3;
--wp--preset--aspect-ratio--16-9: 16 / 9;
--wp--preset--aspect-ratio--9-16: 9 / 16;
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: 0.44rem;
--wp--preset--spacing--30: 0.67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}
:root {
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px;
}
html {
scroll-behavior: smooth;
font-size: 62.5%;
}
*, ::after, ::before {
box-sizing: border-box;
}
*, ::after, ::before {
box-sizing: border-box;
}
::selection {
color: #000;
background: #fdcd2d;
}
bottom -18px
box-sizing border-box
color rgb(0, 0, 0)
display block
font-family Manrope, sans-serif
font-size 14px
font-weight 400
height 21.5938px
left 0px
line-height 21.6px
list-style-image none
list-style-position outside
list-style-type none
margin-block-end 0px
margin-block-start 16px
margin-bottom 0px
margin-inline-end 0px
margin-inline-start 0px
margin-left 0px
margin-right 0px
margin-top 16px
padding-bottom 0px
padding-inline-start 0px
padding-left 0px
padding-right 0px
padding-top 0px
position absolute
right 0px
text-align center
text-size-adjust 100%
unicode-bidi isolate
user-select none
width 390px
-webkit-tap-highlight-color rgba(0, 0, 0, 0)
Recommendations for the new live metrics in Performance
The new live metrics in the Performance panel now provide environment recommendations to help you better understand your users' experience.
Network filters reimagined
Based on your feedback, the Network panel moves the additional 'hide' and 'blocked' filters to a drop-down, while the resource-type filters stay the same.
Navigate breadcrumbs in Performance
You can now 'jump' back and forth between breadcrumbs in the timeline, as well as overwrite and remove child breadcrumbs.
padding: 0 5.5rem;
}
.slider-section .ai-transform-banking h2 {
font-size: 4.2rem;
line-height: 5.7rem;
}
.slider-section .ai-transform-banking h2 {
margin: 5rem 0;
}
.slider-section .ai-transform-banking .slide-right img {
margin-bottom: 4.4rem;
margin-right: 3rem;
max-height: 65vh;
}
.slider-section .ai-transform-banking .theme-btn {
font-size: 1.8rem;
}
.slider-section .slide-author {
margin-bottom: 5.4rem;
}
.author-info p {
font-size: 1.3rem;
}
em {
color: #093eb0;
}
.slide-author img {
width: 4rem;
height: 4rem;
object-fit: cover;
border-radius: 50%;
margin-right: 1.8rem;
}
.slick-prev:before,
.slick-next:before {
content: "";
width: 1.3rem;
height: 2.2rem;
background-image: url("../images/left-arrow.svg");
background-size: 13px 22px;
background-repeat: no-repeat;
position: absolute;
transition: all 0.2s ease-in;
opacity: 1;
margin-top: -5px;
}
.slick-prev,
.slick-next {
transition: all 0.2s ease-in;
z-index: 8;
}
.slick-next {
right: -1rem;
}
.slick-prev:hover {
margin-left: 5px;
}
.slick-next:hover {
margin-right: -5px;
}
.slick-next:before {
background-image: url("../images/right-arrow.svg");
}
.slider-bottom li img {
max-height: 6.5rem;
}
.slider-bottom ul {
padding: 0;
margin: 0;
justify-content: space-between;
gap: 48px;
}
.slider-bottom-logos-label {
color: #093eb0;
font-size: 24px;
font-weight: 600;
line-height: 1;
display: block;
width: 175px;
text-align: center;
margin: 0 auto 24px;
}
.slider-bottom {
left: 50%;
transform: translate(-50%);
z-index: 1;
box-shadow: 0 4px 33px 10px rgba(9, 62, 176, 0.1);
background: #fff;
border-radius: 15px;
padding: 12px 24px;
}
.video-section {
padding: 190px 0 100px;
}
.video-section .video-div {
margin-top: 4rem;
}
.video-play {
width: 10rem;
height: 10rem;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--yellow-color);
border-radius: 50%;
}
.video-play svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.video-play .video-play-animation {
background: hsla(0, 0%, 100%, 0.2);
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
animation: smallScale 3s infinite;
}
@keyframes smallScale {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
.video-play .video-play-animation.has-delay-short {
animation-delay: 0.5s;
}
.client-logo-section {
padding: 4.5rem 0;
}
.client-logo-section .logo-header {
line-height: 1.33;
font-size: 4.6rem;
}
.case-study-section {
padding: 12.8rem 0 6rem;
}
.case-study-img img {
width: 11.2rem;
height: 11.2rem;
border-radius: 50%;
}
.case-study-quote {
padding-left: 6rem;
max-width: 80%;
margin: 1.8rem 0 5.4rem;
}
.case-study-quote > p {
font-size: 2.8rem;
margin-bottom: 2.6rem;
}
.case-study-quote::before {
content: "";
position: absolute;
background: url("../images/quote.svg") no-repeat 50%;
background-size: 100%;
width: 20px;
height: 20px;
left: 8px;
top: 4px;
}
.ie-card .card-body {
padding: 20px;
}
.ie-card .card-body h2 {
color: #e64949;
}
.ie-card .card-body span {
font-weight: 300;
color: #1b1d1c;
}
.ie-card .card-body .time {
color: #17bd85;
}
.ie-card .card-body .support {
color: #eeb200;
}
.ie-card .card-body p {
color: #212529;
}
.ie-card--case-study-card {
max-width: 180px;
max-height: 110px;
min-width: 180px;
min-height: 110px;
}
.ie-card--curved {
border-top-left-radius: 20px;
}
.case-study-single .theme-btn {
font-weight: 500;
min-width: 1px;
padding: 1.6rem 2.4rem;
}
.case-study-slider .slick-prev {
left: 12%;
/* transform: translateY(-50%); */
}
.case-study-slider .slick-next {
right: 12%;
/* transform: translateY(-50%); */
}
/* solution section */
.solution-section {
padding: 0 0 6.4rem;
margin-top: -2px;
}
.solution-section .solution-title {
font-size: 4.6rem;
line-height: 1.33;
letter-spacing: -0.5px;
}
.sol-card-single-inner {
border-radius: 7px;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 3px -2px rgba(0, 0, 0, 0.12),
0 3px 4px 0 rgba(0, 0, 0, 0.14);
margin: 0 3rem;
padding: 4.8rem 4.8rem 0 4.8rem;
min-height: 70rem;
}
.sol-card-top h4 {
font-size: 4rem;
line-height: 1.25;
letter-spacing: -0.5px;
}
.sol-card-top li {
flex-basis: 48%;
}
.sol-card-footer .theme-btn {
border: 1px solid #979797;
color: #1b1d1c;
min-width: 18rem;
margin-bottom: 4.8rem;
}
.sol-card-footer .theme-btn:hover {
border-color: var(--yellow-color);
}
.sol-card-single {
flex-basis: 47%;
margin-top: 12.8rem;
}
.sol-card-single:nth-child(2n) {
transform: translateY(240px);
}
.sol-card-img {
max-width: 18rem;
}
/* feature-section */
.client-logo-section .slide img {
height: 3.8rem;
max-height: 3.8rem;
object-fit: contain;
display: block;
object-position: center;
}
.client-logo-section .slide {
margin: 0 15px;
}
/* platform-section */
.platform-section {
padding: 12.8rem 0 19rem;
}
.platform-section .platform-title {
font-size: 4.8rem;
line-height: 6.4rem;
letter-spacing: -0.5px;
margin-bottom: 8.4rem;
}
.single-plateform .platform-desc h5 {
line-height: 2.8rem;
}
.single-plateform .platform-img {
width: 15rem;
height: 15rem;
margin-bottom: 2rem;
}
.plateform-listing .single-plateform {
margin-bottom: 5.5rem;
}
/* call-to-speak page */
.call-to-speak {
padding: 6rem 0 0;
}
.call-to-speak .h1 {
font-size: 6rem;
line-height: 8.4rem;
letter-spacing: -1px;
}
.call-to-speak .h1 a:hover {
text-decoration: underline;
color: var(--yellow-color);
}
.theme-tab {
margin-top: 8rem;
}
.theme-tab .nav-item {
padding: 1.2rem 1.5rem;
}
.theme-tab .nav-item:first-child {
padding-left: 0;
}
.theme-tab .nav-link.active:before {
content: "";
position: absolute;
width: 100%;
bottom: -14px;
height: 2px;
background-color: var(--yellow-color);
transition: all 0.3s ease-in-out;
}
.tab-content-inner {
background-color: rgba(0, 0, 0, 0.2);
padding-bottom: 16.8rem;
}
.try-asking {
padding-top: 10rem;
}
.try-asking .cta-asking img {
margin-right: 8px;
}
.try-asking ul li {
width: 24.7rem;
}
.try-asking ul {
margin-bottom: 2.6rem;
}
.try-asking .terms-condition-text {
font-size: 1.3rem;
line-height: 2;
}
.try-asking .terms-condition-text a:hover {
color: var(--yellow-color);
text-decoration: underline;
}
.questions-tab .nav-link {
height: 32px;
padding: 7px 47px 7px 16px;
border-radius: 4px;
border: 2px solid #fff;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 2.6rem;
color: #fff;
}
.questions-tab .nav-link.active {
background-color: var(--yellow-color);
color: #000;
}
.questions-tab .nav-link.active#v-pills-que3-tab img {
filter: brightness(0%);
}
.questions-tab .nav {
margin-right: 2.4rem;
}
.qta-content-wrap ul li {
line-height: 3.2rem;
margin-bottom: 1.3rem;
}
/* Press page */
.press-section {
padding: 9.5rem 0 22rem;
}
.press-img {
top: 0;
right: 0;
margin-top: -44px;
max-width: 385px;
}
.press-card-li.list-inline {
margin-left: 0px;
}
.press-card-li .press-card-title,
.press-card-li .press-card h4 {
color: #262626;
}
.press-card-li .press-card {
margin: 0;
padding: 3.2rem 0 3.2rem;
border-bottom: 1px solid #eaeaea;
}
.press-card-li .press-card:last-child {
border-bottom: 0;
}
.press-card-li .press-card .news-link {
max-width: 77.6rem;
}
.news-link img {
margin-top: 1.2rem;
max-height: 2.2rem;
}
/* integration page */
.integration-section {
padding: 6rem 0 0;
min-height: 34rem;
}
.integration-section h1 {
font-size: 4rem;
line-height: 6.4rem;
letter-spacing: -0.5px;
}
.integration-section h6 {
font-size: 2rem;
line-height: 1.2;
}
.integration-section .webinar-hero-img-wrap {
position: absolute;
bottom: -5px;
right: 0;
margin-bottom: 0;
}
.integration-section .webinar-hero-img-wrap > img {
max-width: 645px;
}
.intergraion-card {
padding: 10rem 0;
}
.div-overlay::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
}
.ie-services-ai-section__title {
font-size: 4.8rem;
line-height: 1.33;
letter-spacing: -0.5px;
}
.intergraion-card-li {
padding-top: 7.7rem;
}
.intergraion-card-single .intergraion-card-img {
width: 11.2rem;
height: 11.2rem;
}
.intergraion-card-single .intergraion-card-img img {
max-height: 5.5rem;
}
.intergraion-card-single {
flex-basis: 32rem;
margin-bottom: 2.4rem;
}
.intergraion-card-single:last-child {
margin-bottom: 0;
}
.intergraion-card-single a:hover {
text-decoration: underline;
color: var(--yellow-color);
}
.intergraion-card-single .intergraion-card-desc h2 {
font-size: 32px;
line-height: 48px;
font-weight: 600;
}
.integration-ecosystem .ecosystem-title {
padding: 3.5rem 2rem;
letter-spacing: -0.5px;
font-size: 4.8rem;
}
.integration-ecosystem .integration-tab {
padding: 6rem 0 13rem;
}
.integration-tab .nav-link {
font-size: 1.5rem;
line-height: 1.3;
color: #fff;
}
.integration-tab .nav-link.active {
background-color: var(--yellow-color);
color: var(--blue-color);
}
.integration-tab .nav {
flex-basis: 26%;
margin-top: 8px;
}
.integration-tab .tab-content {
flex-basis: 73%;
}
.integration-tab-main {
padding-bottom: 8.4rem;
}
.integration-tab .tab-content .col {
width: 25.5rem;
}
.integration-tab-card {
overflow: hidden;
box-shadow: 1px 0 21px -5px rgba(0, 0, 0, 0.75);
border-radius: 10px;
background: #fafafa;
width: 24rem;
}
.integration-tab-card .card-body {
min-height: 20.7rem;
}
.integration-tab-card .card-body img {
max-width: 17.5rem;
max-height: 17.5rem;
object-fit: contain;
}
.integration-tab-card .card-footer {
border-top: 1px solid #eaeaea;
height: 8.8rem;
}
.integration-tab-card .card-footer p {
font-size: 1.2rem;
}
/* Career Page Style */
.slick-slider {
box-sizing: border-box;
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
position: relative;
display: block;
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translateZ(0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after,
.slick-track:before {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img {
display: block;
}
.slick-initialized .slick-slide {
display: block;
}
.button-module--primaryLink--2sXtv {
background: #fdcd2d;
border-radius: 1px;
padding: 16px 24px;
line-height: 18px;
height: auto;
font-size: 14px;
color: #000;
text-align: center;
font-weight: 600;
font-family: Inter, sans-serif;
cursor: pointer;
transition: all 0.2s ease;
}
.button-module--primaryLink--2sXtv > span {
font-size: 14px !important;
font-weight: 500 !important;
}
.button-module--primaryLink--2sXtv:hover {
background: #f0c22a !important;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 3px -2px rgba(0, 0, 0, 0.12),
0 3px 4px 0 rgba(0, 0, 0, 0.14);
text-decoration: none;
color: #1b1d1c;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
.ie-case-study-section {
position: relative;
}
.ie-case-study-section .ie-case-study-slider-quote {
padding: 0 0 0 55px;
position: relative;
}
.ie-case-study-section .ie-case-study-slider-quote:before {
content: "";
position: absolute;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI4IDI0Ij48cGF0aCBmaWxsPSIjRkRDRDJEIiBkPSJNMjcuMDM4IDI0VjEyLjA2aC01Ljk0NmMtLjE1NS0xLjM5My0uMDg1LTIuNjQuMjA5LTMuNzQuMjk0LTEuMDk5Ljg2LTEuOTUgMS42OTYtMi41NTUuODM2LS42MDQgMS45NjYtLjg0NCAzLjM5MS0uNzJsLjY1LTQuODMxYy0zLjgxLS42Mi02LjY3NC4xMDgtOC41OTQgMi4xODMtMS45MiAyLjA3NS0yLjg4IDUuMTQxLTIuODggOS4xOTlWMjRoMTEuNDc0em0tMTUuNTYzIDBWMTIuMDZINS41MjhjLS4xNTQtMS4zOTMtLjA4NS0yLjY0LjIxLTMuNzQuMjk0LTEuMDk5Ljg1OS0xLjk1IDEuNjk1LTIuNTU1LjgzNi0uNjA0IDEuOTY3LS44NDQgMy4zOTItLjcybC42NS00LjgzMWMtMy44MS0uNjItNi42NzQuMTA4LTguNTk1IDIuMTgzQy45NiA0LjQ3MiAwIDcuNTM4IDAgMTEuNTk2VjI0aDExLjQ3NXoiLz48L3N2Zz4=)
no-repeat 50%;
background-size: 100%;
width: 20px;
height: 20px;
left: 8px;
top: 4px;
}
.ie-case-study-section .ie-case-study-slider-quote .ie-desc {
color: #fff;
font-family: "IBM Plex Serif", serif;
font-size: 13px;
font-style: italic;
}
.ucu-section {
background: #fff;
}
.alternate-bg-section-wrapper {
background: rgba(0, 0, 0, 0.2);
padding: 45px 0 !important;
}
.ie-career-section {
padding-top: 60px;
background-color: #083eb1;
}
.ie-career-section .ie-career-ai-title-section {
margin-bottom: 74px;
padding: 0 20px;
}
.ie-career-section .ie-career-ai-title-section h2 {
font-size: 24px;
line-height: 32px;
letter-spacing: 0;
color: #fff;
font-weight: 600;
margin-top: 10px;
}
.ie-career-section .ie-career-ai-title-section .ai-title-right-area h5 {
font-family: "IBM Plex Serif", serif;
font-size: 15px;
line-height: 22px;
letter-spacing: 0;
color: #fff;
font-weight: 300;
margin-bottom: 24px;
}
.ie-career-section .ie-career-derive-section {
margin-bottom: 64px;
}
.ie-career-section .ie-career-derive-section h3,
.ie-career-section .ie-career-derive-section h1 {
font-size: 24px;
font-weight: 600;
line-height: 32px;
letter-spacing: 0;
color: #fff;
margin-bottom: 10px;
}
.ie-career-section .ie-career-derive-section h5 {
font-size: 20px;
line-height: 28px;
letter-spacing: 0;
font-weight: 600;
color: #fff;
margin-top: 16px;
}
.ie-career-section .ie-career-derive-section p {
font-family: "IBM Plex Serif", serif;
font-size: 13px;
line-height: 19px;
letter-spacing: 0;
font-weight: 300;
color: #fff;
padding-right: 26px;
}
.ie-career-section .ie-career-derive-section .values-desc-area {
margin-bottom: 24px;
}
.ie-career-section .ie-career-derive-section .perks-image-area img,
.ie-career-section .ie-career-derive-section .values-desc-area img {
float: left;
margin-right: 25px;
}
.ie-career-section .ie-career-derive-section.ie-career-white-bg {
background: #fff;
}
.ie-career-section .ie-career-derive-section.ie-career-white-bg h3,
.ie-career-section .ie-career-derive-section.ie-career-white-bg h5 {
color: #1b1d1c;
}
.ie-career-section .ie-career-derive-section.ie-career-white-bg p {
color: #212529;
}
.ie-career-section .ie-career-perks-benefits {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 0;
}
.ie-career-section .ie-career-perks-benefits h3 {
margin-bottom: 32px !important;
}
.ie-career-section .ie-career-perks-benefits .perks-text-area {
margin-left: 118px;
}
.ie-career-nav-slider .slick-next,
.ie-career-nav-slider .slick-prev {
width: 38px;
height: 38px;
background-color: transparent;
border: none;
box-shadow: none;
outline: none;
position: absolute;
top: 40%;
transform: translateY(-50%);
border-radius: 50%;
text-indent: 100px;
overflow: hidden;
z-index: 1;
}
.ie-career-nav-slider .slick-next:after,
.ie-career-nav-slider .slick-prev:after {
display: block;
content: "";
width: 13px;
height: 22px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
}
.ie-career-nav-slider .slick-prev {
left: 0;
}
.ie-career-nav-slider .slick-prev:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuNjA2NiAyMi4yMTMyTDIgMTEuNjA2NkwxMi42MDY2IDAuOTk5OTkzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==);
}
.ie-career-nav-slider .slick-next {
right: 0;
}
.ie-career-nav-slider .slick-next:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS42MDY1NyAxTDEyLjIxMzIgMTEuNjA2NkwxLjYwNjU3IDIyLjIxMzIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+);
}
.ie-career-nav-slider .slick-slide {
transition: all 0.4s;
transform: scale(0.7) !important;
opacity: 0.5 !important;
outline: none;
cursor: pointer;
}
.ie-career-nav-slider .slick-slide:focus {
outline: none;
}
.ie-career-nav-slider .slick-slide .et-first-slider-item-wrap p {
line-height: 16px !important;
}
.ie-career-nav-slider .slick-current {
transform: scale(1) !important;
opacity: 1 !important;
}
.ie-career-section--hero.ie-career-derive-section {
padding-top: 15px;
}
.ie-career-section--hero.ie-career-derive-section h3,
.ie-career-section--hero.ie-career-derive-section h1 {
margin-bottom: 40px;
padding: 0 20px;
}
.ie-career-section--hero.ie-career-derive-section .ie-case-study-section {
padding-left: 20px;
}
.ie-career-section-extra-padding {
padding: 0 20px;
}
.ie-employee-mobile-img .ie-case-study-slider-quote {
padding: 0;
}
.ie-employee-mobile-img .ie-case-study-slider-quote .ie-desc {
padding-right: 0 !important;
}
.ie-employee-mobile-img .ie-case-study-slider-quote:before {
display: none;
}
.et-first-slider-item-wrap {
text-align: center;
}
.et-first-slider-item-wrap img {
width: 84px;
height: 84px;
border-radius: 50%;
display: inline-block;
margin-bottom: 12px;
}
.et-first-slider-item-wrap h4,
.et-first-slider-item-wrap p {
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
}
.et-first-slider-item-wrap h4 {
font-size: 16px !important;
font-weight: 700 !important;
margin-bottom: 10px;
}
.et-first-slider-item-wrap p {
font-size: 12px !important;
font-weight: 300 !important;
line-height: 0 !important;
padding-right: 0 !important;
}
.et-second-slider-main-wrap .slick-arrow {
display: none !important;
}
/* .ie-footer-page--careers {padding-top: 50px;} */
.c-archive {
padding: 32px;
margin-bottom: 32px;
background-color: var(--bg-white);
border-radius: 2px;
border: 0.5px solid var(--color-border);
}
.c-archive__title {
font-size: 24px;
line-height: 32px;
margin-bottom: 8px;
}
.c-archive__description {
margin-top: 4px;
color: var(--color-gray);
font-size: 16px;
line-height: 24px;
margin-bottom: 0px;
}
@media only screen and (min-width: 992px) {
.button-module--primaryLink--2sXtv {
height: 48px;
}
.slick-initialized .slick-slide {
/* padding-left: 18px; */
}
.ie-career-nav-slider {
padding: 0 60px;
}
.et-second-slider-main-wrap {
margin-bottom: 60px;
}
.et-second-slider-main-wrap .slick-slide {
display: flex;
justify-content: center;
}
.et-second-slider-main-wrap .slick-slide > div .et-second-slider-item-wrap {
text-align: left;
}
.ie-career-section--hero.ie-career-derive-section h3,
.ie-career-section--hero.ie-career-derive-section h1 {
padding: 0;
}
}
@media only screen and (min-width: 768px) {
.ie-case-study-section .ie-case-study-slider-quote .ie-desc {
font-size: 28px;
line-height: 42px;
}
.ie-case-study-section .ie-case-study-slider-quote {
padding-left: 60px;
}
.ie-case-study-section .ie-case-study-slider-quote {
max-width: 80%;
}
.ie-career-nav-slider .slick-next,
.ie-career-nav-slider .slick-prev {
width: 58px;
height: 58px;
}
.ie-section {
margin: 60px 0;
}
}
@media only screen and (max-width: 576px) {
.home-slider-text {
width: 100% !important;
}
.home-slider-img {
width: 100% !important;
}
}
@media only screen and (min-width: 576px) {
.alternate-bg-section-wrapper {
padding: 70px 0 !important;
}
.ie-career-section {
padding-top: 120px;
}
.ie-career-section .ie-career-ai-title-section h2 {
font-size: 60px;
line-height: 72px;
font-weight: 800;
margin-top: auto;
}
.ie-career-section .ie-career-ai-title-section .ai-title-right-area h5 {
font-size: 36px;
line-height: 56px;
}
.ie-career-section .ie-career-derive-section.ie-career-perks-benefits {
padding-bottom: 104px;
}
.ie-career-section .ie-career-derive-section h3,
.ie-career-section .ie-career-derive-section h1 {
font-size: 60px;
font-weight: 800;
line-height: 72px;
margin-bottom: 48px;
}
.ie-career-section .ie-career-derive-section h5 {
font-size: 36px;
line-height: 48px;
}
.ie-career-section .ie-career-derive-section p {
font-size: 24px;
line-height: 36px;
}
.ie-career-section .ie-career-derive-section .values-desc-area {
margin-bottom: 64px;
}
.ie-career-section .ie-career-derive-section .perks-image-area img,
.ie-career-section .ie-career-derive-section .values-desc-area img {
float: none;
margin-right: auto;
}
.ie-career-section .ie-career-perks-benefits h3 {
margin-bottom: 82px !important;
}
.ie-career-section .ie-career-perks-benefits .perks-text-area {
margin-left: 0;
}
.ie-employee-mobile-img .ie-case-study-slider-quote {
padding: 0 0 0 55px;
}
.ie-employee-mobile-img .ie-case-study-slider-quote .ie-desc {
padding-right: 26px;
}
.ie-employee-mobile-img .ie-case-study-slider-quote:before {
display: block;
}
}
/* 404 Page Style */
.ie-404-page-wrapper {
text-align: center;
padding: 110px 0 200px;
background-color: #083eb1;
}
.ie-404-page-wrapper h1 {
color: #fff;
margin: 0.67em 0;
}
.ie-404-page-wrapper p {
color: #fff;
margin-bottom: 30px;
font-size: 1.8rem;
}
.ie-404-page-wrapper img {
max-width: 100%;
}
.ie-404-page-wrapper .ie-404-cta-wrapper {
margin-top: 45px;
}
.ie-404-page-wrapper .ie-404-cta-wrapper .ie-404-home-btn {
margin-bottom: 25px;
}
.ie-404-page-wrapper .ie-404-cta-wrapper .ie-404-home-btn a {
display: block;
padding: 16px 47px;
}
@media only screen and (min-width: 576px) {
.ie-404-page-wrapper {
padding: 150px 0 250px;
}
.ie-404-page-wrapper.ie-section {
margin-bottom: 0;
margin-top: 0;
}
.ie-404-page-wrapper .ie-404-cta-wrapper {
display: flex;
justify-content: center;
}
.ie-404-page-wrapper .ie-404-cta-wrapper .ie-404-home-btn {
margin-bottom: 0;
}
.ie-404-page-wrapper .ie-404-cta-wrapper .ie-404-home-btn a {
display: inline-block;
min-width: 228px;
}
}
/* Open Position Page Style */
.ie-section--press {
background: #fff;
padding: 80px 10px 134px;
margin-top: 30px;
}
.ie-section--open-positions {
background: #093eb0;
}
.ie-career__departments-list {
margin: 15px 0 0;
padding: 0;
}
.ie-career__departments-list > li {
margin-right: 12px;
margin-top: 12px;
list-style: none outside;
display: inline-block;
}
.ie-career__departments-btn {
padding: 10px 20px;
border-radius: 100px;
border: 1px solid #fdcd48;
color: #fdcd48;
font-size: 14px;
background: transparent;
}
.ie-career__departments-btn.active {
background: #fdcd48;
color: #093eb0;
}
.ie-career__departments-btn:focus {
outline: none;
}
.ie-career__section-head {
font-size: 45px;
color: #fff;
font-weight: 800;
line-height: 1.2;
}
.ie-career__jobs-wrapper {
background: #fff;
margin-top: 40px;
padding: 30px 25px;
border-radius: 30px;
}
.ie-career__jobs-list {
margin: 0;
}
.ie-career__jobs-list > li {
list-style: none outside;
padding: 25px 10px;
border-bottom: 1px solid #b6b6b6;
margin: 0;
}
.ie-career__jobs-list > li:first-child {
padding-top: 10px;
}
.ie-career__job-card-head-left h3 {
font-size: 20px;
color: #000;
font-weight: 700;
margin: 0;
}
.ie-career__job-card-head-left p {
font-size: 12px;
color: #000;
margin: 4px 0 0;
}
.ie-career__job-description {
padding-top: 25px;
display: none;
max-height: 212px;
overflow-y: scroll;
}
.ie-career__job-description p,
.ie-career__job-description ul > li {
font-size: 16px;
}
.ie-career__job-card-btn {
padding: 0px 20px;
text-align: center;
border: 0.5px solid #a9a9a9;
background: #fff;
color: #000;
font-size: 13px;
line-height: 30px;
display: inline-block;
margin-bottom: 20px;
}
.ie-career__job-card-btn:hover {
background-color: #fdcd48;
}
.ie-career__job-card-btn:focus,
.ie-career__job-card-btn:hover {
text-decoration: none;
color: #000;
outline: none;
}
.ie-career__no-jobs-wrapper {
background: #fff;
margin-top: 40px;
padding: 30px 25px;
border-radius: 30px;
}
.ie-career__no-jobs-wrapper {
text-align: center;
}
.ie-career__no-jobs-wrapper h2 {
font-size: 30px;
color: #828282;
font-weight: 800;
}
.ie-career__no-jobs-wrapper p {
font-size: 15px;
color: #828282;
}
.ie-career__job-card-btn.active {
background: #fdcd47;
border-color: #fdcd47;
width: 14rem;
}
.ie-career__job-description.active {
display: block;
}
@media only screen and (min-width: 992px) {
.ie-section--press {
margin: 0;
padding: 150px 0 220px;
}
.ie-career__main-content {
max-width: 990px;
margin: 0 auto;
}
.ie-career__job-card-head {
display: flex;
justify-content: space-between;
align-items: center;
}
.ie-career__job-description {
max-height: 372px;
}
.ie-career__job-card-btn {
width: unset;
}
.ie-career__job-card-btn:nth-child(2) {
margin-left: 10px;
}
}
/* Bolg Page Style */
.c-site-container .icon {
position: relative;
display: inline-block;
width: 25px;
height: 25px;
overflow: hidden;
fill: currentColor;
}
.c-site-container .icon__cnt {
width: 100%;
height: 100%;
background: inherit;
fill: inherit;
pointer-events: none;
-webkit-transform: translateX(0);
transform: translateX(0);
-ms-transform: translate(0.5px, -0.3px);
}
.c-site-container .icon--ei-sc-facebook {
color: #3b5998;
}
.c-site-container .icon--ei-sc-twitter {
color: #55acee;
}
.c-site-container .icon {
width: 100%;
height: 100%;
display: flex;
color: #687385;
}
.c-site-container .icon:hover {
color: #000c2d;
}
.c-site-container .c-share.o-plain-list .icon {
font-size: 18px;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.c-site-container .c-share.o-plain-list .icon--ei-sc-twitter {
color: #55acee;
}
.c-site-container .c-share.o-plain-list .icon--ei-sc-facebook {
color: #3b5998;
}
.c-site-container .c-share.o-plain-list .icon--ei-sc-linkedin {
color: #0976b4;
}
.c-site-container .c-share.o-plain-list .icon--ei-sc-pinterest {
color: #bd081c;
}
.c-site-container .c-share.o-plain-list .icon--ei-envelope {
color: #007bff;
}
.c-site-container .c-share.o-plain-list .icon--ei-link {
color: #007bff;
transform: rotateY(180deg);
}
.o-grid {
margin: 0 auto;
max-width: 1142px;
padding: 0 16px;
}
.o-grid--center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.o-grid__col--4-4-s {
width: 100%;
}
.dragscroll {
cursor: default;
}
.o-grid__col--full {
width: 100%;
}
.o-grid__col--center {
margin: 0 auto;
-webkit-box-flex: initial;
-ms-flex-positive: initial;
flex-grow: initial;
}
.c-site-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.c-site-container .o-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.o-plain-list {
margin: 0;
padding: 0;
list-style: none;
}
.c-site-container input[type="email"],
.c-site-container input[type="search"] {
width: 100%;
display: block;
padding: 8px 16px;
margin-bottom: 16px;
border: 1px solid #dfe3e9;
border-radius: 2px;
color: var(--color-text);
background-color: var(--color-white);
font-size: 16px;
line-height: 24px;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.c-header {
position: relative;
padding: 20px 0;
background-color: var(--bg-white);
border-bottom: 0.5px solid var(--color-border);
}
.c-header__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-logo {
margin-right: 32px;
}
.c-logo__link {
display: block;
line-height: 1;
font-weight: 700;
font-size: 22px;
-webkit-transition: color 0.26s ease-in-out;
transition: color 0.26s ease-in-out;
}
.c-logo__link:active,
.c-logo__link:focus,
.c-logo__link:hover {
color: var(--color-brand);
}
.c-nav__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
line-height: 16px;
font-weight: 600;
white-space: nowrap;
color: var(--color-gray);
letter-spacing: 0.5px;
-webkit-transition: color 0.26s;
transition: color 0.26s;
}
.c-nav__link--current {
color: var(--color-text);
}
.home-template .c-nav__link--current {
color: var(--color-gray);
}
.c-nav__link:active,
.c-nav__link:focus,
.c-nav__link:hover {
color: var(--color-text);
}
.c-nav-toggle {
position: absolute;
top: 50%;
right: 0;
z-index: 10;
height: 16px;
width: 24px;
cursor: pointer;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-nav-toggle__icon {
position: absolute;
left: 0;
height: 1px;
width: 24px;
background: var(--color-text);
cursor: pointer;
}
.c-nav-toggle__icon:after,
.c-nav-toggle__icon:before {
content: "";
display: block;
height: 100%;
background-color: inherit;
}
.c-nav-toggle__icon:before {
-webkit-transform: translateY(16px);
transform: translateY(16px);
}
.c-nav-toggle__icon:after {
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
.c-nav-toggle--close .c-nav-toggle__icon {
height: 2px;
background-color: transparent;
}
.c-nav-toggle--close .c-nav-toggle__icon:after,
.c-nav-toggle--close .c-nav-toggle__icon:before {
position: relative;
visibility: visible;
background: var(--color-text);
}
.c-nav-toggle--close .c-nav-toggle__icon:before {
top: 9px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.c-nav-toggle--close .c-nav-toggle__icon:after {
top: 7px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.js-nav-toggle.c-nav-toggle.c-nav-toggle--close {
top: 10px;
}
.c-search {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-top: 72px;
background: var(--bg-gray);
z-index: -1;
opacity: 0;
-webkit-transform: scale(0.96);
transform: scale(0.96);
-webkit-transition: opacity 250ms cubic-bezier(0.8, 0, 0.55, 0.94),
z-index 250ms step-end,
-webkit-transform 250ms cubic-bezier(0.694, 0, 0.335, 1);
transition: opacity 250ms cubic-bezier(0.8, 0, 0.55, 0.94),
z-index 250ms step-end,
-webkit-transform 250ms cubic-bezier(0.694, 0, 0.335, 1);
transition: transform 250ms cubic-bezier(0.694, 0, 0.335, 1),
opacity 250ms cubic-bezier(0.8, 0, 0.55, 0.94), z-index 250ms step-end;
transition: transform 250ms cubic-bezier(0.694, 0, 0.335, 1),
opacity 250ms cubic-bezier(0.8, 0, 0.55, 0.94), z-index 250ms step-end,
-webkit-transform 250ms cubic-bezier(0.694, 0, 0.335, 1);
}
.c-search__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.c-search__icon {
position: absolute;
left: 24px;
fill: var(--color-gray);
width: 24px;
height: 24px;
}
.c-search__input[type="search"] {
width: 100%;
margin-bottom: 0;
padding: 16px;
padding-left: 56px;
font-weight: 600;
border: 0.5px solid var(--color-border);
color: var(--color-text);
-webkit-appearance: none;
}
.c-search__input[type="search"]::placeholder {
opacity: 1;
color: var(--color-gray);
}
.c-search__close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 16px;
right: 16px;
width: 48px;
height: 48px;
cursor: pointer;
border-radius: 100%;
background-color: var(--bg-white);
border: 4px solid var(--color-border);
}
.c-search__close .icon {
fill: var(--color-gray);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.c-search__close:hover .icon {
fill: var(--color-gray);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.c-search-results {
display: none;
height: calc(100vh - 168px);
overflow: auto;
white-space: normal;
margin-top: 16px;
}
.c-btn {
display: inline-block;
padding: 16px 32px;
color: var(--color-white);
background-color: var(--color-dark);
font-size: 12px;
line-height: 16px;
font-weight: 600;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
letter-spacing: 0.5px;
text-align: center;
text-transform: initial;
white-space: nowrap;
border: none;
cursor: pointer;
border-radius: 2px;
-webkit-transition: all 0.26s ease-in-out;
transition: all 0.26s ease-in-out;
}
.c-btn:active,
.c-btn:focus,
.c-btn:hover {
opacity: 0.9;
text-decoration: none;
}
.c-btn--full {
width: 100%;
}
.c-btn--small {
padding: 8px 16px;
}
.c-btn--outline {
color: #1b1d1c;
background-color: var(--bg-white);
-webkit-box-shadow: inset 0 0 0 1px #fdcd2d;
box-shadow: inset 0 0 0 1px #fdcd2d;
}
.c-btn--outline:active,
.c-btn--outline:focus,
.c-btn--outline:hover {
color: #1b1d1c;
background-color: #fdcd2d;
}
.c-btn--action {
color: var(--color-white);
background-color: #083eb1;
}
.c-btn--action:hover {
opacity: 1;
box-shadow: 0 1px 8px 0 rgb(0 0 0 / 20%), 0 3px 3px -2px rgb(0 0 0 / 12%),
0 3px 4px 0 rgb(0 0 0 / 14%);
}
.c-subscribe-form .c-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-subscribe-form .c-btn:after {
margin-left: 8px;
content: "";
display: block;
height: 16px;
width: 16px;
border: 2px solid var(--color-white);
border-radius: 100%;
border-right-color: transparent;
border-top-color: transparent;
-webkit-animation: spin 0.5s infinite linear;
animation: spin 0.5s infinite linear;
}
.c-subscribe-form .c-btn.tnp-submit {
background-color: #fdcd48 !important;
color: #1b1d1c !important;
padding: 8px 16px;
font-size: 12px;
line-height: normal;
font-weight: 600;
}
.c-post-card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 32px;
background-color: var(--bg-white);
border-radius: 2px;
-webkit-box-shadow: inset 0 0 0 1px var(--color-border);
box-shadow: inset 0 0 0 1px var(--color-border);
}
.c-post-card__media {
overflow: hidden;
background-color: var(--bg-gray-darker);
}
.c-post-card__image-wrap {
display: block;
position: relative;
padding-top: 56.25%;
}
.c-post-card__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-post-card__content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 24px;
}
.c-post-card__url:after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.c-post-card__visibility {
display: inline-block;
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: var(--color-success);
}
.c-post-card__visibility span {
display: none;
}
.c-post-card__visibility--public .public {
display: block;
}
.c-post-card__excerpt {
font-size: 14px;
line-height: 22px;
font-weight: 500;
color: var(--color-gray);
margin-top: 8px;
overflow-y: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.c-post-card__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
z-index: 2;
font-size: 12px;
line-height: 16px;
font-weight: 500;
letter-spacing: 0.5px;
margin-top: 16px;
padding-top: 16px;
border-top: 0.5px solid var(--color-border);
}
.c-post-card__author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--color-gray);
white-space: nowrap;
}
.c-post-card__author:active .c-post-card__author_name,
.c-post-card__author:focus .c-post-card__author_name,
.c-post-card__author:hover .c-post-card__author_name {
color: var(--color-text);
}
.c-post-card__author_name {
font-weight: 600;
-webkit-transition: color 0.26s;
transition: color 0.26s;
}
.c-post-card__date {
color: var(--color-gray);
font-size: 12px;
line-height: 16px;
font-weight: 500;
}
.c-post-card__author_media {
width: 32px;
height: 32px;
margin-right: 8px;
border-radius: 100%;
background-color: var(--bg-gray);
}
.c-post-card__author_image {
-o-object-fit: cover;
object-fit: cover;
width: 32px;
height: 32px;
min-width: 32px;
border-radius: 100%;
}
.c-post-card__tag {
color: var(--color-brand);
margin-left: 16px;
}
.c-post-card:active .c-post-card__url,
.c-post-card:focus .c-post-card__url,
.c-post-card:hover .c-post-card__url {
text-decoration: underline;
}
.c-subscribe {
word-break: break-word;
padding: 32px 24px 40px;
color: var(--color-white);
border-radius: 2px;
background-color: var(--color-text);
background-repeat: no-repeat;
background-position: right -80px top -120px;
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDIxNjM3IiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtOTUyLjM2MjE4KSI+PHBhdGggc3R5bGU9InRleHQtaW5kZW50OjA7dGV4dC10cmFuc2Zvcm06bm9uZTtkaXJlY3Rpb246bHRyO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTsiIGQ9Im0gMTYuOTk5OTk3LDk3My4zNjIxNiBjIC00LjQzODYsMCAtNy45OTk5OTk3LDMuNzMzMyAtNy45OTk5OTk3LDguMjE4OCBsIDAsNDEuNTMxMjQgYyAwLDQuNDg1NCAzLjU2MTM5OTcsOC4yNSA3Ljk5OTk5OTcsOC4yNSBsIDY2LjAwMDAwNiwwIGMgNC40Mzg2LDAgOCwtMy43NjQ2IDgsLTguMjUgbCAwLC00MS41MzEyNCBjIDAsLTQuNDg1NSAtMy41NjE0LC04LjIxODggLTgsLTguMjE4OCBsIC02Ni4wMDAwMDUsMCB6IG0gMCw0IDY2LjAwMDAwNiwwIGMgMC41OTE5LDAgMS4xNTA4LDAuMTcwNSAxLjY1NjIsMC40MDYyIEwgNTIuNDY4Nzk4LDEwMDguMzMxIGMgLTEuNDc3NCwxLjQwMjYgLTMuMzk1MSwxLjQwMjcgLTQuODc1LDAgbCAtMzIuMjUsLTMwLjU2MjY0IGMgMC41MDU0LC0wLjIzNTcgMS4wNjQzLC0wLjQwNjIgMS42NTYyLC0wLjQwNjIgeiBtIC0zLjkzNzUsMy43NSAyMi43ODEzLDIxLjU5Mzg0IC0yMi40MDYzLDIyLjM3NSBjIC0wLjI4MDYsLTAuNTgyNyAtMC40Mzc1LC0xLjI0OTcgLTAuNDM3NSwtMS45Njg4IGwgMCwtNDEuNTMxMjQgYyAwLC0wLjE2MjQgMC4wNDcsLTAuMzEyMyAwLjA2MiwtMC40Njg4IHogbSA3My44NzUwMDYsMCBjIDAuMDE2LDAuMTU2NSAwLjA2MiwwLjMwNjQgMC4wNjIsMC40Njg4IGwgMCw0MS41MzEyNCBjIDAsMC43MDg3IC0wLjE2NDQsMS4zNjA5IC0wLjQzNzUsMS45Mzc1IGwgLTIyLjM0MzcwNSwtMjIuMzc1IDIyLjcxODcwNSwtMjEuNTYyNTQgeiBtIC0yNS42MjUwMDUsMjQuMzQzODQgMjEuODc1MDA1LDIxLjkwNjIgYyAtMC4wNjMsMCAtMC4xMjQxLDAgLTAuMTg3NSwwIGwgLTY2LjAwMDAwNSwwIGMgLTAuMDUzLDAgLTAuMTA0LDAgLTAuMTU2MiwwIGwgMjEuOTA2MiwtMjEuODc1IDYuMDkzOCw1Ljc1IGMgMi45MDIzLDIuNzUxMiA3LjQ3MzMsMi43NTUxIDEwLjM3NSwwIGwgNi4wOTM3LC01Ljc4MTIgeiIgZmlsbD0iIzAyMTYzNyIgZmlsbC1vcGFjaXR5PSIxIiBzdHJva2U9Im5vbmUiIG1hcmtlcj0ibm9uZSIgdmlzaWJpbGl0eT0idmlzaWJsZSIgZGlzcGxheT0iaW5saW5lIiBvdmVyZmxvdz0idmlzaWJsZSI+PC9wYXRoPjwvZz48L3N2Zz4=);
}
.c-sidebar .c-widget .c-subscribe {
background-color: #093eb0;
}
.c-subscribe--center {
background-color: #093eb0;
}
.c-subscribe-form .c-alert {
display: none;
}
.c-subscribe-form .c-btn {
width: 100%;
line-height: 24px;
}
.c-subscribe-form .c-btn:after {
display: none;
}
.c-social-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 24px;
background-color: var(--bg-white);
border-radius: 2px;
border: 0.5px solid var(--color-border);
}
.c-social-icons__item {
width: 40px;
height: 40px;
font-size: 2.6rem;
}
.c-social-icons__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
fill: var(--color-gray);
-webkit-transition: fill 0.5s;
transition: fill 0.5s;
}
.c-social-icons__icon:active,
.c-social-icons__icon:focus,
.c-social-icons__icon:hover {
fill: var(--color-text);
}
.c-title-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 24px;
border-bottom: 1px solid var(--color-border);
}
.c-title-bar__title {
margin-bottom: 0;
padding-bottom: 8px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.c-card-author-mini {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 24px;
background-color: var(--bg-white);
border-radius: 2px;
border: 0.5px solid var(--color-border);
}
.c-card-author-mini:not(:last-child) {
margin-bottom: 24px;
}
.c-card-author-mini__media {
width: 64px;
height: 64px;
border-radius: 100%;
margin-right: 16px;
background-color: var(--bg-gray);
}
.c-card-author-mini__image {
-o-object-fit: cover;
object-fit: cover;
width: 64px;
height: 64px;
min-width: 64px;
border-radius: 100%;
}
.c-card-author-mini__name {
font-size: 14px;
line-height: 22px;
font-weight: 700;
-webkit-transition: 0.5s;
transition: 0.5s;
letter-spacing: 0.5px;
}
.c-card-author-mini__bio {
color: var(--color-gray);
font-size: 12px;
line-height: 16px;
font-weight: 500;
margin-top: 4px;
}
.c-card-author-mini:active,
.c-card-author-mini:focus,
.c-card-author-mini:hover {
color: var(--color-brand);
}
.c-teaser {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 24px;
background-color: var(--bg-white);
border-radius: 2px;
border: 0.5px solid var(--color-border);
}
.c-teaser:not(:last-child) {
margin-bottom: 24px;
}
.c-teaser__media {
margin-left: 16px;
background-color: var(--bg-gray);
}
.c-teaser__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c-teaser__image {
display: block;
width: 80px;
height: 64px;
-o-object-fit: cover;
object-fit: cover;
background-color: var(--bg-gray);
border-radius: 2px;
-webkit-box-shadow: 4px 4px 0 var(--bg-gray);
box-shadow: 4px 4px 0 var(--bg-gray);
}
.c-teaser__title {
display: inline;
font-size: 16px;
line-height: 24px;
font-weight: 700;
}
.c-teaser__date {
display: block;
color: var(--color-gray);.slick-dots
font-size: 12px;
line-height: 16px;
font-weight: 500;
margin-top: 8px;
}
.c-teaser:active,
.c-teaser:focus,
.c-teaser:hover {
color: var(--color-text);
}
.c-teaser:active .c-teaser__title,
.c-teaser:focus .c-teaser__title,
.c-teaser:hover .c-teaser__title {
color: var(--color-text);
text-decoration: underline;
}
.c-widget {
overflow: hidden;
margin-bottom: 32px;
}
.c-tags-list-container {
margin-bottom: 32px;
background-color: var(--bg-white);
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}
.c-tags-list-wrap {
position: relative;
}
.c-tags-list-wrap:after {
position: absolute;
top: 50%;
right: 0;
content: "";
height: 16px;
width: 24px;
background: var(--bg-tag-list);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.c-tags-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.c-tags-list::-webkit-scrollbar {
display: none;
}
.c-tags-list:active {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.c-tags-list__item {
font-size: 12px;
line-height: 16px;
font-weight: 600;
white-space: nowrap;
letter-spacing: 0.5px;
}
.c-tags-list__link {
display: block;
color: var(--color-gray);
padding: 24px 0;
margin-right: 16px;
-webkit-transition: color 0.26s;
transition: color 0.26s;
}
.c-tags-list__link--current {
color: var(--color-text);
-webkit-box-shadow: inset 0 -2px var(--color-text);
box-shadow: inset 0 -2px var(--color-text);
}
.c-tags-list__link:active,
.c-tags-list__link:focus,
.c-tags-list__link:hover {
color: var(--color-text);
}
.c-alert {
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-align: center;
margin-top: 8px;
padding: 8px 16px;
background-color: var(--bg-white);
border-radius: 2px;
}
.c-alert:empty {
display: none;
}
.c-alert--success {
color: var(--color-success);
}
.c-alert--invalid {
color: var(--color-error);
}
.c-alert--error {
color: var(--color-error);
}
.u-type-500 {
font-weight: 500;
}
.u-mb-8 {
margin-bottom: 8px;
}
.u-mb-16 {
margin-bottom: 16px;
}
.lazyloaded {
opacity: 1;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.u-hidden-visually {
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
.c-site-container {
/* padding-top: 53px; */
font-family: "Manrope", sans-serif;
padding-bottom: 16rem;
}
.c-post-card__title {
font-weight: 900;
font-size: 20px;
line-height: 24px;
font-family: sans-serif;
}
.c-post-card__title a {
color: #1b1d1c;
}
.c-post-image-wrap {
position: relative;
margin-bottom: 32px;
background-color: var(--bg-gray-darker);
-webkit-box-shadow: -8px 16px 24px -8px rgba(0, 0, 0, 0.08);
box-shadow: -8px 16px 24px -8px rgba(0, 0, 0, 0.08);
}
.c-post-image-wrap:after {
content: "";
display: block;
height: 0;
width: 100%;
padding-bottom: 56.25%;
}
.c-post-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-post-header {
margin-bottom: 32px;
}
.c-post-header__title {
margin-bottom: 0;
font-size: 32px;
line-height: 40px;
}
.c-post-header__meta {
margin-top: 32px;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.5px;
}
.c-post-header__author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #687385;
}
.c-post-header__author_name {
font-weight: 600;
-webkit-transition: color 0.26s;
transition: color 0.26s;
}
.c-post-header__date {
font-size: 12px;
line-height: 16px;
}
.c-post-header__author_media {
width: 32px;
height: 32px;
border-radius: 100%;
margin-right: 8px;
background-color: var(--bg-white);
}
.c-post-header__author_image {
width: 32px;
height: 32px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 100%;
}
.c-share {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-share__item:not(:last-child) {
margin-right: 8px;
}
.c-share__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 100%;
background-color: var(--bg-white);
-webkit-transition: 0.5s;
transition: 0.5s;
border: 0.5px solid var(--color-border);
}
.c-share__link:active,
.c-share__link:focus,
.c-share__link:hover {
opacity: 0.8;
}
.c-post > * + * {
margin-top: 32px;
}
.c-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
word-break: break-word;
}
.c-content > * {
min-width: 100%;
}
.c-content > * + * {
margin-top: 32px;
}
.c-content p {
font-size: 18px;
line-height: 28px;
}
.c-content dd,
.c-content ol,
.c-content ul {
padding-left: 8px;
padding-right: 16px;
}
.c-content dl,
.c-content fieldset,
.c-content form,
.c-content ol,
.c-content p,
.c-content ul {
font-size: 18px;
line-height: 28px;
}
.c-card-author__bio,
.c-author__bio {
font-size: 16px;
line-height: 24px;
color: #687385;
}
.c-card-author {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 24px;
background-color: var(--bg-white);
border-radius: 2px;
border: 0.5px solid var(--color-border);
}
.c-card-author__media {
width: 80px;
height: 80px;
border-radius: 100%;
margin-right: 24px;
background-color: var(--bg-gray);
}
.c-card-author__image {
-o-object-fit: cover;
object-fit: cover;
width: 80px;
height: 80px;
min-width: 80px;
border-radius: 100%;
}
.c-card-author__name {
font-size: 18px;
line-height: 28px;
font-weight: 700;
}
.c-card-author__name a {
display: inline-flex;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.c-card-author__name a:active,
.c-card-author__name a:focus,
.c-card-author__name a:hover {
color: var(--color-brand);
}
.c-card-author .icon {
color: var(--color-text);
vertical-align: sub;
-webkit-transition: 0.5s;
transition: 0.5s;
margin-left: 10px;
}
.c-card-author .icon:active,
.c-card-author .icon:focus,
.c-card-author .icon:hover {
fill: var(--color-brand);
}
.c-post-card__title {
font-weight: 900;
font-size: 20px;
line-height: 24px;
}
.c-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 32px;
margin-bottom: 32px;
text-align: center;
background-color: var(--bg-white);
border-radius: 2px;
border: 0.5px solid var(--color-border);
}
.c-author__media {
width: 80px;
height: 80px;
border-radius: 100%;
margin-bottom: 16px;
background-color: var(--bg-gray);
}
.c-author__image {
-o-object-fit: cover;
object-fit: cover;
width: 80px;
height: 80px;
min-width: 80px;
border-radius: 100%;
}
.c-author__title {
font-size: 24px;
line-height: 32px;
}
.c-author__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 8px;
color: var(--color-gray);
}
.c-author__links-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
}
.c-author__links-item:not(:last-child) {
margin-right: 8px;
}
.c-author__links-icon {
fill: var(--color-gray);
vertical-align: bottom;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.c-author__links-icon:active,
.c-author__links-icon:focus,
.c-author__links-icon:hover {
fill: var(--color-brand);
}
.c-author__links-item .icon {
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
}
.c-author__links-item .icon--ei-link {
transform: rotateY(180deg);
}
.c-author__links-item .icon--ei-sc-twitter:hover {
color: #55acee;
}
.c-author__links-item .icon--ei-sc-facebook:hover {
color: #3b5998;
}
.c-author__links-item .icon--ei-link:hover {
color: #007bff;
}
.c-tags {
overflow: hidden;
margin-bottom: -8px;
}
.c-tags a {
float: left;
font-size: 12px;
line-height: 16px;
font-weight: 500;
letter-spacing: 0.5px;
padding: 8px 16px;
margin-right: 8px;
margin-bottom: 8px;
color: var(--color-brand);
background-color: var(--bg-white);
border: 0.5px solid var(--color-border);
border-radius: 2px;
}
.c-tags a:hover {
color: #0056b3;
text-decoration: underline;
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@media (min-width: 40em) {
.o-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.o-grid__col {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 16px;
padding-left: 16px;
}
.o-grid__col--2-4-m {
width: 50%;
}
.o-grid__col--3-4-m {
width: 75%;
}
.o-grid__col--9-10-m {
width: 90%;
}
.c-search__close {
top: 16px;
right: 24px;
}
.c-search-results {
height: calc(100vh - 160px);
}
.c-post-card__title {
font-size: 24px;
line-height: 32px;
}
.c-subscribe-form--compact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.c-subscribe-form--compact .form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-subscribe-form--compact .c-btn {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
line-height: initial;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.c-subscribe-form--compact .c-subscribe-form__input[type="email"] {
margin: 0;
background-color: var(--bg-gray);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.c-subscribe--center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c-share {
margin-left: auto;
}
.c-post-header__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c-post-header__title {
font-size: 40px;
line-height: 48px;
}
.c-author__links {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.c-author {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.c-author__media {
margin-bottom: 0;
margin-right: 24px;
}
.c-tags {
margin-bottom: -16px;
}
.c-tags a {
padding: 8px 24px;
margin-right: 16px;
margin-bottom: 16px;
line-height: 24px;
}
}
@media (min-width: 64em) {
.o-grid__col {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 24px;
padding-left: 24px;
}
.o-grid__col--1-3-l {
width: 33.3333333333%;
}
.o-grid__col--2-3-l {
width: 66.6666666667%;
}
.c-nav-wrap {
display: block;
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.c-nav--left {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.c-nav--right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.c-nav-toggle {
display: none;
}
.c-search__close {
top: 32px;
right: 32px;
}
.c-post-card__content {
padding: 32px;
}
.c-post-card__title {
font-size: 32px;
line-height: 40px;
}
.c-tags-list__link {
margin-right: 24px;
}
.c-post-header__title {
font-size: 48px;
line-height: 56px;
}
}
@media (min-width: 992px) {
.c-site-container {
/* padding-top: 78px; */
}
}
@media (max-width: 63.99em) {
.c-nav-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100vh;
padding-top: 72px;
background-color: var(--bg-gray);
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.96);
transform: scale(0.96);
}
.c-nav-wrap.is-active {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 250ms cubic-bezier(0.694, 0, 0.335, 1);
transition: all 250ms cubic-bezier(0.694, 0, 0.335, 1);
}
.c-nav {
width: 100%;
padding-left: 32px;
padding-right: 32px;
}
.c-nav__item {
margin-bottom: 16px;
}
.c-nav__link {
font-size: 14px;
line-height: 22px;
}
.c-pagination {
margin-bottom: 32px;
}
}
@media (max-width: 39.99em) {
.c-share {
margin-top: 16px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
/* Media page style */
/* .btn:hover{color:#212529;text-decoration:none;}
.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);}
.btn:disabled{opacity:.65;}
.btn:not(:disabled):not(.disabled){cursor:pointer;}
.btn-success{color:#fff;background-color:#28a745;border-color:#28a745;}
.btn-success:focus,.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34;}
.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5);}
.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745;}
.btn-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#1e7e34;border-color:#1c7430;}
.btn-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5);}
.dropdown{position:relative;}
.dropdown-toggle{white-space:nowrap;}
.dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;}
.dropdown-toggle:empty:after{margin-left:0;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;}
.dropdown-menu[x-placement^=bottom]{right:auto;bottom:auto;}
.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;}
.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa;}
.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff;}
.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent;} */
.ie-video-wrapper {
position: relative;
width: auto;
margin-top: 10px;
}
.ie-youtube-video {
width: auto !important;
height: 157px !important;
}
.ie-wistia-video {
margin-top: 10px;
}
.media-filter-button-wrapper {
margin-top: 30px;
}
.media-filter-button-wrapper .form-group {
flex-basis: 28%;
font-size: 1.6rem;
}
.media-filter-button-wrapper .form-group button {
width: 39.6rem;
background: transparent;
color: #093eb0;
box-shadow: none;
padding: 10px 24px 10px 20px;
border-radius: 2px;
border: 1px solid #093eb0;
text-align: left;
font-size: 1.8rem;
line-height: 3rem;
font-weight: 500;
}
.media-filter-button-wrapper .form-group button:after {
float: right;
margin-top: 10px;
}
.media-filter-button-wrapper .form-group button:focus {
box-shadow: none !important;
}
.media-filter-button-wrapper
.form-group
.btn-success:not(:disabled):not(.disabled):active,
.media-filter-button-wrapper .form-group .btn-success.show {
color: #fff;
background-color: #093eb0;
border-color: #093eb0;
}
.media-filter-button-wrapper .form-group .dropdown-menu {
font-size: 1.8rem;
border-radius: 0;
margin: -2px 0 0 !important;
max-height: 21rem;
overflow-y: auto;
}
.media-filter-button-wrapper .form-group .dropdown-menu .dropdown-item {
padding: 8px 20px;
color: #212529;
white-space: nowrap;
text-align: left;
}
.ie-press__title {
font-size: 20px;
font-weight: 700;
line-height: 1.4;
color: #1b1d1c;
margin: 0;
}
.ie-press__list {
padding: 0;
list-style: none outside;
}
.ie-press__list > li:first-child,
.ie-press__list > li:last-child {
border-bottom: none;
}
.ie-press-card__date {
font-size: 14px;
font-weight: 300;
line-height: 1;
}
.ie-press-card__title {
font-size: 14px;
font-weight: 700;
line-height: 16px;
letter-spacing: normal;
margin: 0;
}
.ie-press_image {
display: none;
}
.ie-news-link {
text-decoration: none !important;
}
.ie-section--media {
background: #fff;
padding: 80px 32px 134px;
}
.video-frame {
width: 100%;
height: 100%;
background-color: #efefef;
}
@media only screen and (min-width: 576px) {
.ie-youtube-video {
height: 286px !important;
}
}
@media only screen and (min-width: 768px) {
.ie-youtube-video {
height: 379px !important;
}
.ie-section--media {
margin-bottom: 0;
}
}
@media only screen and (min-width: 992px) {
.ie-video-wrapper {
width: 732px;
margin-top: 30px;
}
.ie-youtube-video {
width: 651px !important;
height: 366px !important;
}
.media-filter-button-wrapper {
display: flex;
justify-content: flex-start;
margin-top: 45px;
}
.media-filter-button-wrapper .form-group button {
/* width: 295px; */
}
.media-filter-button-wrapper .form-group #cat-of-media-dd-wrap {
/* width: 418px; */
}
.ie-press__title {
font-size: 60px;
font-weight: 800;
line-height: 1.4;
letter-spacing: -1px;
}
.ie-press__list {
margin-top: 58px;
}
.ie-press__list > li {
margin: 0;
}
.ie-press__list > li:nth-child(odd) .ie-press-card {
margin-right: 30px;
}
.ie-press__list > li:nth-child(even) .ie-press-card {
margin-left: 30px;
}
.ie-press-card__title {
font-size: 2.4rem;
font-weight: 700;
line-height: 3.4rem;
margin: 25px 0 0;
}
.ie-press_image {
display: block;
position: absolute;
top: 0;
right: 0;
margin-top: -50px;
}
.ie-section--media {
padding: 32px 0 10rem;
margin-bottom: 0;
}
.media-filter-button-wrapper .form-group,
.media-filter-button-wrapper .form-group button {
font-size: 1.8rem;
}
}
@media only screen and (min-width: 1200px) {
.ie-youtube-video {
width: 819px !important;
height: 461px !important;
}
}
/* On Demand Webinar Page Style */
.webinar-main-section {
margin: 0 !important;
}
.partner-revamp-hero-section .webinar-hero-img-wrap {
margin-bottom: -3px;
}
.partner-revamp-hero-section h1 {
margin-top: 0;
}
.partner-revamp-hero-section h6 {
margin-top: 24px;
}
.partner-integration-title-area h6 {
font-size: 1rem;
}
.ie-call-center-section {
margin-bottom: 152px;
}
.ie-call-center-section h1 {
color: #fff;
font-size: 24px;
line-height: 32px;
letter-spacing: 0;
font-weight: 800;
margin-bottom: 0;
margin-top: 0;
text-align: center;
}
.ie-call-center-section.revamped h1 {
color: #fff;
font-size: 20px;
line-height: 28px;
letter-spacing: 0;
font-weight: 800;
margin-top: 0;
text-align: center;
}
.revamped {
margin-bottom: 0 !important;
}
.od-hero-section-wrap {
/* background: #fff !important; */
/* padding: 98px 0 40px; */
background-repeat: no-repeat;
background-size: cover;
min-height:593px;
}
.od-hero-section-wrap::before {
position: absolute;
content: "";
background: linear-gradient(90deg, #fff 20%, rgba(255, 255, 255, 0) 78.02%);
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* .od-hero-section-wrap h1 {
font-family: Manrope !important;
font-size: 32px !important;
font-weight: 800 !important;
line-height: 44px !important;
letter-spacing: 0 !important;
text-align: center !important;
margin-bottom: 5px;
} */
.od-hero-section-wrap h6 {
font-family: Manrope !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 22px !important;
letter-spacing: 0 !important;
margin-top: 0;
}
.od-hero-section-wrap .od-hero-img-sm img {
width: 100%;
}
.od-featured-webinar-section-wrap {
padding: 45px 0;
background-color: #eef3ff;
}
.od-featured-webinar-section-wrap h2 {
color: #093eb0 !important;
font-family: Manrope;
font-size: 24px;
font-weight: 800;
line-height: 33px;
letter-spacing: 0;
text-align: center;
margin-bottom: 22px;
}
.od-featured-webinar-section-wrap .od-featured-media-wrapper {
display: flex;
justify-content: center;
}
.od-featured-webinar-section-wrap .od-list-of-webinar-title-wrapper h2 {
margin-bottom: 32px !important;
margin-top: 30px !important;
}
.od-feat-deatils-wrap {
margin: 20px 0;
}
.od-feat-deatils-wrap .od-feat-details-head {
display: flex;
flex-basis: 42%;
position: relative;
align-items: center;
}
.od-feat-deatils-wrap .od-feat-details-head h5 {
font-family: Manrope;
font-size: 14px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0;
text-align: left;
}
.od-feat-deatils-wrap .od-feat-details-img-wrap {
display: flex;
margin-top: 20px;
}
.od-feat-deatils-wrap .od-feat-details-img-wrap img {
width: 50px;
height: 50px;
}
.od-feat-deatils-wrap .od-feat-details-img-wrap .od-feat-im-details {
margin-left: 10px;
}
.od-feat-deatils-wrap .od-feat-details-img-wrap .od-feat-im-details h6 {
font-family: Manrope;
font-size: 18px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0;
text-align: left;
color: #093eb0;
margin-bottom: 0;
}
.od-feat-deatils-wrap .od-feat-details-img-wrap .od-feat-im-details p {
font-family: Manrope;
font-size: 12px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0;
text-align: left;
color: #000;
}
.on-demand-page-video {
width: 100% !important;
height: 190px !important;
}
.video-list {
display: flex;
margin-bottom: 22px;
}
.video-list .on-demand-page-video {
width: 142px !important;
height: 80px !important;
}
.webinar-list-deatils {
width: 66%;
}
.webinar-list-deatils h4 {
font-family: Manrope;
font-size: 12px;
font-weight: 700;
line-height: 16px;
letter-spacing: 0;
text-align: left;
margin-left: 5px;
}
.rc-pagination-disabled,
.rc-pagination-next {
display: none !important;
}
.pagination-data {
padding: 0;
margin: 0;
}
.pagination-data li {
list-style: none;
}
.rc-pagination {
display: flex;
align-items: center;
justify-content: flex-end;
}
.rc-pagination-item {
margin-right: 0 !important;
}
.rc-pagination-item,
.rc-pagination-prev {
margin-right: 8px;
}
.rc-pagination-next,
.rc-pagination-prev {
display: inline-block;
min-width: 28px;
height: 28px;
color: rgba(0, 0, 0, 0.85);
font-family: Arial;
line-height: 28px;
text-align: center;
vertical-align: middle;
list-style: none;
border-radius: 2px;
cursor: pointer;
transition: all 0.3s;
}
.rc-pagination-item,
.rc-pagination-next,
.rc-pagination-prev {
min-width: 0;
height: auto;
line-height: normal;
background-color: transparent;
border: none;
cursor: pointer;
}
.rc-pagination-item a,
.rc-pagination-next button,
.rc-pagination-prev button {
padding: 6px 4px;
height: auto;
min-width: 25px;
min-height: 32px;
border-radius: 8px;
border: 1px solid transparent;
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
outline: none;
font-weight: 500;
color: #8f8f8f !important;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
font-size: 16px;
}
.rc-pagination-item.rc-pagination-item-active a,
.rc-pagination-item.rc-pagination-item-active a:hover {
font-size: 16px;
color: #000 !important;
}
.rc-pagination-item a:hover,
.rc-pagination-next button:hover,
.rc-pagination-prev button:hover {
outline: none !important;
}
.rc-pagination-disabled button {
cursor: not-allowed;
}
.rc-pagination-next {
margin-left: 8px;
}
.od-pagination-wrapper {
display: flex;
justify-content: center;
margin-top: 25px;
}
.od-popup-trigger-wrap {
position: relative;
}
.od-popup-trigger {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
cursor: pointer;
}
.od-featured-video-wrap {
width: 100% !important;
}
.list-of-webinar-section {
padding: 0 0 125px !important;
}
/* homepage webinar section */
.case-studies-section {
background: #fff linear-gradient(0deg, #fff, #e6ecf7);
}
.customers-served-section-title {
text-align: center;
color: #093eb0;
font-size: 32px;
font-weight: 600;
padding-top: 120px;
line-height: 48px;
}
.cs-item {
gap: 16px;
width: 40%;
}
.cs-banner {
border-radius: 21px;
box-shadow: 0 4px 4px 0 rgba(9, 62, 176, 0.25);
background-color: #fff;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.cs-banner,
.cs-item {
display: flex;
flex-direction: column;
}
.cs-banner-img-container {
border-radius: 21px;
overflow: hidden;
background-color: #6d1346;
display: inline-block;
width: auto;
}
.gatsby-image-wrapper-constrained {
display: inline-block;
vertical-align: top;
}
.gatsby-image-wrapper {
position: relative;
overflow: hidden;
}
.cs-banner-title {
background-color: #fff;
padding: 12px;
border-radius: 21px;
font-size: 22px;
font-weight: 700;
}
.cs-description {
height: 110px;
font-size: 14px;
}
.cs-impact {
gap: 12px;
display: flex;
flex-direction: column;
}
.cs-impact-cards {
display: flex;
gap: 16px;
}
.cs-impact-cards-item {
border-radius: 12px;
background-color: rgba(253, 205, 72, 0.15);
width: 160px;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-direction: column;
}
.cs-impact-cards-item-number {
color: #093eb0;
font-size: 24px;
font-weight: 700;
display: flex;
align-items: flex-end;
gap: 8px;
}
.cs-impact-cards-item-desc {
font-size: 13px;
}
.cs-impact-cards-item:nth-child(2n) {
background: red;
background-color: rgba(9, 62, 176, 0.1);
}
.ie-video-popup-trigger {
text-align: center;
cursor: pointer;
position: relative;
}
.cs-watch {
padding: 12px 32px !important;
border: 1px solid #093eb0 !important;
color: #093eb0 !important;
text-decoration: none;
display: flex;
width: 100%;
font-size: 14px;
justify-content: center;
background: #fff !important;
font-weight: 400 !important;
line-height: 21px !important;
}
.cs-watch:hover {
text-decoration: underline;
box-shadow: none !important;
}
.mb-6,
.my-6 {
margin-bottom: 4rem !important;
}
/* .od-featured-webinar-section-wrap span[data-bs-toggle="tab"] {
padding: 6px 4px;
font-size: 24px;
color: #000;
min-width: 25px;
min-height: 32px;
border-radius: 8px;
border: 1px solid transparent;
text-align: center;
} */
/* .od-featured-webinar-section-wrap span[data-bs-toggle="tab"].active {
color: #8f8f8f;
} */
.od-featured-webinar-section-wrap span[data-bs-toggle="tab"]:hover {
/* background-color: #eceff5;
border-color: #eceff5; */
}
@media (min-width: 480px) and (max-width: 991px) {
.video-list .on-demand-page-video {
width: 100% !important;
height: 195px !important;
}
}
@media only screen and (min-width: 576px) {
.ie-call-center-section {
margin-bottom: 200px;
}
.ie-call-center-section h1 {
font-size: 60px;
line-height: 84px;
letter-spacing: -1px;
margin-bottom: 16px;
margin-top: 40px !important;
}
.ie-call-center-section.revamped h1 {
margin-top: 30px;
font-size: 48px;
line-height: 64px;
letter-spacing: -0.5px;
text-align: left;
}
.od-hero-section-wrap h1 {
margin-bottom: 16px;
}
.od-featured-webinar-section-wrap h2 {
font-size: 30px;
}
.od-feat-deatils-wrap {
margin: 12px 0;
}
.od-feat-deatils-wrap .od-feat-details-head h5 {
font-size: 18px;
}
.on-demand-page-video {
height: 411px !important;
}
.video-list {
display: unset;
}
.webinar-list-deatils {
width: 95%;
}
.webinar-list-deatils h4 {
font-size: 20px;
line-height: 26px;
margin-top: 18px;
margin-left: 0;
}
}
@media only screen and (min-width: 768px) {
.slider-section .slide-title {
font-size: 45px !important;
line-height: 55px !important;
}
.slider-section .ibm {
font-size: 16px;
line-height: 22px;
letter-spacing: -0.3px;
}
.od-hero-section-wrap .od-hero-img-md img {
width: 300px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.video-list .on-demand-page-video {
height: 248px !important;
}
}
@media only screen and (min-width: 992px) {
.partner-revamp-hero-section {
position: relative;
min-height: 593px;
}
.container.webinar-container {
position: relative;
min-height: 593px;
}
.partner-integration-title-area {
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.partner-revamp-hero-section .webinar-hero-img-wrap {
position: absolute;
bottom: -5px;
right: 0;
margin-bottom: 0;
}
.partner-revamp-hero-section .webinar-hero-img-wrap > img {
max-width: 645px;
}
.partner-integration-title-area h6 {
font-size: 20px;
}
.ie-call-center-section h1 {
text-align: left;
margin-bottom: 44px;
margin-top: 0 !important;
}
.ie-call-center-section.revamped h1 {
margin-top: 0;
}
/* .od-hero-section-wrap h1 {
font-size: 64px !important;
font-weight: 800 !important;
line-height: 87px !important;
letter-spacing: 0 !important;
text-align: left !important;
margin-bottom: 26px;
} */
.od-hero-section-wrap h6 {
font-size: 24px !important;
font-weight: 500 !important;
line-height: 42px !important;
letter-spacing: 0 !important;
text-align: left !important;
}
/* .od-hero-section-wrap .od-hero-img-sm img{width:300px;} */
.od-hero-section-wrap .od-hero-img-md img {
width: 500px;
}
.od-featured-webinar-section-wrap .od-list-of-webinar-title-wrapper h2 {
margin-top: 50px !important;
}
.od-feat-deatils-wrap {
height: 149px;
display: flex;
align-items: stretch;
margin: 45px 0;
}
.od-feat-deatils-wrap .od-feat-details-head {
border-right: 1px solid #000;
}
.od-feat-deatils-wrap .od-feat-details-head h5 {
font-size: 30px;
line-height: 40px;
letter-spacing: 0;
padding: 0 34px 0 0;
}
.od-feat-deatils-wrap .od-feat-details-img-wrap {
margin-top: 0;
}
.od-feat-deatils-wrap .od-feat-details-img-wrap img {
width: 148px;
height: 148px;
margin-left: 45px;
}
.od-feat-deatils-wrap .od-feat-details-img-wrap .od-feat-im-details {
margin-left: 45px;
}
.od-feat-deatils-wrap .od-feat-details-img-wrap .od-feat-im-details h6 {
font-size: 36px;
line-height: 45px;
letter-spacing: 0;
}
.od-feat-deatils-wrap .od-feat-details-img-wrap .od-feat-im-details p {
font-size: 23px;
line-height: 30px;
letter-spacing: 0;
width: 250px;
}
.on-demand-page-video {
height: 518px !important;
}
.od-webinar-video-list-wrapper .video-list:nth-child(odd) {
padding-right: 40px;
}
.od-webinar-video-list-wrapper .video-list:nth-child(2n) {
padding-left: 40px;
}
.video-list {
display: unset;
margin-bottom: 54px;
}
.video-list .on-demand-page-video {
width: 100% !important;
height: 315px !important;
}
.webinar-list-deatils {
width: auto;
margin-left: 0;
}
.webinar-list-deatils h4 {
font-size: 24px;
line-height: 34px;
letter-spacing: 0;
margin-top: 24px;
}
.webinar-list-deatils h5 {
font-size: 18px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0;
text-align: left;
margin-top: 24px;
}
.od-bg-image.full-circle {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNCIgY3k9IjI0IiByPSIyMiIgc3Ryb2tlPSIjRkRDRTQ4IiBzdHJva2Utd2lkdGg9IjQiLz48L3N2Zz4=);
background-repeat: no-repeat;
background-position: 100%;
}
.od-bg-image.half-circle {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA2NSA2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bWFzayBpZD0icGF0aC0xLWluc2lkZS0xXzY5XzM4MiIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0wLjk4MzQ5NCAxMC45ODM1QzguMDE2MSAzLjk1MDg5IDE3LjU1NDQgNS4yMTY2NWUtMDYgMjcuNSAwQzM3LjQ0NTYgLTUuMjE2NjRlLTA2IDQ2Ljk4MzkgMy45NTA4NyA1NC4wMTY1IDEwLjk4MzVDNjEuMDQ5MSAxOC4wMTYxIDY1IDI3LjU1NDMgNjUgMzcuNDk5OUM2NSA0Ny40NDU2IDYxLjA0OTEgNTYuOTgzOCA1NC4wMTY2IDY0LjAxNjVMNDEuMTU3NSA1MS4xNTc1QzQ0Ljc3OTcgNDcuNTM1MyA0Ni44MTQ2IDQyLjYyMjUgNDYuODE0NiAzNy41QzQ2LjgxNDYgMzIuMzc3NCA0NC43Nzk3IDI3LjQ2NDcgNDEuMTU3NSAyMy44NDI1QzM3LjUzNTMgMjAuMjIwMyAzMi42MjI1IDE4LjE4NTQgMjcuNSAxOC4xODU0QzIyLjM3NzQgMTguMTg1NCAxNy40NjQ3IDIwLjIyMDMgMTMuODQyNSAyMy44NDI1TDAuOTgzNDk0IDEwLjk4MzVaIi8+PC9tYXNrPjxwYXRoIGQ9Ik0wLjk4MzQ5NCAxMC45ODM1QzguMDE2MSAzLjk1MDg5IDE3LjU1NDQgNS4yMTY2NWUtMDYgMjcuNSAwQzM3LjQ0NTYgLTUuMjE2NjRlLTA2IDQ2Ljk4MzkgMy45NTA4NyA1NC4wMTY1IDEwLjk4MzVDNjEuMDQ5MSAxOC4wMTYxIDY1IDI3LjU1NDMgNjUgMzcuNDk5OUM2NSA0Ny40NDU2IDYxLjA0OTEgNTYuOTgzOCA1NC4wMTY2IDY0LjAxNjVMNDEuMTU3NSA1MS4xNTc1QzQ0Ljc3OTcgNDcuNTM1MyA0Ni44MTQ2IDQyLjYyMjUgNDYuODE0NiAzNy41QzQ2LjgxNDYgMzIuMzc3NCA0NC43Nzk3IDI3LjQ2NDcgNDEuMTU3NSAyMy44NDI1QzM3LjUzNTMgMjAuMjIwMyAzMi42MjI1IDE4LjE4NTQgMjcuNSAxOC4xODU0QzIyLjM3NzQgMTguMTg1NCAxNy40NjQ3IDIwLjIyMDMgMTMuODQyNSAyMy44NDI1TDAuOTgzNDk0IDEwLjk4MzVaIiBzdHJva2U9IiNGRENFNDgiIHN0cm9rZS13aWR0aD0iOCIgbWFzaz0idXJsKCNwYXRoLTEtaW5zaWRlLTFfNjlfMzgyKSIvPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: 100% 145px;
}
.od-bg-image.thick-circle {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCAzOSAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxOS41IiBjeT0iMTkuNSIgcj0iMTYuNSIgc3Ryb2tlPSIjRkRDRTQ4IiBzdHJva2Utd2lkdGg9IjYiLz48L3N2Zz4=);
background-repeat: no-repeat;
background-position: 35px 95%;
}
.rc-pagination-item a,
.rc-pagination-next button,
.rc-pagination-prev button {
font-size: 24px;
}
.rc-pagination-item.rc-pagination-item-active a,
.rc-pagination-item.rc-pagination-item-active a:hover {
font-size: 24px;
}
.rc-pagination-item a:hover,
.rc-pagination-next button:hover,
.rc-pagination-prev button:hover {
background-color: #eceff5;
border-color: #eceff5;
}
.od-pagination-wrapper {
margin-top: 50px;
}
.customers-served-section-title {
padding-top: 0;
}
.cs-watch {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@media only screen and (min-width: 1200px) {
.slider-section .slide-title {
font-size: 36px !important;
line-height: 48px !important;
margin-bottom: 20px;
}
.slider-section .ibm {
font-size: 18px;
line-height: 1.5;
margin-bottom: 20px;
}
.od-hero-section-wrap {
/* padding: 194px 0 90px; */
}
.od-hero-section-wrap .od-hero-img-md img {
height: 84%;
width: auto;
}
.od-featured-webinar-section-wrap {
padding: 90px 0;
}
.od-featured-webinar-section-wrap h2 {
font-size: 48px;
line-height: 66px;
letter-spacing: 0;
margin-bottom: 50px;
}
.od-featured-webinar-section-wrap .od-list-of-webinar-title-wrapper h2 {
margin-bottom: 72px !important;
margin-top: 100px !important;
}
.on-demand-page-video {
height: 654px !important;
}
}
@media (max-width: 991px) and (min-width: 400px) {
.od-featured-video {
height: 382px !important;
}
}
@media (max-width: 767px) {
.partner-integration-title-area {
padding-top: 30px;
}
}
/* Added on 17-07-2023 */
.home-slider .slick-arrow {
background: transparent;
box-shadow: none !important;
color: transparent;
}
.home-slider .slick-arrow:hover {
box-shadow: none;
}
.home-slider .slide-left .h1 {
font-size: 36px;
line-height: 48px;
}
.slider-section .home-slider .single-slide {
padding: 0;
}
.slider-section .slick-initialized .slick-slide {
padding-left: 0;
}
.home-slider .slick-prev {
left: -70px;
}
.home-slider .slick-next {
right: -50px;
}
/* 18-07-23 */
.slider-section .home-slider .single-slide {
height: 720px;
display: flex;
}
/* Added on 18-07-2023 */
.ie-cs-section.ie-other-cs-slider .slick-track {
display: flex;
}
.ie-cs-section.ie-other-cs-slider .slick-slide {
float: none;
height: auto;
}
.ie-cs-section.ie-other-cs-slider .slick-slide > div {
height: 100%;
}
.ie-cs-section.ie-other-cs-slider .slick-slide > div .ie-slider-item {
height: 100%;
}
.ie-cs-section.ie-other-cs-slider
.slick-slide
> div
.ie-slider-item
.ie-cs-card--padding {
max-height: 100%;
height: 100%;
min-height: 100%;
}
.iframe-video-section:before,
.el-blur-section::before {
background-size: contain !important;
}
@media (max-width: 991px) {
.cs-timeline-wrap section {
margin-left: 30px !important;
padding-left: 20px !important;
width: calc(100% - 30px) !important;
}
.cs-timeline-wrap .phase-title {
left: -58px !important;
}
}
@media (max-width: 575px) {
.cs-timeline-wrap section {
margin-left: 0px !important;
padding-left: 0px !important;
}
.cs-timeline-wrap .phase-title {
left: -28px !important;
}
}
/* 19-07-23 */
.c-pagination .blog_loadmore {
box-shadow: none;
color: #5869da;
font-weight: 600;
border: 1px solid #5869da;
}
.c-pagination .blog_loadmore:hover,
.c-pagination .blog_loadmore:focus {
background-color: #5869da;
color: #fff;
}
/* 05-09-23 x */
.site-footer .footer-upgrade h2 {
font-size: 32px;
line-height: 44px;
}
/* revamp css 2024 */
/* 30-01-24 */
.slick-dots {
padding: 0;
list-style: none outside;
margin: 16px 0 0;
text-align: center;
left: 0;
right: 0;
bottom:-18px;
}
.slick-dots > li {
display: inline-block;
margin-right: 6px;
margin-bottom: 0;
line-height: 1;
width: 18px;
height: 18px;
}
.slick-dots > li button {
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #fff;
border: none;
padding: 0;
overflow: hidden;
text-indent: 99999px;
border: 1px solid #093eb0;
box-shadow: none;
}
.slick-dots > li:last-child {
margin-right: 0;
}
.slick-dots > li.slick-active button {
background-color: #fdcd48;
}
.slick-dots li button:before {
display: none;
}
.int-home-slider .int-banner-caption {
padding-right: 7rem;
}
.int-home-slider .int-video-wrap {
border-radius: 50%;
background: #d9d9d9;
width: 47rem;
height: 47rem;
padding: 6px;
background: linear-gradient(
180deg,
#69abc3,
#019f8c,
#84bc41,
#f2f6c5,
#e2bc19,
#eb7771,
#e54648
);
z-index: 1;
}
.int-banner-video img {
max-height: 47rem;
margin: 0 auto;
}
.int-home-slider .int-video-wrap .int-gredient {
background: #d9d9d9;
width: 100%;
height: 100%;
border-radius: 50%;
}
.int-home-slider .int-video-wrap:after,
.int-home-slider .int-video-wrap:before {
content: "";
width: 69px;
height: 55px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
bottom: 33px;
left: 35px;
position: absolute;
z-index: -1;
}
body .int-home-slider .slick-prev.slick-arrow {
left: 5rem;
}
body .int-home-slider .slick-next.slick-arrow {
right: 5rem;
}
.int-home-slider .int-video-wrap:before {
top: 16px;
right: 73px;
bottom: auto;
left: auto;
}
.int-home-slider .int-video-wrap .int-gredient video {
border-radius: 50%;
height: 100%;
width: 100%;
}
body button.slick-arrow,
body button.slick-arrow:hover,
body button.slick-arrow:focus {
background: transparent;
box-shadow: none;
padding: 0;
font-size: 10px;
}
body .slick-prev.slick-arrow {
left: -1rem;
}
body .slick-arrow.slick-next {
right: 0rem;
}
.int-home-icon-section {
padding: 3.5rem 0;
background-color: #f3f7ff !important;
}
.int-home-icon-section:before,
.int-home-icon-section:after {
content: "";
background: linear-gradient(
270deg,
rgba(243, 247, 255, 0) 29.41%,
#f3f7ff 79.74%
);
position: absolute;
width: 30.6rem;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.int-home-icon-section h3 {
padding-bottom: 7.8rem;
}
.int-home-icon-section:after {
background: linear-gradient(
90deg,
rgba(243, 247, 255, 0) 29.41%,
#f3f7ff 79.74%
);
right: 0;
left: auto;
}
.one-conversation-section {
padding: 7.2rem 0 5.2rem;
}
.one-conversation-section .one-conversation-single-card img {
max-width: 10.5rem;
margin: 0 0 4rem;
height: 10.5rem;
object-fit: contain;
}
.one-conversation-section .one-conversation-single-card {
padding: 7.7rem 3.2rem 3.2rem;
height: 100%;
box-shadow: 10px 10px 20px 0px rgba(9, 62, 176, 0.25);
}
.one-conversation-section .one-conversation-header {
font-size: 2.4rem;
line-height: 3rem;
min-height: 6rem;
}
.one-conversation-section .one-conversation-single-card p {
line-height: 3rem;
}
.one-conversation-section .one-conversation-bg {
padding: 0 8rem 6.4rem;
border-radius: 30px;
background: linear-gradient(
180deg,
rgba(245, 248, 255, 0) -5.08%,
rgba(226, 235, 255, 0.4) 70.19%
);
}
.int-home-icon-slider .int-icon-div {
border-radius: 5px;
background: #fff;
box-shadow: 0px 4px 8px 0px rgba(9, 62, 176, 0.25);
height: 78px;
padding: 15px;
margin: 10px 7px;
}
.int-home-icon-slider .int-icon-div img {
max-width: 14.2rem;
max-height: 42px;
object-fit: contain;
}
.single-service-item .service-item-top {
padding: 3.2rem 1.7rem 3.2rem 0;
height: 218px;
}
.service-item-top .service-name {
position: relative;
}
.service-item-top .service-name:before {
content: "";
width: 172px;
height: 1px;
background-color: #fff;
left: 50%;
top: 0;
transform: translateX(-50%);
position: absolute;
}
.service-slider .service-item-list:not(:last-child) {
border-right: 0.5px solid #093eb0;
}
.service-slider.slick-initialized .slick-slide {
padding: 0;
}
.service-slider {
padding: 0 4rem;
}
.slider-blue .slick-next:before {
background-image: url('data:image/svg+xml,');
}
.slider-blue .slick-prev:before {
background-image: url('data:image/svg+xml,');
}
.single-service-item {
background: #fff;
box-shadow: 2px 2px 10px 2px rgba(9, 62, 176, 0.05);
overflow: hidden;
padding: 0 0 3.8rem;
margin: 0 12px 15px;
}
.single-service-item:hover {
/* box-shadow: 20px 20px 60px 10px rgba(9, 62, 176, 0.15); */
box-shadow: 2px 2px 15px 2px rgba(9, 62, 176, 0.3);
}
.single-service-item .service-item-top {
background-repeat: no-repeat;
background-size: cover;
height: 217px;
background-position: top left;
padding: 27px 15px 27px 0;
background-position-x: 35%;
}
.service-item-top .service-name {
color: #fdcd48;
font-weight: 800;
margin-bottom: 0;
font-size: 1.8rem;
}
.single-service-item .service-item-bottom {
padding: 22px 12px 32px;
}
.single-service-item .service-item-bottom h5 {
font-size: 20px;
line-height: 25px;
}
.home-service-section {
padding: 0 0 13.2rem;
}
.single-service-item .service-item-top img {
margin-left: auto;
margin-right: auto;
}
.service-item-top p.text-white {
font-size: 15px;
}
/* service page */
.int-banner-section h1 {
padding-top: 155px;
z-index: 2;
position: relative;
}
.service-icon-list {
margin-top: -92px;
position: relative;
}
.service-icon-list .service-icon-wrap {
border-radius: 30px;
background: #f3f7ff;
box-shadow: 4px 4px 10px 0px rgba(9, 62, 176, 0.1);
padding: 30px 50px;
}
.service-icon-list .service-icon-div img {
height: 60px;
object-fit: contain;
width: auto;
max-width: 44px;
margin: 0 0 20px;
}
.single-service-item .service-item-bottom .service-item-bottom-desc {
line-height: 25px;
}
.service-benefit {
padding: 6.2rem 0 3.2rem;
}
.int-flexibility {
padding: 0 0 7px;
}
.int-flexibility .int-flexibility-bg {
border-radius: 50px 50px 0px 0px;
background: #093eb0;
background: linear-gradient(180deg, #f3f7ff 0%, rgba(243, 247, 255, 0) 100%);
padding: 6.5rem 10rem 5.7rem;
}
.int-fs-card {
background: linear-gradient(180deg, rgba(9, 62, 176, 0) 0%, #093eb0 100%);
padding: 40rem 6rem 5rem 3rem;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
margin: 0 25px;
}
.int-fs-card .int-fs-btn {
color: #fdcd48;
min-width: 150px;
border-radius: 15px;
border: 0.5px solid #fdcd48;
}
.int-pre-servies {
padding: 8.6rem 0 3.4rem;
}
.int-pre-servies .int-pre-servies-card {
padding: 8rem 3.4rem 5.4rem;
height: 100%;
min-height: 44rem;
margin: 0 14px;
}
.int-pre-servies .int-pre-servies-card .int-pre-icon {
top: -4rem;
right: -2rem;
}
.int-post-servies {
padding: 7.6rem 0 9.2rem;
}
.int-post-servies-slider {
padding: 0 6rem;
}
.int-post-servies-slider .int-post-servies-slide {
background-size: cover;
background-repeat: no-repeat;
/* background: linear-gradient(90deg, rgba(9, 62, 176, 0.00) 16.15%, #093EB0 52.69%); */
padding: 10.2rem 4.7rem 11.6rem;
height: 57rem;
}
.int-post-servies-slide .int-post-servies-cards {
padding: 4rem 6rem;
}
.int-post-servies-slider .int-post-servies-card {
margin: 0 15px;
}
.int-post-servies-slider .int-post-servies-card img {
margin: 0 0 20px;
}
.int-post-servies-slider .int-post-servies-card h3 {
min-height: 6rem;
margin: 0 0 2rem;
}
.int-post-servies .slick-dots {
/* margin-top: 5rem;
position: relative; */
bottom: -9rem;
}
/* call assisatant page */
.ast-steps-section .ast-steps-div .ast-step-tag {
padding: 8px 22px;
border-radius: 6px;
font-size: 2rem;
}
.ast-steps-section .ast-steps-div a {
font-size: 12.8rem;
border-bottom: 3px solid;
}
.ast-steps-section .ast-steps-div a:hover {
color: #093eb0;
}
.ast-steps-section .ast-steps-div li {
border-radius: 20px;
background: #e9f3ff;
box-shadow: 10px 10px 20px 0px rgba(9, 62, 176, 0.25);
padding: 2.5rem 13rem 1.2rem;
margin: 0 0 25px;
}
.ast-steps-section .ast-steps-div li .ast-steps-header {
font-size: 3rem;
line-height: 3.7rem;
}
.ast-steps-section .ast-note {
margin-top: 9.2rem;
}
.int-more-questions {
margin: 9.4rem 0 0;
}
.int-more-questions .nav-tabs .nav-item {
width: calc(33.33% - 7px);
}
.int-more-questions .nav-tabs .nav-link {
padding: 2.3rem 1rem;
border-radius: 10px !important;
background: #abc6ff;
}
.int-more-questions .nav-tabs .nav-link.active {
background-color: #fdce48;
filter: drop-shadow(4px 4px 10px rgba(9, 62, 176, 0.4));
font-weight: 700;
color: #093eb0;
}
.int-more-questions .nav-tabs {
padding-top: 6rem;
gap: 10px;
flex-wrap: nowrap;
}
.int-more-questions .int-que-li .int-que-div {
width: calc(50% - 5px);
border-radius: 8px;
border: 1px solid #e4edff;
background: #fff;
padding: 1.4rem 2.5rem;
line-height: normal;
min-height: 7.5rem;
}
.int-more-questions .int-que-li {
gap: 10px;
}
.int-calculate-roi .section-title {
margin-bottom: 6.2rem;
}
/* plateform page */
.platform-quote {
margin-top: 12rem;
}
.platform-quote-wrap {
border-radius: 20px;
border: 4px solid #fdcd48;
padding: 31px 60px;
display: inline-block;
position: relative;
}
.platform-quote-wrap:before,
.platform-quote-wrap:after {
content: "";
/* background-image: url(/quote-blue.svg); */
background-image: url("../images//quote-blue.svg");
display: inline-block;
position: absolute;
background-size: contain;
width: 45px;
height: 41px;
left: -29px;
top: -5px;
background-repeat: no-repeat;
}
.platform-quote-wrap:after {
right: -30px;
left: auto;
transform: rotate(180deg);
top: auto;
bottom: -25px;
}
.platform-lr-img-text-comb .lr-img-text-comb-item {
padding: 17.5rem 0 0;
}
.solution-lr-img-text-comb .lr-img-text-comb-item {
padding: 120px 0;
}
.platform-lr-img-text-comb .lr-img-text-comb-item h2 {
margin: 0px 0px 32px 0px;
}
.solution-lr-img-text-comb .lr-img-text-comb-item h4,
.platform-lr-img-text-comb .lr-img-text-comb-item h4 {
margin: 0px 0px 21px 0px;
padding: 9px 6px;
background-color: transparent;
background-image: linear-gradient(90deg, #cce3ff 0%, #f2295b00 100%);
}
.solution-lr-img-text-comb .lr-img-text-comb-item li {
margin-bottom: 10px;
}
.platform-lr-img-text-comb .lr-img-text-comb-item .toggle-text {
margin-top: 40px;
}
/* privacy page */
.privacy-policy-wrap {
padding: 60px 0;
}
.privacy-policy-wrap .pp-grp {
margin-bottom: 75px;
}
.privacy-policy-wrap .accordion-PP .accordion-item {
margin-bottom: 14px;
border: 0;
border-radius: 0;
}
.privacy-policy-wrap .accordion-PP .accordion-header button {
font-size: 20px;
font-weight: 400;
line-height: 25.1px;
background: #abc6ff;
color: var(--blue-color);
padding: 16px;
border: 0;
box-shadow: none;
}
.privacy-policy-wrap .accordion-PP .accordion-header button:not(.collapsed) {
background: var(--yellow-color);
font-weight: 700;
}
.privacy-policy-wrap .accordion-PP .accordion-body {
font-size: 18px;
font-weight: 400;
line-height: 20px;
}
/* Platform App page */
.platform-navbar-sticky .platform-navbar-link {
background-image: url('data:image/svg+xml,');
width: 15rem;
font-size: 20px;
height: 10rem;
padding-top: 2.5rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
line-height: 3rem;
color: #000;
}
.platform-navbar-sticky .platform-navbar-link.active {
background-image: url('data:image/svg+xml,');
color: var(--blue-color);
font-weight: 700;
}
.platform-lr-img-text-content .platform-lr-desc {
max-width: 39rem;
}
.platform-lr-img-text-comb-tabs .platform-content-padding {
padding: 0 5rem;
}
.platform-lr-img-text-comb-tabs .platform-content-iconbox.int-gredient-reverse {
border-radius: 0 0 50px 50px;
}
.platform-lr-img-text-comb-tabs .platform-navbar-div.int-bg-light-blue {
background-color: #f3f7ff;
}
.platform-lr-img-text-comb-tabs .platform-navbar-sticky {
position: sticky;
top: -2rem;
background-color: #fff;
}
.ie-layout-has-ribbon .platform-lr-img-text-comb-tabs .platform-navbar-sticky {
top: 1rem;
}
/* solution page */
.int-solution-icon-slider .int-solution-icon-slide .filter-img {
filter: grayscale(1);
margin: 0 auto 20px;
position: relative;
top: -45px;
}
.int-solution-icon-slider .slide {
padding: 0 15px;
}
.int-solution-icon-slider .int-solution-icon-slide:hover .filter-img {
filter: none;
}
.int-solution-icon-slider .int-solution-icon-slide {
box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
margin-bottom: 10rem;
margin-top: 45px;
}
.int-solution-icon-slider .int-solution-icon-slide p {
background: #e0e0e0;
border-radius: 0 0 20px 20px;
padding: 15px 24px;
font-size: 20px;
line-height: 28px;
color: #929090;
margin-top: -45px;
min-height: 85px;
}
.int-solution-icon-slider .int-solution-icon-slide:hover p {
color: #fff;
}
.int-solution-icon-slider .slick-dots {
bottom: 20px;
}
.int-solution-top .int-solution-icon-slider {
margin-bottom: 4.5rem;
}
.int-solution-icon-slider .int-solution-icon-slide.card-blue:hover p {
background-color: #518ee3;
}
.int-solution-icon-slider .int-solution-icon-slide.card-blue:hover {
background-color: rgb(81 142 227 / 15%);
}
.int-solution-icon-slider .int-solution-icon-slide.card-dark-blue:hover p {
background-color: #074598;
}
.int-solution-icon-slider .int-solution-icon-slide.card-dark-blue:hover {
background-color: rgb(81 142 227 / 15%);
}
.int-solution-icon-slider .int-solution-icon-slide.card-green:hover p {
background-color: #00c181;
}
.int-solution-icon-slider .int-solution-icon-slide.card-green:hover {
background-color: rgb(0 139 129 / 15%);
}
.int-solution-icon-slider .int-solution-icon-slide.card-red:hover p {
background-color: #fa3541;
}
.int-solution-icon-slider .int-solution-icon-slide.card-red:hover {
background-color: rgb(250 53 65 / 15%);
}
.int-solution-icon-slider .int-solution-icon-slide.card-yellow:hover p {
background-color: #fdcd2d;
}
.int-solution-icon-slider .int-solution-icon-slide.card-yellow:hover {
background-color: rgb(253 205 45 / 15%);
}
.int-solution-icon-slider .int-solution-icon-slide.card-maroon:hover p {
background-color: #d9364a;
}
.int-solution-icon-slider .int-solution-icon-slide.card-maroon:hover {
background-color: rgb(217 54 74 / 15%);
}
.int-solution-icon-slider .int-solution-icon-slide.card-lavender:hover p {
background-color: #8c77f7;
}
.int-solution-icon-slider .int-solution-icon-slide.card-lavender:hover {
background-color: rgb(140 119 247 / 15%);
}
.int-solution-icon-slider .int-solution-icon-slide.card-purple:hover p {
background-color: #c550dd;
}
.int-solution-icon-slider .int-solution-icon-slide.card-purple:hover {
background-color: rgb(197 80 221 / 15%);
}
.int-solution-icon-slider .int-solution-icon-slide.card-peach:hover p,
.int-solution-icon-slider .int-solution-icon-slide.card-peach:hover p {
background-color: #f9916b;
}
.int-solution-icon-slider .int-solution-icon-slide.card-peach:hover,
.int-solution-icon-slider .int-solution-icon-slide.card-peach:hover {
background-color: rgb(249 145 107 / 15%);
}
.int-solution-block h2 {
margin-bottom: 22px;
}
.int-solution-block span {
font-size: 20px;
color: #494949;
line-height: normal;
letter-spacing: 2.9px;
}
.int-solution-block .int-back-top {
margin-top: 8rem;
}
.int-solution-block.int-solution-bg {
background: linear-gradient(90deg, #cce3ff 0%, rgba(255, 255, 255, 0) 100%);
}
.int-solution-block .int-back-top a {
color: #494949;
border-bottom: 1px solid #494949;
padding-bottom: 3px;
font-size: 15px;
line-height: normal;
}
.int-solution-icon-slider .slick-dots > li button {
background-color: #d9d9d9;
border-color: #d9d9d9;
height: 12px;
width: 12px;
}
.int-solution-icon-slider .slick-dots > li.slick-active button {
background-color: #093eb0;
}
.int-solution-icon-slider .slick-dots > li {
height: 12px;
width: 12px;
}
.int-solution-icon-slider .slick-dots > li {
display: inline-block;
}
.int-solution-icon-slider .slick-dots > li:only-child {
display: none;
}
.int-solution-icon-slider .slick-next:before {
background-image: url('data:image/svg+xml,');
}
.int-solution-icon-slider .slick-prev:before {
background-image: url('data:image/svg+xml,');
}
.int-solution-icon-slider .slick-prev:before,
.int-solution-icon-slider .slick-next:before {
width: 2.7rem;
height: 4.7rem;
background-size: 2.7rem 4.7rem;
}
body .int-solution-icon-slider .slick-prev.slick-arrow {
left: 0;
}
body .int-solution-icon-slider .slick-prev.slick-arrow,
body .int-solution-icon-slider .slick-next.slick-arrow {
top: 43%;
}
/* case study pages */
.int-case-listing .single-service-item {
padding-bottom: 0;
box-shadow: 15px 15px 50px 10px rgba(0, 0, 0, 0.25),
-15px -15px 50px 0px rgba(255, 255, 255, 0.9);
margin: 0 20px 0px;
background-color: #757575;
height: 100%;
}
.int-case-listing .single-service-item:hover {
background-color: #fff;
}
.int-case-listing .col-md-6 {
margin: 0 0 60px;
}
.int-case-listing .single-service-item .service-item-top img {
filter: none;
width: 182px;
object-fit: contain;
}
/* .int-case-listing .single-service-item:hover .service-item-top img {
filter: brightness(0) invert(1);
} */
.int-case-listing-section .int-case-listing {
padding-bottom: 7rem;
}
.int-case-listing .service-item-top p {
font-size: 1.6rem;
line-height: 2rem;
margin-top: 5px;
color: #6d6d6d;
}
.int-case-listing .single-service-item:hover .service-item-top p {
color: #fff;
margin: 0;
}
.int-case-listing .service-item-top .service-name {
font-size: 2.8rem;
line-height: 3rem;
}
.int-case-listing .service-item-top .service-name:before {
background-color: #6d6d6d;
}
.int-case-listing .service-item-top:hover .service-name:before {
background-color: #fff;
}
.int-case-listing .single-service-item .service-item-top {
height: 28.4rem;
}
.int-case-listing .single-service-item .service-item-top .int-service-img {
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 2;
}
.int-case-listing .single-service-item .service-item-top .int-service-img img {
filter: none;
width: 100%;
height: 100%;
object-fit: cover;
}
.int-case-listing .single-service-item .service-item-top .hover-img,
.int-case-listing .single-service-item:hover .montone-img {
display: none;
}
.int-case-listing .single-service-item:hover .service-item-top .hover-img {
display: block;
}
.int-case-listing .single-service-item .service-item-top .ms-auto {
z-index: 3;
position: relative;
}
.int-case-listing .single-service-item .service-item-bottom {
padding: 3.6rem 6rem 2.3rem 4.4rem;
background-color: #757575;
color: #fff;
}
.int-case-listing-section .single-service-item .service-item-bottom > h4 {
min-height: auto;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 23px;
}
.int-case-listing .single-service-item .int-cs-link {
padding: 0 7rem 2.4rem 4.4rem;
background-color: #757575;
color: #fff;
}
.int-case-listing .single-service-item:hover .service-item-bottom,
.int-case-listing .single-service-item:hover .int-cs-link {
background-color: #fff;
color: #000;
}
.int-case-listing .single-service-item .int-cs-link a {
color: #fff;
}
.int-case-listing .single-service-item:hover .int-cs-link,
.int-case-listing .single-service-item:hover .int-cs-link a {
color: var(--blue-color);
}
.int-case-listing .single-service-item .service-item-top .h-img,
.int-case-listing .single-service-item:hover .service-item-top .d-img {
display: none;
}
.int-case-listing .single-service-item:hover .service-item-top .h-img {
display: block;
}
.press-card-single .press-card-bg span {
line-height: 15px;
}
/* press page */
.int-press-section {
background: linear-gradient(
180deg,
rgba(204, 227, 255, 0) 14.86%,
#cce3ff 148.87%
);
}
.int-pills .nav-pills {
margin: 4.3rem 0 7.1rem;
}
.int-pills .nav-pills .nav-link {
border-radius: 10px;
background: #abc6ff;
/* width: 21rem; */
height: 7.2rem;
font-size: 1.6rem;
line-height: 1.8rem;
margin: 0 4px;
color: #000;
padding: 1rem 4rem;
}
.int-pills .nav-pills .nav-link.active {
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
background-color: #fdce48;
font-weight: 700;
color: #093eb0;
}
.press-cards .press-card-single {
background-color: #fff;
height: 100%;
overflow: hidden;
box-shadow: 7px 6px 14.2px rgba(9, 62, 176, 0.2);
margin: 0 9px;
background: #eee;
}
.press-card-single .press-card-img {
padding: 3.7rem 0;
background-color: #fff;
}
.press-card-single .press-card-img img {
max-height: 6.8rem;
height: 6.8rem;
max-width: 28rem;
object-fit: contain;
}
.press-card-single .press-card-bg {
min-height: 23.7rem;
padding: 2.6rem 2rem 2rem;
}
.press-card-single .press-card-bg span {
font-size: 1.2rem;
}
.press-card-single a:hover {
color: #093eb0;
}
.press-cards .row > div {
margin-bottom: 5.6rem;
}
.dropdown-toggle::after {
border-top-color: #093eb0;
}
.dropdown-menu {
border-radius: 10px;
border: 0;
width: 100%;
margin-top: 6px !important;
padding: 0;
overflow: hidden;
box-shadow: 2px 4px 6px rgba(9, 62, 176, 0.1);
}
.dropdown-menu .dropdown-item {
font-size: 1.6rem;
line-height: 1.8rem;
text-align: center;
padding: 1rem;
cursor: pointer;
}
.dropdown-menu .dropdown-item:hover {
background-color: #fdce48;
}
.pagination .page-numbers {
height: 2.5rem;
width: 2.5rem;
display: flex;
text-align: center;
margin: 0 4px;
font-size: 1.6rem;
line-height: 2rem;
font-weight: 700;
align-items: center;
justify-content: center;
border-radius: 3px;
border: 1px solid #093eb0;
background: #fff;
color: #093eb0;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
border: 0;
background-color: transparent;
margin: 0 15px 0;
}
.pagination .page-numbers.current,
.pagination .page-numbers.active {
background-color: #093eb0;
color: #fff;
}
/* media page */
.int-media-top {
padding: 8.4rem 0 5.8rem;
}
.int-media-top .int-media-top-title {
font-size: 3rem;
line-height: 4rem;
margin-top: 7.4rem;
}
/* patner page */
.int-patners-grid .int-patners-blk {
border-radius: 33px;
border: 2px solid #093eb0;
background: linear-gradient(
180deg,
rgba(243, 248, 255, 0) 0.03%,
rgb(243 248 255 / 80%) 99.97%
);
max-width: 54.5rem;
padding: 3.2rem 0 3.6rem 3.3rem;
}
.int-patners-grid {
column-gap: 3rem;
}
.int-patners-grid .int-patners-blk .int-partner-img {
max-width: 27rem;
border-bottom: 2px solid #fdcd48;
}
.int-patners-grid .int-patners-blk .int-partner-img-top {
max-width: 28rem;
height: 68px;
object-fit: contain;
}
.int-patners-grid .int-patners-blk h3 {
font-size: 2.4rem;
line-height: 2.6rem;
margin: 4.4rem 3.3rem 3.3rem 0;
padding: 0 0 3.3rem;
border-bottom: 1px solid #babbbc;
}
.int-patners-grid .int-patners-quote-div p,
.int-patners-grid .int-patners-quote-div h6 {
max-width: 29.5rem;
}
.int-patners-grid .int-patners-quote-div p {
margin: 1rem 0 1.7rem;
width: 29.5rem;
height: 18rem;
}
.int-patners-reasons-section .int-gredient {
border-radius: 13px;
padding-left: 9rem;
padding-right: 9rem;
}
.int-patners-reasons-section .int-pr-single {
max-width: 23.5rem;
margin: 0px auto 11.8rem;
}
.int-patners-reasons-section .int-pr-single img {
height: 6rem;
object-fit: contain;
margin: 0 0 4.5rem;
}
.int-patners-slider-section {
padding: 7.4rem 0 0;
}
.int-patners-slider-section .int-partner-slider {
padding: 8.3rem 0 8.8rem;
}
.int-patners-slider-section .int-partner-slider:before,
.int-patners-slider-section .int-partner-slider:after {
content: "";
background: linear-gradient(
270deg,
rgba(9, 62, 176, 0) 29.41%,
#093eb0 79.74%
);
position: absolute;
width: 46.9rem;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.int-patners-slider-section .int-partner-slider:after {
right: 0;
left: auto;
background: linear-gradient(
90deg,
rgba(9, 62, 176, 0) 29.41%,
#093eb0 79.74%
);
}
.int-partner-slider .int-partner-slide {
border-radius: 5px;
background: #fff;
box-shadow: 0px 4px 8px 0px rgba(9, 62, 176, 0.25);
width: 19.2rem;
height: 7.8rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0 8px;
padding: 6px;
}
.int-partner-slider .int-partner-slide img {
object-fit: contain;
height: 64px;
}
/* integration page */
.int-integration-top {
padding: 8.7rem 0 12.7rem;
}
.int-integration-blk-top .integration-img {
width: 11.8rem;
height: 11.8rem;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
filter: drop-shadow(4px 4px 10px rgba(9, 62, 176, 0.1));
border-radius: 50%;
margin: 0 0 2.3rem;
}
.int-integration-blk {
max-width: 32.1rem;
padding: 0 2.5rem;
}
.int-integration-blk h3 {
margin: 0 0 1.6rem;
min-height: 9rem;
}
.int-integration-blk p {
font-size: 2rem;
line-height: normal;
}
.int-integration-tabsection {
padding: 6.3rem 0 4.2rem;
}
.int-integration-tabsection .int-pills .nav-pills .nav-item {
width: calc(25% - 7px);
}
.int-integration-tabsection .int-pills .nav-pills .nav-link {
width: 100%;
padding: 1rem 1.5rem;
}
.int-integration-tabsection .int-pills .nav-pills {
gap: 9px;
justify-content: center;
}
.integration-piils-blk {
flex-wrap: wrap;
row-gap: 5.2rem;
column-gap: 3.5rem;
margin-top: 2.3rem;
}
.integration-piils-blk .integration-piils-single {
border: 1px solid #e4edff;
background: #fff;
overflow: hidden;
height: 17.9rem;
padding: 1.4rem 0 2.1rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: calc(20% - 2.8rem);
}
.integration-piils-blk .integration-piils-single img {
height: 10rem;
width: 100%;
object-fit: contain;
padding: 10px 20px;
}
.integration-piils-blk .integration-piils-single span {
font-size: 1.6rem;
line-height: normal;
padding: 0 1rem;
}
/* open positions page */
.int-open-positions-section .int-pills .nav-pills .nav-item {
width: calc(33.33% - 7px);
}
.int-position-content {
border-radius: 12px;
background-color: #f6f6f6;
box-shadow: 3px 3px 12.9px 0px rgba(0, 0, 0, 0.1);
padding: 6.5rem 4.1rem 4rem 4.9rem;
}
.int-position-content h3 {
font-size: 3rem;
line-height: 4.5rem;
margin: 0;
}
.int-position-content span {
display: inline-block;
font-size: 1.6rem;
line-height: 4.5rem;
}
.int-position-content ul li,
.int-position-content p {
font-size: 1.5rem;
line-height: normal;
margin: 0 30px 0 0;
}
.int-position-content .int-position-content-h {
max-height: 41.7rem;
overflow-y: auto;
}
.int-position-content .int-position-single {
margin: 0 0 2.4rem;
padding: 0 0 1.9rem;
border-bottom: 1px solid #d4d4d4;
}
/* career page */
.int-career-top {
padding: 12.8rem 5rem 7.2rem;
}
.int-career-top.int-gredient {
background: linear-gradient(
180deg,
#c9def6 0%,
rgba(233, 241, 251, 0.41) 70.12%,
rgba(255, 255, 255, 0) 100%
);
}
.int-career-top-section {
padding: 7.3rem 0 0;
}
.int-career-top h2 {
font-size: 6.2rem;
line-height: 4.5rem;
}
.int-career-top-section .int-career-top div {
margin: 5.4rem 0 0;
}
.int-career-benefits {
padding: 11.4rem 0 0;
}
.int-career-benefits h2,
.int-career-employees h2 {
margin: 0 0 7.2rem;
}
.int-career-benefits-row .int-career-benefits-blk {
text-align: center;
max-width: 25rem;
margin: 0 2rem;
}
.int-career-benefits-row .ic-img-wrp {
width: 120px;
height: 120px;
border-radius: 50%;
background-color: #fff;
box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25);
}
.int-career-benefits-row .int-career-benefits-blk .int-benefit-right {
margin-top: 1rem;
}
.int-career-benefits-row .int-career-benefits-blk p {
margin: 0;
}
.int-career-employees-row .int-career-employees-blk {
border-radius: 100px;
border: 2px solid #093eb0;
margin: 0 auto;
overflow: hidden;
}
.int-career-employees-row .int-career-employees-blk,
.int-career-value-row,
.int-career-benefits-row,
.int-career-bottom .row {
max-width: 102.7rem;
}
.int-career-employees-blk .int-career-employees-bottom {
width: 60rem;
display: flex;
justify-content: center;
flex-direction: column;
padding: 0 5rem 0 3rem;
}
.int-career-employees-blk .int-career-employees-top {
padding: 37px 0 86px 39px;
}
.int-career-employees-blk .int-career-employees-topv img {
width: 33.3rem;
object-fit: contain;
}
.int-career-employees-blk .int-career-employee-name {
margin-top: 1.7rem;
padding-bottom: 15px;
width: max-content;
border-bottom: 2px solid #fdcd48;
}
.int-career-employees-blk p {
text-align: justify;
height: 100%;
max-height: 224px;
overflow-y: auto;
}
.int-career-quote.quote-bottom {
position: absolute;
bottom: -4rem;
right: 0;
transform: rotate(180deg);
}
.int-career-employees-row {
max-width: 125.7rem;
height: 48.2rem;
margin-left: auto;
margin-right: auto;
}
.int-career-bottom {
background: linear-gradient(180deg, #f3f8ff 0%, rgba(243, 248, 255, 0) 100%);
}
.int-career-bottom h2 {
margin: 0 0 5.2rem;
}
.int-career-bottom .int-career-drive {
margin-left: 9.2rem;
max-width: 37rem;
}
.int-career-bottom .int-career-drive h3,
.int-career-bottom .int-career-value h3 {
font-size: 3rem;
line-height: 4.5rem;
}
.int-career-bottom .int-career-value {
border: 1px solid #093eb0;
padding: 5.2rem 4rem 5rem 5.3rem;
height: 100%;
}
.int-career-bottom .int-career-value .int-value-img {
margin-right: 4rem;
min-width: 8.7rem;
}
.int-career-value-row.row > * {
margin-bottom: 3.8rem;
}
.int-career__job-description:not(.active){
display:none;
}
/* .int-home-full-slider{
overflow-x: hidden;
}
.int-home-slider .img-bg-video {
position: absolute;
z-index: -1;
width: 100%;
} */
/* case study templete */
.case-study-content-wrapper h2,
.case-study-content-wrapper h3,
.case-study-content-wrapper h4,
.case-study-content-wrapper h5 {
margin-bottom: 20px;
}
.int-cs-text {
color: #0a3254;
}
.cs-section h2 {
color: #0a3254;
font-size: 40px;
font-weight: 800;
line-height: 45px;
margin-bottom: 20px;
}
.int-cs-bg {
background-color: #0a3254;
}
.int-case-study-bg {
padding: 9.7rem 0 14.4rem;
}
.int-cs-banner-left h3 {
font-size: 24px;
line-height: 35px;
font-weight: 800;
}
.int-cs-banner-left p {
width: 55rem;
max-width: 100%;
}
.int-cs-banner-left .cs-banner-quote {
font-size: 30px;
font-weight: 700;
line-height: 35px;
}
.int-single-journey {
padding: 7.5rem 3.2rem 4.7rem;
box-shadow: 10px 10px 20px 0px rgba(9, 62, 176, 0.25);
height: 100%;
}
.cs-section {
padding-bottom: 8.4rem;
}
.int-case-journey-blk .int-single-journey h3 {
font-size: 24px;
line-height: 30px;
}
.int-case-journey-blk .int-single-journey p {
font-size: 20px;
line-height: 30px;
}
.int-study-blk p,
.int-case-advantage-blk p {
margin-bottom: 15px;
/* text-align: justify; */
}
.int-study-grid .int-study-desc h3 {
font-size: 20px;
line-height: 22px;
margin-bottom: 0;
color: #0a3254;
}
.int-study-grid .int-study-desc h5 {
line-height: 35px;
margin-bottom: 0;
}
.int-card-list ul.cs-list-group {
list-style: none;
padding: 0;
margin: 0;
flex-wrap: wrap;
display: flex;
row-gap: 10px;
column-gap: 17px;
}
.int-card-list ul.cs-list-group li {
width: calc(50% - 9px);
display: flex;
flex-direction: column;
margin: 0;
padding: 9px 22px 12px;
border-radius: 12px;
background-color: #e7f4fb;
font-size: 20px;
font-weight: 600;
line-height: 25px;
justify-content: center;
min-height: 70px;
}
.int-card-grid .int-card-grid-single {
border-radius: 12px;
padding: 23px 22px;
min-height: 23.3rem;
}
.int-card-grid .int-study-grid .int-study-desc h5 {
line-height: 18px;
margin-top: 8px;
}
.int-study-grid .int-study-person img {
height: 65px;
width: 65px;
min-width: 65px;
border-radius: 50%;
}
.cs-section .quote-sub-text {
font-size: 14px;
font-weight: 400;
line-height: 15px;
margin-top: 10px;
}
.cs-section:last-child {
padding-bottom: 0;
}
.section-bg-blue {
color: #fff;
}
.int-case-technology h2 {
font-weight: 800;
margin-bottom: 15px;
}
.int-case-technology h3,
.int-case-implementation-blk h3 {
font-weight: 800;
font-size: 30px;
line-height: 45px;
}
.int-study-grid-large .int-study-person img {
min-width: 208px;
height: 208px;
margin-right: 35px;
}
.int-case-technology .int-study-grid .int-study-desc h3 {
color: #fff;
}
.int-case-technology .int-study-grid .int-study-desc p {
margin-bottom: 15px;
font-weight: 700;
}
.int-case-solution-blk h3,
.int-case-solution-blk h2 {
text-align: center;
}
.int-case-solution-blk h3 {
font-weight: 400;
font-size: 30px;
line-height: 35px;
margin-bottom: 80px;
}
.int-case-solution-blk .int-case-solution-single {
padding: 49px 5px 37px;
height: 100%;
}
.int-case-solution-blk .int-case-solution-single p {
color: #012f87;
font-size: 20px;
line-height: 26px;
}
.int-case-technology .int-card-grid .int-card-grid-single {
min-height: 290px;
}
.int-case-key-impact .int-case-impact-single {
border: 2px dashed #fff;
min-height: 25.8rem;
height:100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 62px 30px 30px;
}
.int-case-key-impact .int-case-impact-single h2 {
min-height: 77px;
color: #fdcd48;
font-size: 60px;
font-weight: 800;
line-height: 45px;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.int-case-key-impact .int-case-impact-single h2 span {
display: block;
font-size: 32px;
}
.int-case-key-impact .int-case-impact-single p {
font-size: 20px;
line-height: 26px;
min-height: 53px;
display: flex;
align-items: center;
}
.int-case-implementation-slider .int-case-implementation-slide {
border-radius: 12px;
background-color: #0c3e69;
padding: 47px 66px 14px;
}
.int-case-implementation-slide .phase-tag {
border-radius: 4px;
background-color: #fdcd48;
color: #153b84;
font-size: 18px;
font-weight: 500;
line-height: 34px;
padding: 0 16px;
display: inline-block;
margin: 0 0 8px;
}
.int-case-implementation-slider .int-card-list ul li {
color: #000;
width: 100%;
font-size: 18px;
}
.int-case-implementation-slider .int-card-list h3 {
font-size: 22px;
}
.slider-white .slick-prev:before {
background-image: url('data:image/svg+xml,');
left: -4rem;
}
.slider-white .slick-next:before {
background-image: url('data:image/svg+xml,');
right: -5rem;
}
.int-case-implementation-slider .slick-dots > li button {
border-color: #767676;
background-color: transparent;
}
.int-case-implementation-slider .slick-dots {
bottom: -35px;
}
.int-case-implementation-slider .slick-dots > li.slick-active button {
background-color: #fdcd48;
border-color: #fff;
}
.int-case-advantage h3,
.int-card-list h3 {
color: #0a3254;
font-weight: 700;
line-height: 40px;
}
.int-case-advantage.int-card-list h3 {
margin-bottom: 15px;
}
.section-bg-white .int-case-key-impact .int-case-impact-single {
border-color: #0a3254;
}
.section-bg-white .int-case-key-impact .int-case-impact-single p,
.section-bg-white .int-case-key-impact .int-case-impact-single h2 {
color: #0a3254;
}
.int-study-grid-large .int-study-desc p {
font-weight: 700;
}
.int-case-future h2,
.int-case-future h3 {
text-align: left;
}
.text-white .int-card-list ul.cs-list-group li {
color: #000;
}
.int-client-review-single .int-study-grid .int-study-desc h5 {
line-height: 24px;
}
.int-cs-grid-blk {
border-radius: 12px;
background: #1e4b6b;
padding: 47px 24px 30px 32px;
height: 100%;
}
.int-cs-grid-blk ul {
margin-bottom: 40px;
margin-left: 23px;
}
.int-cs-grid-blk ul li {
line-height: 20px;
}
.int-cs-grid-blk .int-study-grid {
margin-top: 22px;
}
.int-cs-list ul {
margin-left: 23px;
}
.int-case-learn.int-case-key-impact h3 {
font-weight: 400;
}
.int-case-learn.int-case-key-impact .int-case-impact-single {
margin-bottom: 15px;
}
.int-case-learn.int-case-journey-blk h2 {
text-align: center;
}
.int-press-cards.press-cards h2 {
color: #fff;
text-align: center;
}
.cs-border-top-light {
border-top: 1px solid #7dc8ff;
}
.int-press-cards p,
.int-press-cards .press-card-single .press-card-bg span {
color: #000;
}
.text-white h2,
.text-white h3,
.text-white .int-study-grid .int-study-desc h3 {
color: #fff;
}
.other-cs .int-btn {
min-width: 212px;
font-size: 15px;
line-height: 25px;
}
.int-case-study-bg .cs-go-back {
color: #fdcd48;
font-size: 24px;
font-weight: 800;
display: inline-block;
margin-bottom: 60px;
position: relative;
}
.int-case-study-bg .cs-go-back img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -8rem;
border-radius: 33px;
background-color: rgba(255, 255, 255, 0.5);
width: 54px;
height: 54px;
padding: 19px 13px;
}
.cs-section ul {
margin-left: 20px;
}
.int-card-grid .int-card-grid-single ul {
/* margin-left: 32px; */
}
.int-card-eq-height .int-card-grid,
.int-card-eq-height .int-card-grid .int-card-grid-single {
height: 100%;
}
.case-study-content-wrapper iframe {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}
.int-case-implementation-slider .slick-dots button[aria-label="1 of 1"] {
display: none;
}
.other-cs.text-white,
.other-cs.text-white h3 {
color: #000 !important;
}
.other-cs.text-white .slick-prev:before,
.other-cs.text-white .slick-next:before {
background-color: #fff;
height: 30px;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
background-position: center;
border-radius: 50%;
background-size: 8px;
}
.other-cs .single-service-item .service-item-bottom {
min-height: 24.4rem;
}
body .solution-slider-main .slick-prev.slick-arrow {
left: -20px;
}
body .solution-slider-main .slick-next.slick-arrow {
right: -20px;
}
body .solution-slider-main .slick-prev.slick-arrow,body .solution-slider-main .slick-next.slick-arrow {
top: 46%;
transform: translateY(-50%) !important;
}
/* 05-07-24 */
body.elementor-page-33 {
background-color: #fff !important;
}
@media only screen and (min-width: 1200px) {.yellow-background {
background: #fdcd48;padding:5px}
.wistia_responsive_padding{min-height:307px;}.wistia_popover_embed{ display: flex;
justify-content: center; align-items: center;}#hsForm_27bc9771-4d11-439a-8867-8e5bedfb40ba .inputs-list>li { display:ruby !important; padding-right: 15px}}
.wistia_popover_overlay{margin : 0 auto;}
.position_relative{position : relative;}.testi-border .elementor-testimonial-content {border-bottom: 1px solid #093EB0;padding-bottom: 30px;}.hs-form-27bc9771-4d11-439a-8867-8e5bedfb40ba_1ca1cb0b-fb8f-45d6-88e9-e4f95011b40e .hs-button{width:200px}
.cs-section p b {font-size:25px}
.c-subscribe .hs-button.primary.large {width: 100% !important;background: #fdcd48;border-color: #fdcd48;color: #1b1d1c;font-size: 12px;line-height: 12px;font-family: Manrope;font-weight: 800;padding: 12px 24px; margin-top: 15px;}#email-86e6ab0b-0ba7-407a-a1dc-ec3bea321eb6 {padding: 8px 24px;margin-bottom:10px;}.c-subscribe .hs-error-msg {color: #f2545b;font-size:14px;font-family: Manrope;}.c-subscribe .hs-error-msgs li{list-style-type: none;}
#email-2526531d-abee-40ec-a4d3-a1d09857b5e9,#firstname-2526531d-abee-40ec-a4d3-a1d09857b5e9 {
width: 100%;
padding: 20px;
border-radius: 6px;
border: 1px solid #181717;margin-bottom:20px;
}.ebook-form .hs-error-msgs {margin:0}
.ebook-form .hs-error-msg {color: #f2545b;font-size:12px;font-family: Manrope;}.ebook-form .hs-error-msgs li{list-style-type: none;}
.ebook-form .hs-button.primary.large{width:100%;background:#031d57;
font-size: 20px;color:white;padding:20px;
font-weight: 600;background-size: cover;
background-image: url('https://interface.ai/wp-content/uploads/2025/01/Group-1361.png');
margin-top:25px;}.blue-radient .elementor-button {
background:#031d57;
background-image: url('https://interface.ai/wp-content/uploads/2025/01/Group-1361-1.png');background-size: cover;width:100%;
}
@media only screen and (max-width: 1199px) {
.blue-radient.half-width .elementor-button { width:50%;}
.background-text{background:#fccd45;padding:5px}}
@media (min-width: 991px) and (max-width: 1600px) {
.banner-content .elementor-heading-title{font-size: 65px !important;line-height: 70px !important;}
.elementor-12643 .elementor-element.elementor-element-80bd065 .elementor-heading-title{font-size:30px;line-height:35px;}
.blue-radient .elementor-button {font-size:16px !important;}
.banner-content .elementor-widget-text-editor{font-size:30px !important;line-height:40px !important;}
.elementor-12643 .elementor-element.elementor-element-e261010,.elementor-12898 .elementor-element.elementor-element-e261010{font-size:28px !important;line-height:32px !important;}.banner-logo.elementor-widget.elementor-widget-image .elementor-widget-container {margin: 10px 16px 40px 0 !important;}
.ebook-banner { min-height: 600px !important;}.background-text < .elementor-widget-container{margin:10px !important;}#email-2526531d-abee-40ec-a4d3-a1d09857b5e9, #firstname-2526531d-abee-40ec-a4d3-a1d09857b5e9{padding:10px}.ebook-form .hs-button.primary.large{margin-top:15px;padding:15px;}
.landing-form.e-flex.e-con-boxed.e-con.e-child { min-height:410px !important;width:400px;}.banner-logo.elementor-element.elementor-element-0e83c8e .elementor-widget-container {margin: 0px 16px 0px 0 !important;}
}.landing-form label.hs-form-checkbox-display {display: inline-flex;align-items: center; margin-top: -5px;}
.ebook-form ul.inputs-list.multi-container {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style-type: none;
margin-right: 0;
margin: 0;
}.ebook-form label.hs-form-checkbox-display {
display: flex;
align-items: center;
}
.ebook-form .inputs-list.multi-container li.hs-form-checkbox {
width: 50%; /* This makes the items take up half of the container width */
box-sizing: border-box; /* To include padding and borders in the width calculation */
font-size: 18px;line-height:1.5;
}
label#label-intent_questions_2-2526531d-abee-40ec-a4d3-a1d09857b5e9,#label-intent_questions_2-bbe68d49-c69f-4da0-ab75-842ffde3638f {
font-weight: 700;font-size: 15px;margin-bottom:10px;margin-top:20px;}.ebook-form .inputs-list.multi-container li.hs-form-checkbox span{padding-left:8px}
.banner-logo .elementor-widget-container img[src$=".svg"] {
width: 250px;}
.webinar-content{max-width: 981px !important;} .webinar-content p {font-size:20px;line-height:30px;margin-bottom:20px;}.webinar-form .input textarea, .webinar-form .input input {
max-width: 100%;
padding: 15px;
width: 100% !important;
border-radius: 6px;
border: 1px solid #c4bbbb;}.hs-form-58e6e26a-54ad-44cd-974c-0525fd60c165_abb89c4a-8f3e-4a64-9bda-c637f832191a fieldset{max-width:100% !important;}.landing-form .e-con-inner {max-width:500px ! important;}
.home-blue-radient .elementor-button {
background:#031d57;
background-image: url('https://uat.interface.ai/wp-content/uploads/2025/02/Group-1361-2.png');background-size: cover;
} .image-slider-home .swiper-slide-image{width:100% !important;height:80px;}
@media (min-width: 991px) and (max-width: 1600px) {.para-font-size .elementor-widget-container {font-size:25px}.ebook-form .inputs-list.multi-container li.hs-form-checkbox {
font-size: 14px;line-height:1.5;
}
.talk-to-us h1.elementor-heading-title {font-size: 27px !important;}.talk-to-us h3.elementor-heading-title {font-size: 26px !important;}.talk-to-us h4.elementor-heading-title {font-size: 20px !important;line-height:1.5 !important;}.talk-to-us.e-con-boxed.e-con.e-parent.e-lazyloaded .e-con-inner {padding-top:15px;} .elementor-element.elementor-element-cc7d075.landing-form.e-con-full.e-flex.e-con.e-child {padding: 10px 40px;}.slider-banner { padding-top:10px
}.video-container iframe {height:400px;}.banner-content.new h1.elementor-heading-title {font-size:50px !important;line-height:1.2 !important}
.elementor-13452 .elementor-element.elementor-element-40108a9 .elementor-icon-list-item > .elementor-icon-list-text {
font-size:20px;
}.landing-form.e-con.e-flex > .e-con-inner{
padding-top: 20px;padding-bottom:20px;
}
.banner-title-2 .elementor-heading-title {
font-size: 36px !important;
line-height: 43px !important;
}.webinar-form .input input{padding:7px;}.webinar-banner{min-height:550px !important;}.elementor-13452 .elementor-element.elementor-element-0753748{padding-bottom:10px !important;}.banner-element h1.elementor-heading-title {font-size: 45px !important;line-height: 50px !important;}.banner-element .e-con-inner{padding:0px;}.banner-element{margin-bottom:0}
h2.elementor-heading-title,.elementor-image-box-title {font-size:35px !important;line-height:40px !important;}
h3.elementor-heading-title {font-size:30px !important;line-height:1.5 !important;}
h4.elementor-heading-title {font-size:25px !important;line-height:1.5 !important;}
span.elementor-heading-title {font-size:22px !important;line-height:1.5 !important;} .elementor-widget-container{font-size:18px;line-height:1.5}
.elementor-button {font-size:12px !important;padding-top:12px !important;padding-bottom:12px !important;}.new-footer-cta .e-con.e-grid > .e-con-inner {width:75% !important;}.homepage_slider_new .e-n-carousel.swiper {margin-top: -40px;
margin-bottom: -50px;}.elementor-661 .elementor-element.elementor-element-beeff03 img{width:80%}.elementor-element.elementor-element-71c23d97 { padding-top: 0;}.elementor-661 .elementor-element.elementor-element-22573712 > .elementor-widget-container{margin-bottom:0}.three_columns_matric .e-child{width:250px;min-height:250px;} .three_columns_matric h2.elementor-heading-title{font-size:60px !important}.homepage_slider_new span.elementor-icon-list-text {font-size:16px}
.background-text h2.elementor-heading-title {font-size:25px !important;} .testimonial-new-slider h3.elementor-heading-title{font-size:22px !important;
}.testimonial-new-slider h4.elementor-heading-title{font-size:16px !important;}
}
@media only screen and (max-width: 500px) {
.video-container iframe {height:250px !important;}}
/* Gated form CSS Start ****/
.gated-form .input input{max-width: 100%;padding: 15px !important;width: 100% !important;border-radius: 6px;border: none}
.gated-form label{ color: #204CA1;margin-bottom:10px;font-size:18px;font-weight:400;}
.gated-form .hs-button{background-color:#093EB0 !important;color:white !important;margin: 20px auto;}
.gated-form .hs_submit{text-align:center;}.gated-form .hs-error-msg{color: #f2545b; font-size: 14px;font-family: Manrope;list-style:none}.gated-form .hs-error-msgs{list-style:none;}.gated-form .form-columns-2 { max-width: 100%;}
.gated-form .wistia_responsive_wrapper::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url('https://uat.interface.ai/wp-content/uploads/2025/02/Overlay-Rectangle-.png'); /* Add your overlay image */
background-size: cover; /* Ensure it covers the div completely */
z-index: 1; /* To make sure the overlay is on top */
background-position:center;
}.gated-form .wistia_responsive_wrapper.no-overlay::after {
content: none; /* This removes the overlay */}
/* Gated form CSS End ****/
.testimonial-new-slider .elementor-button:focus, .testimonial-new-slider .elementor-button:active, .testimonial-new-slider .elementor-button:hover{box-shadow:none !important}
@media only screen and (max-width: 1200px) {.why-interface-table{overflow-x: auto;
-webkit-overflow-scrolling: touch; width:100%; }.why-interface-table .elementor-widget{width:330px}}.ebook-form .inputs-list.multi-container input{
line-height: 1.2;
padding: 0 !important;
width:5% !important;
}label#label-message-aa8f8ef5-4ab1-4fff-9acb-6b6b28ba71d0 {
margin-bottom: 10px;
font-size: 18px;
margin-top: 30px;
}.webinar-form .hs-richtext {
font-size: 14px;
margin-top: 15px;
}#label-current_ai_vendor_s_-f7806413-ff5b-4338-838d-13d569af6978 {margin-top:20px;margin-bottom:10px;}