/*!*********************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/swiper/swiper-bundle.css ***!
\*********************************************************************************************************************/
/**
* Swiper 11.2.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2025 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: February 14, 2025
*/
/* FONT_START */
@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
}
/* FONT_END */
:root {
--swiper-theme-color: #007aff;
/*
--swiper-preloader-color: var(--swiper-theme-color);
--swiper-wrapper-transition-timing-function: initial;
*/
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-top-offset: 50%;
--swiper-navigation-sides-offset: 10px;
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next';
}
/* Navigation font end */
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 50%;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform,
200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform,
200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform,
200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
:root {
/*
--swiper-scrollbar-border-radius: 10px;
--swiper-scrollbar-top: auto;
--swiper-scrollbar-bottom: 4px;
--swiper-scrollbar-left: auto;
--swiper-scrollbar-right: 4px;
--swiper-scrollbar-sides-offset: 1%;
--swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
--swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
--swiper-scrollbar-size: 4px;
*/
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
/* Zoom container styles start */
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
cursor: move;
touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
/*!***************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/slick-carousel/slick/slick.css ***!
\***************************************************************************************************************************/
/* Slider */
.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;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*!*********************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/slick-carousel/slick/slick-theme.css ***!
\*********************************************************************************************************************************/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url('clientlib-site/css/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('clientlib-site/css/fonts/slick.eot');
src: url('clientlib-site/css/fonts/slick.eot?#iefix') format('embedded-opentype'), url('clientlib-site/css/fonts/slick.woff') format('woff'), url('clientlib-site/css/fonts/slick.ttf') format('truetype'), url('clientlib-site/css/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/*!*****************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/paginationjs/dist/pagination.css ***!
\*****************************************************************************************************************************/
.paginationjs{display:flex;line-height:1.6;font-family:Marmelad,"Lucida Grande",Arial,"Hiragino Sans GB",Georgia,sans-serif;font-size:14px;box-sizing:initial}.paginationjs:after{display:table;content:" ";clear:both}.paginationjs .paginationjs-pages{float:left;margin-left:10px}.paginationjs .paginationjs-pages ul{float:left;margin:0;padding:0}.paginationjs .paginationjs-go-button,.paginationjs .paginationjs-go-input,.paginationjs .paginationjs-size-changer{margin-left:10px;float:left;font-size:14px}.paginationjs .paginationjs-pages li{float:left;border:1px solid #aaa;border-right:none;list-style:none}.paginationjs .paginationjs-pages li>a{min-width:30px;height:28px;line-height:28px;display:block;background:#fff;font-size:14px;color:#333;text-decoration:none;text-align:center;cursor:pointer}.paginationjs .paginationjs-pages li>a:hover{background:#eee}.paginationjs .paginationjs-pages li.active{border:none}.paginationjs .paginationjs-pages li.active>a{height:30px;line-height:30px;background:#aaa;color:#fff;cursor:default}.paginationjs .paginationjs-pages li.disabled>a{opacity:.3;cursor:default}.paginationjs .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs .paginationjs-pages li:first-child,.paginationjs .paginationjs-pages li:first-child>a{border-radius:3px 0 0 3px}.paginationjs .paginationjs-pages li:last-child{border-right:1px solid #aaa;border-radius:0 3px 3px 0}.paginationjs .paginationjs-pages li:last-child>a{border-radius:0 3px 3px 0}.paginationjs .paginationjs-size-changer>select{height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}.paginationjs .paginationjs-go-input>input[type=text]{width:30px;height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}.paginationjs .paginationjs-go-button>input[type=button]{min-width:40px;height:30px;line-height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;text-align:center;padding:0 8px;font-size:14px;vertical-align:baseline;outline:0;box-shadow:none;color:#333;cursor:pointer;vertical-align:middle\9}.paginationjs .paginationjs-go-button>input[type=button]:hover{background-color:#f8f8f8}.paginationjs .paginationjs-nav{float:left;height:30px;line-height:30px;font-size:14px}.paginationjs.paginationjs-small{font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li>a{min-width:26px;height:24px;line-height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li.active>a{height:26px;line-height:26px}.paginationjs.paginationjs-small .paginationjs-size-changer{font-size:12px}.paginationjs.paginationjs-small .paginationjs-size-changer>select{height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-input{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-input>input[type=text]{width:26px;height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button>input[type=button]{min-width:30px;height:26px;line-height:24px;padding:0 6px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-nav{height:26px;line-height:26px;font-size:12px}.paginationjs.paginationjs-big{font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li>a{min-width:36px;height:34px;line-height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li.active>a{height:36px;line-height:36px}.paginationjs.paginationjs-big .paginationjs-size-changer{font-size:16px}.paginationjs.paginationjs-big .paginationjs-size-changer>select{height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-input{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{width:36px;height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button>input[type=button]{min-width:50px;height:36px;line-height:34px;padding:0 12px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-nav{height:36px;line-height:36px;font-size:16px}.paginationjs>:first-child{margin-left:0}.paginationjs.paginationjs-theme-blue .paginationjs-pages li{border-color:#289de9}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a{color:#289de9}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a:hover{background:#e9f4fc}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a{background:#289de9;color:#fff}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-blue .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-blue .paginationjs-size-changer>select{border-color:#289de9}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]{background:#289de9;border-color:#289de9;color:#fff}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]:hover{background-color:#3ca5ea}.paginationjs.paginationjs-theme-green .paginationjs-pages li{border-color:#449d44}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a{color:#449d44}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a:hover{background:#ebf4eb}.paginationjs.paginationjs-theme-green .paginationjs-pages li.active>a{background:#449d44;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-green .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-green .paginationjs-size-changer>select{border-color:#449d44}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]{background:#449d44;border-color:#449d44;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]:hover{background-color:#55a555}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li{border-color:#ec971f}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a{color:#ec971f}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a:hover{background:#fdf5e9}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a{background:#ec971f;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-yellow .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-yellow .paginationjs-size-changer>select{border-color:#ec971f}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]{background:#ec971f;border-color:#ec971f;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]:hover{background-color:#eea135}.paginationjs.paginationjs-theme-red .paginationjs-pages li{border-color:#c9302c}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a{color:#c9302c}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a:hover{background:#faeaea}.paginationjs.paginationjs-theme-red .paginationjs-pages li.active>a{background:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-red .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-red .paginationjs-size-changer>select{border-color:#c9302c}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]{background:#c9302c;border-color:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]:hover{background-color:#ce4541}.paginationjs .paginationjs-pages li.paginationjs-next{border-right:1px solid #aaa\9}.paginationjs .paginationjs-size-changer{margin-left:5px\9}.paginationjs .paginationjs-size-changer>select{line-height:28px\9;vertical-align:middle\9}.paginationjs .paginationjs-go-input{margin-left:5px\9}.paginationjs .paginationjs-go-input>input[type=text]{line-height:28px\9;vertical-align:middle\9}.paginationjs .paginationjs-go-button{margin-left:5px\9}.paginationjs.paginationjs-big .paginationjs-pages li>a{line-height:36px\9}.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{height:36px\9;line-height:36px\9}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/glob-import-loader/index.js??ruleSet[1].rules[2].use[4]!./src/main/webpack/site/main.scss ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Klavika Web Light */
@font-face {
font-family: "KlavikaWeb";
src: url("clientlib-site/resources/fonts/KlavikaWebLight/KlavikaWebLight.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebLight/KlavikaWebLight.woff") format("woff");
font-weight: 300;
font-style: normal;
}
/* Klavika Web Light Italic */
@font-face {
font-family: "KlavikaWeb";
src: url("clientlib-site/resources/fonts/KlavikaWebLightItalic/KlavikaWebLightItalic.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebLightItalic/KlavikaWebLightItalic.woff") format("woff");
font-weight: 300;
font-style: italic;
}
/* Klavika Web Regular */
@font-face {
font-family: "KlavikaWeb";
src: url("clientlib-site/resources/fonts/KlavikaWebRegular/KlavikaWebRegular.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebRegular/KlavikaWebRegular.woff") format("woff");
font-weight: 400;
font-style: normal;
}
/* Klavika Web Regular Italic */
@font-face {
font-family: "KlavikaWeb";
src: url("clientlib-site/resources/fonts/KlavikaWebRegularItalic/KlavikaWebRegularItalic.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebRegularItalic/KlavikaWebRegularItalic.woff") format("woff");
font-weight: 400;
font-style: italic;
}
/* Klavika Web Medium */
@font-face {
font-family: "KlavikaWeb";
src: url("clientlib-site/resources/fonts/KlavikaWebMedium/KlavikaWebMedium.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebMedium/KlavikaWebMedium.woff") format("woff");
font-weight: 500;
font-style: normal;
}
/* Klavika Web Medium Italic */
@font-face {
font-family: "KlavikaWeb";
src: url("clientlib-site/resources/fonts/KlavikaWebMediumItalic/KlavikaWebMediumItalic.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebMediumItalic/KlavikaWebMediumItalic.woff") format("woff");
font-weight: 500;
font-style: italic;
}
/* Klavika Web Bold */
@font-face {
font-family: "KlavikaWeb";
src: url("clientlib-site/resources/fonts/KlavikaWebBold/KlavikaWebBold.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebBold/KlavikaWebBold.woff") format("woff");
font-weight: 700;
font-style: normal;
}
/* Klavika Web Bold Italic */
@font-face {
font-family: "KlavikaWeb";
src: url("clientlib-site/resources/fonts/KlavikaWebBoldItalic/KlavikaWebBoldItalic.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebBoldItalic/KlavikaWebBoldItalic.woff") format("woff");
font-weight: 700;
font-style: italic;
}
/* Klavika Web Display Thin */
@font-face {
font-family: "KlavikaWeb";
src: url("clientlib-site/resources/fonts/KlavikaWebDisplayThin/KlavikaWebDisplayThin.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebDisplayThin/KlavikaWebDisplayThin.woff") format("woff");
font-weight: 100;
font-style: normal;
}
/* Klavika Web Display Thin Condensed */
@font-face {
font-family: "KlavikaWebCondensed";
src: url("clientlib-site/resources/fonts/KlavikaWebDisplayThinCondensed/KlavikaWebDisplayThinCondensed.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebDisplayThinCondensed/KlavikaWebDisplayThinCondensed.woff") format("woff");
font-weight: 100;
font-style: normal;
}
/* Klavika Web Display Extra Light */
@font-face {
font-family: "KlavikaWeb";
src: url("clientlib-site/resources/fonts/KlavikaWebDisplayExtraLight/KlavikaWebDisplayExtraLight.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebDisplayExtraLight/KlavikaWebDisplayExtraLight.woff") format("woff");
font-weight: 200;
font-style: normal;
}
/* Klavika Web Display Extra Light Condensed */
@font-face {
font-family: "KlavikaWebCondensed";
src: url("clientlib-site/resources/fonts/KlavikaWebDisplayExtraLightCondensed/KlavikaWebDisplayExtraLightCondensed.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebDisplayExtraLightCondensed/KlavikaWebDisplayExtraLightCondensed.woff") format("woff");
font-weight: 200;
font-style: normal;
}
/* Klavika Web Display Ultra Black */
@font-face {
font-family: "KlavikaWeb";
src: url("clientlib-site/resources/fonts/KlavikaWebDisplayUltraBlack/KlavikaWebDisplayUltraBlack.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebDisplayUltraBlack/KlavikaWebDisplayUltraBlack.woff") format("woff");
font-weight: 900;
font-style: normal;
}
/* Klavika Web Display Ultra Black Condensed */
@font-face {
font-family: "KlavikaWebCondensed";
src: url("clientlib-site/resources/fonts/KlavikaWebDisplayUltraBlackCondensed/KlavikaWebDisplayUltraBlackCondensed.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebDisplayUltraBlackCondensed/KlavikaWebDisplayUltraBlackCondensed.woff") format("woff");
font-weight: 900;
font-style: normal;
}
/* Klavika Web Light Cond */
@font-face {
font-family: "KlavikaWebCondensed";
src: url("clientlib-site/resources/fonts/KlavikaWebLightCond/KlavikaWebLightCond.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebLightCond/KlavikaWebLightCond.woff") format("woff");
font-weight: 300;
font-style: normal;
}
/* Klavika Web Light Cond Italic */
@font-face {
font-family: "KlavikaWebCondensed";
src: url("clientlib-site/resources/fonts/KlavikaWebLightCondItalic/KlavikaWebLightCondItalic.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebCondensed/KlavikaWebLightCondItalic/KlavikaWebLightCondItalic.woff") format("woff");
font-weight: 300;
font-style: italic;
}
/* Klavika Web Regular Cond */
@font-face {
font-family: "KlavikaWebCondensed";
src: url("clientlib-site/resources/fonts/KlavikaWebRegularCond/KlavikaWebRegularCond.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebRegularCond/KlavikaWebRegularCond.woff") format("woff");
font-weight: 400;
font-style: normal;
}
/* Klavika Web Regular Cond Italic */
@font-face {
font-family: "KlavikaWebCondensed";
src: url("clientlib-site/resources/fonts/KlavikaWebRegularCondItalic/KlavikaWebRegularCondItalic.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebRegularCondItalic/KlavikaWebRegularCondItalic.woff") format("woff");
font-weight: 400;
font-style: italic;
}
/* Klavika Web Medium Cond */
@font-face {
font-family: "KlavikaWebCondensed";
src: url("clientlib-site/resources/fonts/KlavikaWebMediumCond/KlavikaWebMediumCond.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebMediumCond/KlavikaWebMediumCond.woff") format("woff");
font-weight: 500;
font-style: normal;
}
/* Klavika Web Medium Cond Italic */
@font-face {
font-family: "KlavikaWebCondensed";
src: url("clientlib-site/resources/fonts/KlavikaWebMediumCondItalic/KlavikaWebMediumCondItalic.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebMediumCondItalic/KlavikaWebMediumCondItalic.woff") format("woff");
font-weight: 500;
font-style: italic;
}
/* Klavika Web Bold Cond */
@font-face {
font-family: "KlavikaWebCondensed";
src: url("clientlib-site/resources/fonts/KlavikaWebBoldCond/KlavikaWebBoldCond.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebBoldCond/KlavikaWebBoldCond.woff") format("woff");
font-weight: 700;
font-style: normal;
}
/* Klavika Web Bold Cond Italic */
@font-face {
font-family: "KlavikaWebCondensed";
src: url("clientlib-site/resources/fonts/KlavikaWebBoldCondItalic/KlavikaWebBoldCondItalic.woff2") format("woff2"), url("clientlib-site/resources/fonts/KlavikaWebBoldCondItalic/KlavikaWebBoldCondItalic.woff") format("woff");
font-weight: 700;
font-style: italic;
}
.ta-left {
text-align: left;
}
.ta-center {
text-align: center;
}
.ta-right {
text-align: right;
}
.ta-justify {
text-align: justify;
}
.vertical-ta-left {
vertical-align: left;
}
.vertical-ta-center {
vertical-align: center;
}
.vertical-ta-right {
vertical-align: right;
}
.j-c-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.j-c-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.j-c-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.j-c-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.j-c-flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.j-c-left {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
.j-c-right {
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
.j-c-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.j-c-space-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.j-c-space-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.j-c-stretch {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
}
.j-i-center {
justify-items: center;
}
.j-i-start {
justify-items: start;
}
.j-i-end {
justify-items: end;
}
.j-i-flex-start {
justify-items: flex-start;
}
.j-i-flex-end {
justify-items: flex-end;
}
.j-s-center {
justify-self: center;
}
.j-s-start {
justify-self: start;
}
.j-s-end {
justify-self: end;
}
.j-s-flex-start {
justify-self: flex-start;
}
.j-s-flex-end {
justify-self: flex-end;
}
.a-i-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.a-i-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.a-i-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.a-i-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.a-i-flex-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.a-s-center {
-ms-flex-item-align: center;
align-self: center;
}
.a-s-start {
-ms-flex-item-align: start;
align-self: start;
}
.a-s-end {
-ms-flex-item-align: end;
align-self: end;
}
.a-s-flex-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.a-s-flex-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.ml-auto {
margin-left: auto;
}
.m-i-auto {
margin-inline: auto;
}
.bg-white {
background-color: #ffffff;
}
.bg-foreground {
background-color: #202020;
}
.bg-background {
background-color: #ECECEC;
}
.bg-link {
background-color: #2020E0;
}
.bg-primary-green {
background-color: #00FD45;
}
.bg-primary-charcoal {
background-color: #1D242B;
}
.bg-primary-black {
background-color: #000000;
}
.bg-primary-white {
background-color: #ffffff;
}
.bg-secondary-green {
background-color: #67BF1B;
}
.bg-secondary-charcoal {
background-color: #3E4C5A;
}
.bg-secondary-violet {
background-color: #7578F6;
}
.bg-secondary-blue {
background-color: #0066FF;
}
.bg-secondary-electric-blue {
background-color: #1FB6FF;
}
.bg-black {
background-color: #080808 !important;
}
.bg-light-gray {
background-color: #F0F3F4 !important;
}
.bg-dark-green {
background-color: #004540 !important;
}
.bg-light-green {
background-color: #00B96B !important;
}
.text-white {
color: #ffffff !important;
}
.text-black {
color: #000000 !important;
}
.text-magenta {
color: #FC0080 !important;
}
.text-green {
color: #00DB75 !important;
}
.bg-brand-green {
background-color: #00FC91;
}
.bg-brand-rich-green {
background-color: #00D42D;
}
.bg-brand-orange {
background-color: #FF9320;
}
.bg-brand-pink {
background-color: #FF61F0;
}
.bg-brand-yellow {
background-color: #E7CC00;
}
.d-none {
display: none;
}
.d-inline {
display: inline;
}
.d-inline-block {
display: inline-block;
}
.d-block {
display: block;
}
.d-table {
display: table;
}
.d-table-row {
display: table-row;
}
.d-table-cell {
display: table-cell;
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media (min-width: 576px) {
.d-sm-none {
display: none;
}
.d-sm-inline {
display: inline;
}
.d-sm-inline-block {
display: inline-block;
}
.d-sm-block {
display: block;
}
.d-sm-table {
display: table;
}
.d-sm-table-row {
display: table-row;
}
.d-sm-table-cell {
display: table-cell;
}
.d-sm-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-sm-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none;
}
.d-md-inline {
display: inline;
}
.d-md-inline-block {
display: inline-block;
}
.d-md-block {
display: block;
}
.d-md-table {
display: table;
}
.d-md-table-row {
display: table-row;
}
.d-md-table-cell {
display: table-cell;
}
.d-md-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-md-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none;
}
.d-lg-inline {
display: inline;
}
.d-lg-inline-block {
display: inline-block;
}
.d-lg-block {
display: block;
}
.d-lg-table {
display: table;
}
.d-lg-table-row {
display: table-row;
}
.d-lg-table-cell {
display: table-cell;
}
.d-lg-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-lg-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none;
}
.d-xl-inline {
display: inline;
}
.d-xl-inline-block {
display: inline-block;
}
.d-xl-block {
display: block;
}
.d-xl-table {
display: table;
}
.d-xl-table-row {
display: table-row;
}
.d-xl-table-cell {
display: table-cell;
}
.d-xl-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-xl-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media (min-width: 1400px) {
.d-xxl-none {
display: none;
}
.d-xxl-inline {
display: inline;
}
.d-xxl-inline-block {
display: inline-block;
}
.d-xxl-block {
display: block;
}
.d-xxl-table {
display: table;
}
.d-xxl-table-row {
display: table-row;
}
.d-xxl-table-cell {
display: table-cell;
}
.d-xxl-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-xxl-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media print {
.d-print-none {
display: none;
}
.d-print-inline {
display: inline;
}
.d-print-inline-block {
display: inline-block;
}
.d-print-block {
display: block;
}
.d-print-table {
display: table;
}
.d-print-table-row {
display: table-row;
}
.d-print-table-cell {
display: table-cell;
}
.d-print-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-print-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
.f-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.f-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.f-wrr {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.f-d-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.f-d-rr {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.f-d-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.f-d-cr {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html {
overflow-x: hidden !important;
font-size: 62.5%;
}
body {
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
}
@media (max-width: 767px) {
body::before {
content: "";
z-index: 100;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.5;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
body.filter-open::before {
background: #000;
visibility: visible;
}
body.filter-open, html.filter-open {
overflow: hidden;
}
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.section__container {
width: 100%;
margin: 0 auto !important;
position: relative;
padding: 0px 20px !important;
max-width: 1264px !important;
}
@media (min-width: 1800px) {
.section__container {
max-width: 1650px !important;
}
}
@media (max-width: 991px) {
.section__container {
padding: 0 16px !important;
}
}
.cmp-container .text .cmp-text {
width: 100%;
margin: 0 auto !important;
position: relative;
max-width: 1264px !important;
}
@media (min-width: 1800px) {
.cmp-container .text .cmp-text {
max-width: 1650px !important;
}
}
.cmp-container .text .cmp-text h1 span.text-bg, .cmp-container .text .cmp-text h1 span.text-bg-h2, .cmp-container .text .cmp-text h1 span.text-bg-h3, .cmp-container .text .cmp-text h2 span.text-bg, .cmp-container .text .cmp-text h2 span.text-bg-h2, .cmp-container .text .cmp-text h2 span.text-bg-h3, .cmp-container .text .cmp-text h3 span.text-bg, .cmp-container .text .cmp-text h3 span.text-bg-h2, .cmp-container .text .cmp-text h3 span.text-bg-h3, .cmp-container .text .cmp-text h4 span.text-bg, .cmp-container .text .cmp-text h4 span.text-bg-h2, .cmp-container .text .cmp-text h4 span.text-bg-h3 {
position: relative;
display: block;
z-index: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.cmp-container .text .cmp-text h1 span.text-bg::after, .cmp-container .text .cmp-text h1 span.text-bg-h2::after, .cmp-container .text .cmp-text h1 span.text-bg-h3::after, .cmp-container .text .cmp-text h2 span.text-bg::after, .cmp-container .text .cmp-text h2 span.text-bg-h2::after, .cmp-container .text .cmp-text h2 span.text-bg-h3::after, .cmp-container .text .cmp-text h3 span.text-bg::after, .cmp-container .text .cmp-text h3 span.text-bg-h2::after, .cmp-container .text .cmp-text h3 span.text-bg-h3::after, .cmp-container .text .cmp-text h4 span.text-bg::after, .cmp-container .text .cmp-text h4 span.text-bg-h2::after, .cmp-container .text .cmp-text h4 span.text-bg-h3::after {
content: "";
position: absolute;
top: 0;
right: -15px;
z-index: -1;
height: 62px;
}
@media (min-width: 1800px) {
.cmp-container .text .cmp-text h1 span.text-bg::after, .cmp-container .text .cmp-text h1 span.text-bg-h2::after, .cmp-container .text .cmp-text h1 span.text-bg-h3::after, .cmp-container .text .cmp-text h2 span.text-bg::after, .cmp-container .text .cmp-text h2 span.text-bg-h2::after, .cmp-container .text .cmp-text h2 span.text-bg-h3::after, .cmp-container .text .cmp-text h3 span.text-bg::after, .cmp-container .text .cmp-text h3 span.text-bg-h2::after, .cmp-container .text .cmp-text h3 span.text-bg-h3::after, .cmp-container .text .cmp-text h4 span.text-bg::after, .cmp-container .text .cmp-text h4 span.text-bg-h2::after, .cmp-container .text .cmp-text h4 span.text-bg-h3::after {
height: 76px;
}
}
@media (min-width: 1400px) and (max-width: 1799px) {
.cmp-container .text .cmp-text h1 span.text-bg::after, .cmp-container .text .cmp-text h1 span.text-bg-h2::after, .cmp-container .text .cmp-text h1 span.text-bg-h3::after, .cmp-container .text .cmp-text h2 span.text-bg::after, .cmp-container .text .cmp-text h2 span.text-bg-h2::after, .cmp-container .text .cmp-text h2 span.text-bg-h3::after, .cmp-container .text .cmp-text h3 span.text-bg::after, .cmp-container .text .cmp-text h3 span.text-bg-h2::after, .cmp-container .text .cmp-text h3 span.text-bg-h3::after, .cmp-container .text .cmp-text h4 span.text-bg::after, .cmp-container .text .cmp-text h4 span.text-bg-h2::after, .cmp-container .text .cmp-text h4 span.text-bg-h3::after {
height: 60px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.cmp-container .text .cmp-text h1 span.text-bg::after, .cmp-container .text .cmp-text h1 span.text-bg-h2::after, .cmp-container .text .cmp-text h1 span.text-bg-h3::after, .cmp-container .text .cmp-text h2 span.text-bg::after, .cmp-container .text .cmp-text h2 span.text-bg-h2::after, .cmp-container .text .cmp-text h2 span.text-bg-h3::after, .cmp-container .text .cmp-text h3 span.text-bg::after, .cmp-container .text .cmp-text h3 span.text-bg-h2::after, .cmp-container .text .cmp-text h3 span.text-bg-h3::after, .cmp-container .text .cmp-text h4 span.text-bg::after, .cmp-container .text .cmp-text h4 span.text-bg-h2::after, .cmp-container .text .cmp-text h4 span.text-bg-h3::after {
height: 60px;
}
}
@media (min-width: 576px) and (max-width: 1199px) {
.cmp-container .text .cmp-text h1 span.text-bg::after, .cmp-container .text .cmp-text h1 span.text-bg-h2::after, .cmp-container .text .cmp-text h1 span.text-bg-h3::after, .cmp-container .text .cmp-text h2 span.text-bg::after, .cmp-container .text .cmp-text h2 span.text-bg-h2::after, .cmp-container .text .cmp-text h2 span.text-bg-h3::after, .cmp-container .text .cmp-text h3 span.text-bg::after, .cmp-container .text .cmp-text h3 span.text-bg-h2::after, .cmp-container .text .cmp-text h3 span.text-bg-h3::after, .cmp-container .text .cmp-text h4 span.text-bg::after, .cmp-container .text .cmp-text h4 span.text-bg-h2::after, .cmp-container .text .cmp-text h4 span.text-bg-h3::after {
height: 50px;
}
}
@media (max-width: 575px) {
.cmp-container .text .cmp-text h1 span.text-bg::after, .cmp-container .text .cmp-text h1 span.text-bg-h2::after, .cmp-container .text .cmp-text h1 span.text-bg-h3::after, .cmp-container .text .cmp-text h2 span.text-bg::after, .cmp-container .text .cmp-text h2 span.text-bg-h2::after, .cmp-container .text .cmp-text h2 span.text-bg-h3::after, .cmp-container .text .cmp-text h3 span.text-bg::after, .cmp-container .text .cmp-text h3 span.text-bg-h2::after, .cmp-container .text .cmp-text h3 span.text-bg-h3::after, .cmp-container .text .cmp-text h4 span.text-bg::after, .cmp-container .text .cmp-text h4 span.text-bg-h2::after, .cmp-container .text .cmp-text h4 span.text-bg-h3::after {
height: 46px;
}
}
.cmp-container .text .cmp-text h1 span.text-bg.vivid-orange::after, .cmp-container .text .cmp-text h1 span.text-bg-h2.vivid-orange::after, .cmp-container .text .cmp-text h1 span.text-bg-h3.vivid-orange::after, .cmp-container .text .cmp-text h2 span.text-bg.vivid-orange::after, .cmp-container .text .cmp-text h2 span.text-bg-h2.vivid-orange::after, .cmp-container .text .cmp-text h2 span.text-bg-h3.vivid-orange::after, .cmp-container .text .cmp-text h3 span.text-bg.vivid-orange::after, .cmp-container .text .cmp-text h3 span.text-bg-h2.vivid-orange::after, .cmp-container .text .cmp-text h3 span.text-bg-h3.vivid-orange::after, .cmp-container .text .cmp-text h4 span.text-bg.vivid-orange::after, .cmp-container .text .cmp-text h4 span.text-bg-h2.vivid-orange::after, .cmp-container .text .cmp-text h4 span.text-bg-h3.vivid-orange::after {
background-color: #FF9900;
}
.cmp-container .text .cmp-text h1 span.text-bg.vivid-pink::after, .cmp-container .text .cmp-text h1 span.text-bg-h2.vivid-pink::after, .cmp-container .text .cmp-text h1 span.text-bg-h3.vivid-pink::after, .cmp-container .text .cmp-text h2 span.text-bg.vivid-pink::after, .cmp-container .text .cmp-text h2 span.text-bg-h2.vivid-pink::after, .cmp-container .text .cmp-text h2 span.text-bg-h3.vivid-pink::after, .cmp-container .text .cmp-text h3 span.text-bg.vivid-pink::after, .cmp-container .text .cmp-text h3 span.text-bg-h2.vivid-pink::after, .cmp-container .text .cmp-text h3 span.text-bg-h3.vivid-pink::after, .cmp-container .text .cmp-text h4 span.text-bg.vivid-pink::after, .cmp-container .text .cmp-text h4 span.text-bg-h2.vivid-pink::after, .cmp-container .text .cmp-text h4 span.text-bg-h3.vivid-pink::after {
background-color: #FF61F0;
}
.cmp-container .text .cmp-text h1 span.text-bg.mint-green::after, .cmp-container .text .cmp-text h1 span.text-bg-h2.mint-green::after, .cmp-container .text .cmp-text h1 span.text-bg-h3.mint-green::after, .cmp-container .text .cmp-text h2 span.text-bg.mint-green::after, .cmp-container .text .cmp-text h2 span.text-bg-h2.mint-green::after, .cmp-container .text .cmp-text h2 span.text-bg-h3.mint-green::after, .cmp-container .text .cmp-text h3 span.text-bg.mint-green::after, .cmp-container .text .cmp-text h3 span.text-bg-h2.mint-green::after, .cmp-container .text .cmp-text h3 span.text-bg-h3.mint-green::after, .cmp-container .text .cmp-text h4 span.text-bg.mint-green::after, .cmp-container .text .cmp-text h4 span.text-bg-h2.mint-green::after, .cmp-container .text .cmp-text h4 span.text-bg-h3.mint-green::after {
background-color: #91FF87;
}
.cmp-container .text .cmp-text h1 span.text-bg-h2::after, .cmp-container .text .cmp-text h2 span.text-bg-h2::after, .cmp-container .text .cmp-text h3 span.text-bg-h2::after, .cmp-container .text .cmp-text h4 span.text-bg-h2::after {
width: 2000px;
height: 62px;
}
@media (min-width: 1800px) {
.cmp-container .text .cmp-text h1 span.text-bg-h2::after, .cmp-container .text .cmp-text h2 span.text-bg-h2::after, .cmp-container .text .cmp-text h3 span.text-bg-h2::after, .cmp-container .text .cmp-text h4 span.text-bg-h2::after {
height: 76px;
}
}
@media (min-width: 1400px) and (max-width: 1799px) {
.cmp-container .text .cmp-text h1 span.text-bg-h2::after, .cmp-container .text .cmp-text h2 span.text-bg-h2::after, .cmp-container .text .cmp-text h3 span.text-bg-h2::after, .cmp-container .text .cmp-text h4 span.text-bg-h2::after {
height: 60px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.cmp-container .text .cmp-text h1 span.text-bg-h2::after, .cmp-container .text .cmp-text h2 span.text-bg-h2::after, .cmp-container .text .cmp-text h3 span.text-bg-h2::after, .cmp-container .text .cmp-text h4 span.text-bg-h2::after {
height: 60px;
}
}
@media (min-width: 576px) and (max-width: 1199px) {
.cmp-container .text .cmp-text h1 span.text-bg-h2::after, .cmp-container .text .cmp-text h2 span.text-bg-h2::after, .cmp-container .text .cmp-text h3 span.text-bg-h2::after, .cmp-container .text .cmp-text h4 span.text-bg-h2::after {
height: 50px;
}
}
@media (max-width: 575px) {
.cmp-container .text .cmp-text h1 span.text-bg-h2::after, .cmp-container .text .cmp-text h2 span.text-bg-h2::after, .cmp-container .text .cmp-text h3 span.text-bg-h2::after, .cmp-container .text .cmp-text h4 span.text-bg-h2::after {
height: 40px;
}
}
.cmp-container .text .cmp-text h1 span.text-bg-h3::after, .cmp-container .text .cmp-text h2 span.text-bg-h3::after, .cmp-container .text .cmp-text h3 span.text-bg-h3::after, .cmp-container .text .cmp-text h4 span.text-bg-h3::after {
width: 2000px;
height: 62px;
}
@media (min-width: 1800px) {
.cmp-container .text .cmp-text h1 span.text-bg-h3::after, .cmp-container .text .cmp-text h2 span.text-bg-h3::after, .cmp-container .text .cmp-text h3 span.text-bg-h3::after, .cmp-container .text .cmp-text h4 span.text-bg-h3::after {
height: 76px;
}
}
@media (min-width: 1400px) and (max-width: 1799px) {
.cmp-container .text .cmp-text h1 span.text-bg-h3::after, .cmp-container .text .cmp-text h2 span.text-bg-h3::after, .cmp-container .text .cmp-text h3 span.text-bg-h3::after, .cmp-container .text .cmp-text h4 span.text-bg-h3::after {
height: 60px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.cmp-container .text .cmp-text h1 span.text-bg-h3::after, .cmp-container .text .cmp-text h2 span.text-bg-h3::after, .cmp-container .text .cmp-text h3 span.text-bg-h3::after, .cmp-container .text .cmp-text h4 span.text-bg-h3::after {
height: 60px;
}
}
@media (min-width: 576px) and (max-width: 1199px) {
.cmp-container .text .cmp-text h1 span.text-bg-h3::after, .cmp-container .text .cmp-text h2 span.text-bg-h3::after, .cmp-container .text .cmp-text h3 span.text-bg-h3::after, .cmp-container .text .cmp-text h4 span.text-bg-h3::after {
height: 60px;
}
}
@media (max-width: 575px) {
.cmp-container .text .cmp-text h1 span.text-bg-h3::after, .cmp-container .text .cmp-text h2 span.text-bg-h3::after, .cmp-container .text .cmp-text h3 span.text-bg-h3::after, .cmp-container .text .cmp-text h4 span.text-bg-h3::after {
height: 47px;
}
}
.cmp-container .text .cmp-text h3 span.text-bg {
padding-top: 10px;
}
.cmp-container .text .cmp-text h3 span.wid-80::after {
max-width: 80%;
}
@media (min-width: 1800px) {
.cmp-container .text .cmp-text h3 span.wid-80::after {
max-width: 75%;
}
}
@media (max-width: 1199px) {
.cmp-container .text .cmp-text h3 span.wid-80::after {
max-width: 100%;
}
}
.cmp-container .text .cmp-text li {
line-height: 28px;
margin-bottom: 12px;
font-size: var(--font-size-p-sm);
line-height: var(--line-height-p-sm);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-sm) * -0.02);
}
.cmp-container .text .cmp-text p {
font-size: var(--font-size-p-sm);
line-height: var(--line-height-p-sm);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-sm) * -0.02);
}
.cmp-container .text .cmp-text p.bold {
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-sm) * -0.01);
}
.cmp-container .text .cmp-text li {
line-height: 28px;
margin-bottom: 12px;
}
.cmp-container .text .cmp-text button, .cmp-container .text .cmp-text a {
display: inline-block;
}
/*---===<<< UNIVERSAL RESETS >>>===---*/
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
}
body {
width: 100%;
min-height: 100vh;
overflow-x: hidden;
text-rendering: optimizeSpeed;
max-width: 2888px;
margin: 0 auto;
}
.lock-scroll body {
overflow: hidden;
}
h1, h2, h3, h4, h5, h6, p, fieldset, form, label, table, tbody, tr, th, td, figure, footer, header, menu, nav, section, audio, video, button {
margin: 0;
border: 0;
}
figure,
blockquote,
dl,
dd {
margin: 0;
}
input,
button,
textarea,
select,
cite,
label {
font: inherit;
}
textarea {
resize: vertical;
}
/* button {
border: none;
background-color: transparent;
cursor: pointer;
padding: 0;
&:focus-visible {
outline: 0.2rem dotted rgb(var(--color-focus-visible));
outline-offset: 0.1rem;
}
&[disabled] {
cursor: none;
pointer-events: none;
}
} */
[role=button] {
cursor: pointer;
}
[type=checkbox] {
cursor: pointer;
margin: 0;
}
/*
* Remove list styles on ul, ol elements with a list role
*/
:where(ul[role=list], ol[role=list], ol[role=menu], ul[role=menu]) {
list-style: none;
margin: 0;
padding: 0;
}
/*
* Set table defaults
*/
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
th {
font-weight: inherit;
}
.sr-only,
.cmp-link__screen-reader-only {
position: absolute;
top: 0;
width: 1px;
height: 1px;
padding: 0;
clip: rect(0, 0, 0, 0);
overflow: hidden;
border: 0;
white-space: nowrap;
}
a {
text-decoration: none;
color: #0066FF;
}
div.carousel {
margin: 0;
}
div.image {
margin: 0;
}
ul,
ol {
-webkit-padding-start: 3rem;
padding-inline-start: 3rem;
}
.cmp-text p {
-webkit-margin-after: 2.5rem;
margin-block-end: 2.5rem;
}
.cmp-text p:last-child {
-webkit-margin-after: 0;
margin-block-end: 0;
}
/**-- GLOBAL --**/
body {
font-size: var(--font-size);
line-height: var(--line-height);
font-family: var(--font-family);
color: var(--font-color);
}
h1,
.h1,
.--heading1 {
font-size: var(--font-size-h1);
line-height: var(--line-height-h1);
font-weight: var(--font-weight-medium);
text-transform: uppercase;
font-family: "KlavikaWebCondensed";
}
h1.sm,
.h1.sm,
.--heading1.sm {
font-size: var(--font-size-h1-sm);
line-height: var(--line-height-h1-sm);
text-transform: none;
}
h1.xs,
.h1.xs,
.--heading1.xs {
font-size: var(--font-size-h1-xs);
line-height: var(--line-height-h1-xs);
text-transform: none;
}
h2,
.h2,
.--heading2 {
font-size: var(--font-size-h2);
line-height: var(--line-height-h2);
font-weight: var(--font-weight-medium);
font-family: "KlavikaWebCondensed";
}
h3,
.h3,
.--heading3 {
font-size: var(--font-size-h3);
line-height: var(--line-height-h3);
font-weight: var(--font-weight-medium);
font-family: "KlavikaWebCondensed";
}
h3.sm,
.h3.sm,
.--heading3.sm {
font-size: var(--font-size-h3-sm);
line-height: var(--line-height-h3-sm);
}
h4,
.h4,
.--heading4 {
font-size: var(--font-size-h4);
line-height: var(--line-height-h4);
font-weight: var(--font-weight-medium);
font-family: "KlavikaWebCondensed";
}
h4.sm,
.h4.sm,
.--heading4.sm {
font-size: var(--font-size-h4-sm);
line-height: var(--line-height-h4-sm);
}
h5,
.h5,
.--heading5 {
font-size: var(--font-size-h5);
line-height: var(--line-height-h5);
font-weight: var(--font-weight-medium);
font-family: "KlavikaWebCondensed";
}
p.p-xl {
font-size: var(--font-size-p-xl);
line-height: var(--line-height-p-xl);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-xl) * -0.03);
}
p.p-xl.bold {
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-xl) * -0.02);
}
p.p-lg,
.p-lg {
font-size: var(--font-size-p-lg);
line-height: var(--line-height-p-lg);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-lg) * -0.033);
}
p.p-lg.bold,
.p-lg.bold {
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-lg) * -0.022);
}
p.p-sm,
.p-sm {
font-size: var(--font-size-p-sm);
line-height: var(--line-height-p-sm);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-sm) * -0.02);
}
p.p-sm.bold,
.p-sm.bold {
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-sm) * -0.01);
}
p.p-xs {
font-size: var(--font-size-p-xs);
line-height: var(--line-height-p-xs);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-xs) * -0.02);
}
p.p-xs.bold {
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-xs) * -0.01);
}
p.p-nav-18 {
font-size: var(--font-size-p-nav-18);
line-height: var(--line-height-p-nav-18);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-nav-18) * -0.02);
}
p.p-nav-16 {
font-size: var(--font-size-p-nav-16);
line-height: var(--line-height-p-nav-16);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-nav-16) * -0.02);
}
p.p-nav-15 {
font-size: var(--font-size-p-nav-15);
line-height: var(--line-height-p-nav-15);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-nav-15) * -0.02);
}
.nav-text {
font-size: var(--font-size-nav-text-link);
line-height: var(--line-height-nav-text-link);
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-nav-text) * -0.02);
}
p.p-tes,
.p-tes {
font-size: var(--font-size-p-tes);
line-height: var(--line-height-p-tes);
font-weight: var(--font-weight-regular);
font-style: italic;
letter-spacing: calc(var(--font-size-p-tes) * -0.02);
}
.eyebrow {
font-size: var(--font-size-eyebrow);
line-height: var(--line-height-eyebrow);
font-weight: var(--font-weight-regular);
text-transform: uppercase;
font-family: "KlavikaWebCondensed";
letter-spacing: calc(var(--font-size-eyebrow) * 0.1);
color: #005F79;
padding: 0 0 2rem;
}
.breadcrumb,
.cmp-breadcrumb {
font-size: var(--font-size-breadcrumb);
line-height: var(--line-height-breadcrumb);
font-weight: var(--font-weight-regular);
}
.breadcrumb.bold, .breadcrumb__item--active,
.cmp-breadcrumb.bold,
.cmp-breadcrumb__item--active {
font-weight: var(--font-weight-medium);
}
/**-- GLOBAL --**/
:root {
--icon-weight: normal;
--icon-rotate: 0;
--icon-size: 2.4rem;
--font-size: 16px;
--font-weight-bold: 700;
--font-weight-medium: 500;
--font-weight-regular: 400;
}
@media (min-width: 1800px) {
:root {
--font-size-h1: 12rem;
--line-height-h1: 12rem;
--font-size-h1-sm: 9.4rem;
--line-height-h1-sm: 9.6rem;
--font-size-h1-xs: 7rem;
--line-height-h1-xs: 7.2rem;
--font-size-h2: 7.2rem;
--line-height-h2: 7.4rem;
--font-size-h3: 6.4rem;
--line-height-h3: 6.6rem;
--font-size-h3-sm: 5.2rem;
--line-height-h3-sm: 5.4rem;
--font-size-h4: 4.6rem;
--line-height-h4: 4.8rem;
--font-size-h4-sm: 4rem;
--line-height-h4-sm: 4.2rem;
--font-size-h5: 3.6rem;
--line-height-h5: 3.8rem;
--font-size-p-xl: 2.4rem;
--line-height-p-xl: 3.0rem;
--font-size-p-lg: 2.2rem;
--line-height-p-lg: 2.8rem;
--font-size-p-sm: 2rem;
--line-height-p-sm: 2.6rem;
--font-size-p-xs: 1.8rem;
--line-height-p-xs: 2.4rem;
--font-size-p-tes: 2.4rem;
--line-height-p-tes: 3.0rem;
--font-size-p-nav-18: 2rem;
--line-height-p-nav-18: 2.2rem;
--font-size-p-nav-16: 1.8rem;
--line-height-p-nav-16: 2.2rem;
--font-size-p-nav-15: 1.6rem;
--line-height-p-nav-15: 2rem;
--font-size-eyebrow: 2.4rem;
--line-height-eyebrow: 2.4rem;
--font-size-nav-text-link: 2.2rem;
--line-height-nav-text-link: 2.2rem;
--font-size-breadcrumb: 1.4rem;
--line-height-breadcrumb: 1.4rem;
--max-width: 1800px;
--padding-side: 9.6rem;
--spacing-blade: 12rem;
--gutter: 2.4rem;
--spacing-xs: 4rem;
--spacing-sm: 6.4rem;
--spacing-md: 8rem;
--spacing-lg: 12rem;
--spacing-xl: 16rem;
--spacing-2xl: 20rem;
}
}
@media (max-width: 1799px) and (min-width: 1400px) {
:root {
--font-size-h1: 10rem;
--line-height-h1: 10rem;
--font-size-h1-sm: 7.4rem;
--line-height-h1-sm: 7.6rem;
--font-size-h1-xs: 6rem;
--line-height-h1-xs: 6.2rem;
--font-size-h2: 5.6rem;
--line-height-h2: 5.8rem;
--font-size-h3: 4.4rem;
--line-height-h3: 4.6rem;
--font-size-h3-sm: 3.8rem;
--line-height-h3-sm: 4rem;
--font-size-h4: 3.4rem;
--line-height-h4: 3.6rem;
--font-size-h4-sm: 3rem;
--line-height-h4-sm: 3.2rem;
--font-size-h5: 2.6rem;
--line-height-h5: 2.8rem;
--font-size-p-xl: 2.2rem;
--line-height-p-xl: 2.8rem;
--font-size-p-lg: 2rem;
--line-height-p-lg: 2.6rem;
--font-size-p-sm: 1.8rem;
--line-height-p-sm: 2.4rem;
--font-size-p-xs: 1.6rem;
--line-height-p-xs: 2.2rem;
--font-size-p-tes: 2.2rem;
--line-height-p-tes: 2.8rem;
--font-size-p-nav-18: 2rem;
--line-height-p-nav-18: 2.4rem;
--font-size-p-nav-16: 1.8rem;
--line-height-p-nav-16: 2.2rem;
--font-size-p-nav-15: 1.6rem;
--line-height-p-nav-15: 2rem;
--font-size-eyebrow: 2.2rem;
--line-height-eyebrow: 2.2rem;
--font-size-nav-text-link: 2rem;
--line-height-nav-text-link: 2rem;
--font-size-breadcrumb: 1.4rem;
--line-height-breadcrumb: 1.4rem;
--max-width: 1384px;
--padding-side: 8rem;
--spacing-blade: 8rem;
--gutter: 2.4rem;
--spacing-xs: 1.6rem;
--spacing-sm: 2.4rem;
--spacing-md: 4rem;
--spacing-lg: 6.4rem;
--spacing-xl: 8rem;
--spacing-2xl: 12rem;
}
}
@media (max-width: 1399px) and (min-width: 1200px) {
:root {
--font-size-h1: 8.8rem;
--line-height-h1: 8.8rem;
--font-size-h1-sm: 6.8rem;
--line-height-h1-sm: 7rem;
--font-size-h1-xs: 6.4rem;
--line-height-h1-xs:6.8rem;
--font-size-h2: 5rem;
--line-height-h2: 5.2rem;
--font-size-h3: 4.4rem;
--line-height-h3: 4.8rem;
--font-size-h3-sm: 3.6rem;
--line-height-h3-sm: 4rem;
--font-size-h4: 3rem;
--line-height-h4: 3.4rem;
--font-size-h4-sm: 2.6rem;
--line-height-h4-sm: 3rem;
--font-size-h5: 2.4rem;
--line-height-h5: 2.8rem;
--font-size-p-xl: 2rem;
--line-height-p-xl: 2.6rem;
--font-size-p-lg: 1.8rem;
--line-height-p-lg: 2.4rem;
--font-size-p-sm: 1.6rem;
--line-height-p-sm: 2.2rem;
--font-size-p-xs: 1.4rem;
--line-height-p-xs: 2rem;
--font-size-p-tes: 2rem;
--line-height-p-tes: 2.6rem;
--font-size-p-nav-18: 1.8rem;
--line-height-p-nav-18: 2.2rem;
--font-size-p-nav-16: 1.6rem;
--line-height-p-nav-16: 2rem;
--font-size-p-nav-15: 1.4rem;
--line-height-p-nav-15: 1.8rem;
--font-size-eyebrow: 1.8rem;
--line-height-eyebrow: 1.8rem;
--font-size-nav-text-link: 1.8rem;
--line-height-nav-text-link: 1.8rem;
--font-size-breadcrumb: 1.4rem;
--line-height-breadcrumb: 1.4rem;
--max-width: 1200px;
--gutter: 2.4rem;
--padding-side: 8rem;
--spacing-blade: 8rem;
--spacing-xs: 0.8rem;
--spacing-sm: 1.6rem;
--spacing-md: 2.4rem;
--spacing-lg: 4rem;
--spacing-xl: 6.4rem;
--spacing-2xl: 8rem;
}
}
@media (max-width: 1199px) and (min-width: 576px) {
:root {
--font-size-h1: 7rem;
--line-height-h1: 7rem;
--font-size-h1-sm: 6rem;
--line-height-h1-sm: 6.2rem;
--font-size-h1-xs: 5.4rem;
--line-height-h1-xs: 5.6rem;
--font-size-h2: 4.4rem;
--line-height-h2: 4.6rem;
--font-size-h3: 4.4rem;
--line-height-h3: 4.6rem;
--font-size-h3-sm: 3.4rem;
--line-height-h3-sm: 3.6rem;
--font-size-h4: 2.8rem;
--line-height-h4: 3.2rem;
--font-size-h4-sm: 2.8rem;
--line-height-h4-sm: 3.2rem;
--font-size-h5: 2.2rem;
--line-height-h5: 2.4rem;
--font-size-p-xl: 2rem;
--line-height-p-xl: 2.6rem;
--font-size-p-lg: 1.8rem;
--line-height-p-lg: 2.4rem;
--font-size-p-sm: 1.6rem;
--line-height-p-sm: 2.2rem;
--font-size-p-xs: 1.4rem;
--line-height-p-xs: 2rem;
--font-size-p-tes: 2rem;
--line-height-p-tes: 2.6rem;
--font-size-p-nav-18: 1.8rem;
--line-height-p-nav-18: 2.2rem;
--font-size-p-nav-16: 1.6rem;
--line-height-p-nav-16: 2rem;
--font-size-p-nav-15: 1.4rem;
--line-height-p-nav-15: 1.8rem;
--font-size-eyebrow: 1.8rem;
--line-height-eyebrow: 1.8rem;
--font-size-nav-text-link: 1.8rem;
--line-height-nav-text-link: 1.8rem;
--font-size-breadcrumb: 1.4rem;
--line-height-breadcrumb: 1.4rem;
--max-width: 768px;
--padding-side: 4rem;
--gutter: 1.6rem;
--spacing-blade: 6.4rem;
--spacing-xs: 0.8rem;
--spacing-sm: 1.6rem;
--spacing-md: 2.4rem;
--spacing-lg: 3.2rem;
--spacing-xl: 4rem;
--spacing-2xl: 6.4rem;
}
}
@media (max-width: 575px) {
:root {
--font-size-h1: 5.6rem;
--line-height-h1: 5.6rem;
--font-size-h1-sm: 4.6rem;
--line-height-h1-sm: 4.8rem;
--font-size-h1-xs: 4.2rem;
--line-height-h1-xs: 4.4rem;
--font-size-h2: 3.6rem;
--line-height-h2: 3.8rem;
--font-size-h3: 3.2rem;
--line-height-h3: 3.4rem;
--font-size-h3-sm: 3rem;
--line-height-h3-sm: 3.2rem;
--font-size-h4: 2.8rem;
--line-height-h4: 3rem;
--font-size-h4-sm: 2.8rem;
--line-height-h4-sm: 3rem;
--font-size-h5: 2.2rem;
--line-height-h5: 2.4rem;
--font-size-p-xl: 2rem;
--line-height-p-xl: 2.6rem;
--font-size-p-lg: 1.8rem;
--line-height-p-lg: 2.4rem;
--font-size-p-sm: 1.6rem;
--line-height-p-sm: 2.2rem;
--font-size-p-xs: 1.4rem;
--line-height-p-xs: 2rem;
--font-size-p-tes: 2rem;
--line-height-p-tes: 2.6rem;
--font-size-p-nav-18: 1.8rem;
--line-height-p-nav-18: 2.2rem;
--font-size-p-nav-16: 1.6rem;
--line-height-p-nav-16: 2rem;
--font-size-p-nav-15: 1.4rem;
--line-height-p-nav-15: 1.8rem;
--font-size-eyebrow: 1.8rem;
--line-height-eyebrow: 1.8rem;
--font-size-nav-text-link: 1.8rem;
--line-height-nav-text-link: 1.8rem;
--font-size-breadcrumb: 1.4rem;
--line-height-breadcrumb: 1.4rem;
--max-width: 100%;
--spacing-blade: 5.6rem;
--gutter: 1.6rem;
--padding-side: 0;
--spacing-xs: 0.4rem;
--spacing-sm: 0.8rem;
--spacing-md: 1.6rem;
--spacing-lg: 2.4rem;
--spacing-xl: 4rem;
--spacing-2xl: 5.6rem;
}
}
html {
font-size: 62.5%;
}
body {
--font-size: 1.6rem;
--font-family: KlavikaWeb;
--line-height: 2.4rem;
--heading-font-weight: 700;
}
@-webkit-keyframes progressAnimation {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes progressAnimation {
from {
width: 0;
}
to {
width: 100%;
}
}
/* Fade-in */
.fade-in {
-webkit-animation: fadeIn var(--animationDuration) ease-in forwards;
animation: fadeIn var(--animationDuration) ease-in forwards;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Slide-up */
.slide-up {
-webkit-animation: slideUp var(--animationDuration) ease-in-out forwards;
animation: slideUp var(--animationDuration) ease-in-out forwards;
}
@-webkit-keyframes slideUp {
from {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideUp {
from {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
/* Slide-in from left */
.slide-in {
-webkit-animation: slideIn var(--animationDuration) ease-in-out forwards;
animation: slideIn var(--animationDuration) ease-in-out forwards;
}
@-webkit-keyframes slideIn {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
to {
-webkit-transform: translateX(50px);
transform: translateX(50px);
opacity: 1;
}
}
@keyframes slideIn {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
to {
-webkit-transform: translateX(50px);
transform: translateX(50px);
opacity: 1;
}
}
/* Zoom-in */
.zoom-in {
-webkit-animation: zoomIn var(--animationDuration) ease-in-out forwards;
animation: zoomIn var(--animationDuration) ease-in-out forwards;
}
@keyframes zoomIn {
from {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
main > .cmp-container > .aem-Grid {
margin: 0 auto;
}
.cmp-breadcrumb {
padding: 30px 0;
}
.cmp-breadcrumb ol,
.cmp-breadcrumb ul {
-webkit-padding-start: 0;
padding-inline-start: 0;
}
.cmp-breadcrumb__item {
position: relative;
}
.cmp-breadcrumb__item:after {
content: ">";
padding: 0 0.4rem;
}
.cmp-breadcrumb__item:last-child:after {
padding: 0;
content: "";
}
.cmp-breadcrumb__item-link {
font-weight: 400;
color: var(--color-heroes);
}
.cmp-breadcrumb__item-link::before {
content: "";
position: absolute;
bottom: -5px;
height: 2px;
z-index: 1;
background: #00FD45;
width: 0;
left: 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 0;
}
.cmp-breadcrumb__item-link:hover {
color: #0066FF;
}
.cmp-breadcrumb__item-link:hover::before {
width: calc(100% - 20px);
opacity: 1;
}
.cmp-glossary__breadcrumb ul:has(> li:only-child) li::after {
display: none;
content: none !important;
}
.carousel {
position: relative;
}
.carousel .text-white .eyebrow {
color: #ffffff;
}
.carousel .text-white .swiper-button-next:after {
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/white-arrow.svg") no-repeat center;
}
.carousel .text-white .swiper-button-prev:after {
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/white-arrow.svg") no-repeat center;
}
.carousel .text-black .eyebrow {
color: #000000;
}
.cmp-carousel .swiper-slide,
.cmp-heroes-carousel .swiper-slide {
height: auto !important;
}
.cmp-carousel .image,
.cmp-carousel .cmp-image,
.cmp-carousel .cmp-image__image,
.cmp-heroes-carousel .image,
.cmp-heroes-carousel .cmp-image,
.cmp-heroes-carousel .cmp-image__image {
height: 100%;
}
.cmp-carousel .cmp-image__image,
.cmp-heroes-carousel .cmp-image__image {
-o-object-fit: contain;
object-fit: contain;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cmp-carousel .swiper-button-next,
.cmp-heroes-carousel .swiper-button-next {
right: 0;
}
@media (max-width: 1399px) {
.cmp-carousel .swiper-button-next,
.cmp-heroes-carousel .swiper-button-next {
right: 15px;
}
}
.cmp-carousel .swiper-button-next:after,
.cmp-heroes-carousel .swiper-button-next:after {
content: "";
display: inline-block;
width: 2.4rem;
height: 2.4rem;
background-size: contain;
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow.svg") no-repeat center;
padding: 7px 4px;
border-radius: 3px;
border: 2px solid #00B96B;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
.arrow-white .cmp-carousel .swiper-button-next:after,
.arrow-white .cmp-heroes-carousel .swiper-button-next:after {
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/white-arrow.svg") no-repeat center;
}
.cmp-carousel .swiper-button-prev,
.cmp-heroes-carousel .swiper-button-prev {
left: 0;
}
@media (max-width: 1399px) {
.cmp-carousel .swiper-button-prev,
.cmp-heroes-carousel .swiper-button-prev {
left: 15px;
}
}
.cmp-carousel .swiper-button-prev:after,
.cmp-heroes-carousel .swiper-button-prev:after {
content: "";
display: inline-block;
width: 2.4rem;
height: 2.4rem;
background-size: contain;
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow.svg") no-repeat center;
padding: 7px 4px;
border-radius: 3px;
border: 2px solid #00B96B;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.arrow-white .cmp-carousel .swiper-button-prev:after,
.arrow-white .cmp-heroes-carousel .swiper-button-prev:after {
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/white-arrow.svg") no-repeat center;
}
.cmp-carousel .swiper-button-prev,
.cmp-carousel .swiper-button-next,
.cmp-heroes-carousel .swiper-button-prev,
.cmp-heroes-carousel .swiper-button-next {
width: unset;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cmp-carousel .swiper-button-prev:hover:after,
.cmp-carousel .swiper-button-next:hover:after,
.cmp-heroes-carousel .swiper-button-prev:hover:after,
.cmp-heroes-carousel .swiper-button-next:hover:after {
background-color: #00FD92;
}
.cmp-carousel .swiper-button-prev:focus,
.cmp-carousel .swiper-button-next:focus,
.cmp-heroes-carousel .swiper-button-prev:focus,
.cmp-heroes-carousel .swiper-button-next:focus {
outline: none !important;
}
.bottom-navigation .cmp-carousel .swiper-button-next,
.bottom-navigation .cmp-carousel .swiper-button-prev,
.bottom-navigation .cmp-heroes-carousel .swiper-button-next,
.bottom-navigation .cmp-heroes-carousel .swiper-button-prev {
display: inline-block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
height: 100%;
margin-top: unset;
top: unset;
}
.bottom-navigation .cmp-carousel .swiper-button-next.swiper-button-lock,
.bottom-navigation .cmp-carousel .swiper-button-prev.swiper-button-lock,
.bottom-navigation .cmp-heroes-carousel .swiper-button-next.swiper-button-lock,
.bottom-navigation .cmp-heroes-carousel .swiper-button-prev.swiper-button-lock {
display: none;
}
.bottom-navigation .cmp-carousel .swiper-button-next,
.bottom-navigation .cmp-heroes-carousel .swiper-button-next {
right: unset;
margin-top: 4rem;
}
.bottom-navigation .cmp-carousel .swiper-button-prev,
.bottom-navigation .cmp-heroes-carousel .swiper-button-prev {
left: unset;
margin-right: 3.2rem;
margin-top: 4rem;
}
.cmp-carousel__actions {
display: none;
}
.cmp-carousel__indicators {
display: none;
}
.press-release-detail main .cmp-container,
.media-kit main .cmp-container {
width: 75%;
margin: auto;
}
.cmp-glossary {
padding-top: var(--spacing-md);
}
.cmp-glossary__body {
position: relative;
max-width: var(--max-width);
width: 100%;
margin: 0 auto;
padding: 0 20px;
display: grid;
gap: 6rem;
padding-top: var(--spacing-lg);
}
@media (max-width: 575px) {
.cmp-glossary__body {
padding: 15px;
}
}
@media (max-width: 767px) {
.cmp-glossary__body {
grid-template-columns: 1fr;
padding-top: 4rem;
}
}
@media (max-width: 1599px) {
.cmp-glossary__body {
max-width: var(--max-width);
}
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__table .cmp-glossary__container {
width: 100%;
padding: 5rem;
border-radius: 30px;
border: 1px solid #00FD45;
}
@media (max-width: 1399px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__table .cmp-glossary__container {
padding: 25px;
}
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__table .cmp-glossary__container .cmp-glossary__table-content h3 {
padding-bottom: 1rem;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__table .cmp-glossary__container .cmp-glossary__table-content .cmp-glossary__table-list-container .cmp-glossary__table-list {
font-size: 2.4rem;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__table .cmp-glossary__container .cmp-glossary__table-content .cmp-glossary__table-list-container .cmp-glossary__table-list li {
color: #1d242b;
line-height: 48px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-style: solid;
text-decoration-style: solid;
text-decoration-thickness: 1px;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-underline-offset: auto;
text-underline-position: from-font;
font-size: var(--font-size-p-md);
}
@media (max-width: 1199px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__table .cmp-glossary__container .cmp-glossary__table-content .cmp-glossary__table-list-container .cmp-glossary__table-list li {
font-size: 2rem;
line-height: 3.5rem;
}
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__table .cmp-glossary__container .cmp-glossary__table-content .cmp-glossary__table-list-container .cmp-glossary__table-list li a {
color: #000;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content {
padding-top: var(--spacing-md);
}
@media (max-width: 1199px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content {
padding-top: 6rem;
}
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container {
padding-bottom: var(--spacing-xs);
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container h3 {
padding-bottom: 0.5rem;
font-size: var(--font-size-h4);
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container p {
font-size: 2.2rem;
line-height: 30px;
margin-bottom: 10px;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container .cmp-glossary__list {
font-size: 2.2rem;
margin-bottom: 20px;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container .cmp-glossary__list li {
font-size: 2.2rem;
line-height: 30px;
list-style-type: disc;
color: rgb(29, 36, 43);
font-weight: 400;
letter-spacing: 0.01em;
margin: 5px 0 16px;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container .cmp-text h2 {
scroll-margin-top: 74px;
font-size: var(--font-size-h3);
line-height: var(--line-height-h3);
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__tags .cmp-glossary__tags-container {
padding-bottom: var(--spacing-md);
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__tags .cmp-glossary__tags-container .cmp-glossary__tags-list {
list-style: none;
padding-left: 0;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__tags .cmp-glossary__tags-container .cmp-glossary__tags-list li {
list-style: none;
display: inline-block;
padding: 0 20px 0 0;
margin: 20px 0;
font-weight: var(--font-weight-bold);
font-size: 2rem;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__tags .cmp-glossary__tags-container .cmp-glossary__tags-list li a {
line-height: 28px;
border: 2px solid #C0D4D9;
border-radius: 25px;
padding: 8px 24px;
font-weight: 400 !important;
letter-spacing: 0.01em !important;
color: #1d242b;
text-decoration: none;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__tags .cmp-glossary__tags-container .cmp-glossary__tags-list li a:hover {
background: #C0D4D9;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
text-decoration: none;
outline: 0;
}
.cmp-glossary__body-full {
grid-template-columns: 10fr 1fr;
}
@media (max-width: 767px) {
.cmp-glossary__body-full {
grid-template-columns: 1fr;
padding-top: 4rem;
}
}
.cmp-glossary__body-split {
grid-template-columns: 14fr 5fr;
}
@media (max-width: 767px) {
.cmp-glossary__body-split {
grid-template-columns: 1fr;
padding-top: 4rem;
}
}
.cmp-glossary__card {
position: relative;
margin: 0 0 30px;
padding: 40px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
border-radius: 20px;
border-top: 10px solid #00FD45;
max-width: 300px;
min-width: 300px;
width: 100%;
}
@media (max-width: 767px) {
.cmp-glossary__card {
max-width: 100%;
}
}
.cmp-glossary__card .cmp-glossary__card-content p {
text-align: center;
font-size: 2.5rem;
line-height: var(--line-height-p-xl);
margin-bottom: 15px;
}
.cmp-glossary__card .cmp-glossary__card-content .cmp-glossary__card-content-bold {
font-weight: var(--font-weight-medium);
}
.cmp-glossary__card .cmp-glossary__img-container {
display: block;
margin: 0 auto;
max-width: 125px;
}
.cmp-glossary__card .cmp-glossary__img-container img {
height: auto;
width: 100%;
max-width: 100%;
vertical-align: top;
border: 0;
}
.cmp-glossary__img-card {
position: relative;
margin: 0 0 30px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
border-radius: 20px;
width: 100%;
padding: 0;
max-width: 300px;
min-width: 300px;
}
@media (max-width: 767px) {
.cmp-glossary__img-card {
max-width: 100%;
}
}
.cmp-glossary__img-card img {
width: 100%;
position: relative;
height: 160px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px 20px 0 0;
}
.cmp-glossary__img-card .cmp-glossary__card-content {
padding: 40px;
}
.cmp-glossary__img-card .cmp-glossary__card-content span {
font-size: 1.8rem;
font-weight: var(--font-weight-medium);
line-height: 24px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.cmp-glossary__img-card .cmp-glossary__card-content h4 {
font-size: var(--font-size-h4-sm);
margin-top: 16px;
margin-bottom: 8px;
}
.cmp-glossary__img-card .cmp-glossary__card-content p {
font-size: var(--font-size-p-lg);
}
.cmp-glossary__img-card .cmp-glossary__card-content .btn-wrap {
padding-top: 15px;
}
.cmp-glossary__img-card .cmp-glossary__card-content .btn-wrap a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
position: relative;
color: #000;
}
.cmp-glossary__img-card .cmp-glossary__card-content .btn-wrap a::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
margin-left: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='46' height='47' viewBox='0 0 46 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(clientlib-site/css/%23clip0_14852_37560)'%3E%3Ccircle cx='23' cy='23.582' r='22' transform='rotate(-180 23 23.582)' stroke='%2300FD45' stroke-width='2'/%3E%3Cpath d='M11.5 23.584L34.5 23.5831' stroke='%231D242B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.8333 31.25L34.5 23.5833L26.8333 15.9167' stroke='%231D242B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14852_37560'%3E%3Crect width='46' height='46' fill='white' transform='translate(46 46.582) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.cmp-glossary__img-card .cmp-glossary__card-content .btn-wrap a:hover::after {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
.press-release-detail main {
width: 100%;
position: relative;
float: left;
overflow: hidden;
padding: var(--spacing-blade) 0;
padding-bottom: 0;
max-width: 100%;
}
.press-release-detail main .cmp-container {
width: 100%;
margin: 0 auto;
position: relative;
max-width: 1020px !important;
}
@media (min-width: 1800px) {
.press-release-detail main .cmp-container {
max-width: 1320px !important;
}
}
.press-release-detail main .cmp-container .cmp-text {
padding: 0px 20px;
}
@media (max-width: 991px) {
.press-release-detail main .cmp-container .cmp-text {
padding: 0 16px;
}
}
.press-release-detail main .cmp-container .cmp-text img {
max-width: 100%;
}
.press-release-detail main .cmp-container > .aem-Grid {
padding-inline: 0 !important;
padding-block: 0 !important;
}
.press-release-detail main .cmp-container > .aem-Grid .separator {
padding: 50px 20px;
}
@media (max-width: 991px) {
.press-release-detail main .cmp-container > .aem-Grid .separator {
padding: 20px 16px;
}
}
@media (min-width: 1800px) {
.press-release-detail main .cmp-container > .aem-Grid .separator {
padding: 80px 0;
}
}
.press-release-detail .text {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.press-release-detail .text ul, .press-release-detail .text ol {
padding-left: 16px;
}
.press-release-detail .text ul li, .press-release-detail .text ol li {
position: relative;
padding-left: 0px;
margin: 15px 0;
list-style: none;
line-height: 1.4;
}
.press-release-detail .text ul li:last-child, .press-release-detail .text ol li:last-child {
margin-bottom: 25px;
}
.press-release-detail .text ul li.hide-before::before, .press-release-detail .text ol li.hide-before::before {
display: none;
}
.press-release-detail .text ul li {
list-style-type: disc;
}
.press-release-detail .text ul li li {
list-style-type: circle;
}
.press-release-detail .text ul li::before {
display: none;
}
.press-release-detail .text ul li::marker {
font-size: 15px;
}
.press-release-detail .text ol {
padding-left: 24px;
}
.press-release-detail .text li, .press-release-detail .text p, .press-release-detail .text td {
font-size: 2.2rem;
font-weight: 400 !important;
line-height: 30px !important;
letter-spacing: 0.01em !important;
margin-bottom: 25px;
}
@media (min-width: 1800px) {
.press-release-detail .text li, .press-release-detail .text p, .press-release-detail .text td {
font-size: 2.2rem !important;
line-height: 30px !important;
}
}
@media (min-width: 1600px) and (max-width: 1799px) {
.press-release-detail .text li, .press-release-detail .text p, .press-release-detail .text td {
font-size: 2rem !important;
line-height: 28px !important;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.press-release-detail .text li, .press-release-detail .text p, .press-release-detail .text td {
font-size: 2rem !important;
line-height: 28px !important;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.press-release-detail .text li, .press-release-detail .text p, .press-release-detail .text td {
font-size: 1.8rem !important;
line-height: 26px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.press-release-detail .text li, .press-release-detail .text p, .press-release-detail .text td {
font-size: 1.6rem !important;
line-height: 24px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.press-release-detail .text li, .press-release-detail .text p, .press-release-detail .text td {
font-size: 1.6rem !important;
line-height: 24px !important;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.press-release-detail .text li, .press-release-detail .text p, .press-release-detail .text td {
font-size: 1.8rem !important;
line-height: 26px !important;
}
}
@media (max-width: 575px) {
.press-release-detail .text li, .press-release-detail .text p, .press-release-detail .text td {
font-size: 1.8rem !important;
line-height: 26px !important;
}
}
.press-release-detail .text h3 {
margin-bottom: 20px;
margin-top: 15px;
}
.press-release-detail .text table, .press-release-detail .text th, .press-release-detail .text td {
border: 1px solid black;
border-collapse: collapse;
}
.press-release-detail .text th, .press-release-detail .text td {
padding: 15px;
}
.press-release-detail .text iframe {
margin: 20px 0 10px 0 !important;
width: 100%;
z-index: 0;
}
@media (max-width: 767px) {
.press-release-detail .text iframe {
height: 360px;
}
}
@media (max-width: 575px) {
.press-release-detail .text iframe {
height: 300px;
}
}
@media (min-width: 768px) and (max-width: 850px) {
.press-release-detail .text iframe {
height: 260px;
}
}
@media (min-width: 850px) and (max-width: 1030px) {
.press-release-detail .text iframe {
height: 330px;
}
}
@media (min-width: 1030px) and (max-width: 1799px) {
.press-release-detail .text iframe {
height: 430px;
}
}
@media (min-width: 1800px) {
.press-release-detail .text iframe {
height: 650px;
}
}
.press-release-detail .text .cmp-text {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.press-release-detail .text .cmp-text a {
margin-right: 0 !important;
}
.press-release-detail .cmp-heroes-two-column {
margin-top: 24px;
}
.press-release-detail .cmp-heroes-two-column .cmp-heroes__date {
margin-bottom: 0;
}
.cmp-related-tags {
margin-top: 30px;
}
.cmp-related-tags .cmp-related-tags__tags {
max-width: 100%;
padding-bottom: 5rem;
}
@media (min-width: 1200px) {
.cmp-related-tags .cmp-related-tags__tags {
max-width: 90%;
}
}
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list {
padding-left: 0;
font-weight: 500;
}
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li {
list-style: none;
display: inline-block;
padding: 0 20px 0 0;
margin: 17px 0;
font-size: var(--font-size-p-sm);
}
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li::before {
display: none;
}
@media (max-width: 575.98px) {
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li:first-child {
display: block;
}
}
@media (max-width: 575.98px) {
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li {
padding: 0 15px 0 0;
}
}
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li a {
border: 2px solid #C0D4D9;
border-radius: 25px;
padding: 8px 24px;
font-size: 2rem;
font-weight: 400 !important;
line-height: 28px !important;
letter-spacing: 0.01em !important;
color: #1d242b;
}
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li a:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: #C0D4D9;
}
@media (min-width: 1800px) {
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li a {
font-size: 2rem !important;
line-height: 28px !important;
}
}
@media (min-width: 1600px) and (max-width: 1799px) {
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li a {
font-size: 1.8rem !important;
line-height: 26px !important;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li a {
font-size: 1.8rem !important;
line-height: 28px !important;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li a {
font-size: 1.6rem !important;
line-height: 24px !important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li a {
font-size: 1.4rem !important;
line-height: 20px !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li a {
font-size: 1.4rem !important;
line-height: 20px !important;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li a {
font-size: 1.6rem !important;
line-height: 24px !important;
}
}
@media (max-width: 575.98px) {
.cmp-related-tags .cmp-related-tags__tags .cmp-related-tags__tag-list li a {
font-size: 1.6rem !important;
line-height: 24px !important;
}
}
.cmp-teaser {
margin-bottom: 20px;
}
.cmp-loading {
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;
gap: 8px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
}
.cmp-loading--hide {
display: none;
}
.cmp-loading > svg {
-webkit-animation: 1.6s linear infinite rotate;
animation: 1.6s linear infinite rotate;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.cmp-404 {
padding-bottom: 120px;
background-color: #ebf0f9;
position: relative;
overflow: hidden;
}
.cmp-404::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='1338' height='1658' viewBox='0 0 1338 1658' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(clientlib-site/css/%23clip0_11776_138)'%3E%3Cpath d='M981.992 537.149C863.171 537.149 751.45 583.417 667.441 667.441C583.417 751.466 537.149 863.171 537.149 981.992C537.149 1100.81 583.417 1212.53 667.441 1296.54C751.466 1380.57 863.171 1426.84 981.992 1426.84C1100.81 1426.84 1212.52 1380.57 1296.54 1296.54C1380.57 1212.52 1426.84 1100.81 1426.84 981.992C1426.84 863.171 1380.57 751.45 1296.54 667.441C1212.52 583.417 1100.81 537.149 981.992 537.149ZM981.992 1428.38C862.757 1428.38 750.668 1381.95 666.353 1297.65C582.037 1213.35 535.615 1101.24 535.615 982.008C535.615 862.772 582.052 750.684 666.353 666.368C750.668 582.052 862.757 535.631 981.992 535.631C1101.23 535.631 1213.32 582.067 1297.63 666.368C1381.95 750.684 1428.37 862.772 1428.37 982.008C1428.37 1101.24 1381.93 1213.33 1297.63 1297.65C1213.33 1381.96 1101.23 1428.38 981.992 1428.38Z' fill='white'/%3E%3Cpath opacity='0.93' d='M634.577 646.048C589.689 692.454 555.184 746.313 532.134 804.987C509.085 863.662 497.675 926.584 498.902 991.132C500.083 1055.34 513.716 1117.48 538.729 1174.95C563.741 1232.41 599.903 1284.75 646.048 1329.42C692.454 1374.31 746.313 1408.82 804.987 1431.87C863.662 1454.92 926.584 1466.32 991.132 1465.1C1055.34 1463.92 1117.48 1450.28 1174.95 1425.27C1232.41 1400.26 1284.75 1364.1 1329.44 1317.95C1374.33 1271.55 1408.83 1217.69 1431.88 1159.01C1454.93 1100.34 1466.34 1037.42 1465.11 972.867C1463.93 908.657 1450.3 846.517 1425.29 789.054C1400.27 731.591 1364.11 679.25 1317.97 634.561C1264.29 582.405 1200.56 544.203 1130.98 521.691C1083.35 506.278 1033.23 498.319 982.023 498.319C963.865 498.319 945.815 499.316 927.949 501.309C872.081 507.52 818.345 523.301 768.55 547.915C719.046 572.39 673.821 605.362 634.623 646.048H634.577ZM631.617 643.487C676.627 596.943 729.382 560.475 787.29 535.247C845.198 510.005 907.829 496.233 972.545 495.022C1037.6 493.749 1101.04 505.22 1160.22 528.438C1219.39 551.641 1273.69 586.423 1320.5 631.648C1367.04 676.658 1403.51 729.413 1428.74 787.321C1453.98 845.228 1467.75 907.859 1468.96 972.576C1470.24 1037.63 1458.76 1101.07 1435.55 1160.24C1412.34 1219.4 1377.56 1273.71 1332.34 1320.51C1292.82 1361.57 1247.22 1394.85 1197.29 1419.54C1147.07 1444.38 1092.87 1460.3 1036.53 1466.57C1018.51 1468.58 1000.29 1469.59 981.977 1469.59C930.388 1469.59 879.902 1461.57 831.902 1446.05C761.787 1423.38 697.561 1384.91 643.456 1332.38C596.912 1287.37 560.444 1234.62 535.217 1176.71C509.974 1118.8 496.203 1056.17 494.991 991.454C493.718 926.4 505.189 862.956 528.408 803.776C551.611 744.611 586.392 690.307 631.617 643.502V643.487Z' fill='white'/%3E%3Cpath opacity='0.85' d='M601.712 624.67C553.957 675.477 517.504 734.244 493.473 798.316C469.457 862.374 458.201 930.602 460.654 1000.26C463.016 1069.25 478.72 1135.92 506.662 1197.54C534.619 1259.17 574.353 1314.95 624.655 1362.27C675.462 1410.03 734.228 1446.48 798.301 1470.51C862.358 1494.53 930.587 1505.78 1000.24 1503.33C1069.24 1500.97 1135.9 1485.26 1197.52 1457.32C1259.15 1429.37 1314.93 1389.63 1362.26 1339.33C1410.01 1288.52 1446.47 1229.76 1470.5 1165.68C1494.51 1101.63 1505.77 1033.4 1503.31 963.743C1500.95 894.747 1485.25 828.083 1457.31 766.449C1429.35 704.814 1389.62 649.038 1339.33 601.712C1281.85 547.301 1214.02 507.444 1139.97 483.919C1089.24 467.801 1036.13 459.504 981.977 459.504C962.041 459.504 942.196 460.639 922.536 462.878C861.177 469.856 802.227 487.507 747.616 515.096C693.267 542.547 644.039 579.368 601.712 624.655V624.67ZM596.897 620.637C644.76 569.722 701.165 529.466 763.52 501.125C825.875 472.8 893.306 456.866 963.114 454.413C1033.61 451.882 1102.67 463.215 1167.54 487.477C1232.41 511.738 1291.91 548.605 1343.38 596.897C1394.29 644.76 1434.55 701.165 1462.89 763.52C1491.21 825.875 1507.15 893.306 1509.6 963.129C1512.13 1033.63 1500.8 1102.68 1476.54 1167.55C1452.28 1232.42 1415.41 1291.93 1367.12 1343.38C1324.29 1389.26 1274.44 1426.59 1219.4 1454.42C1164.09 1482.38 1104.4 1500.29 1042.26 1507.36C1022.33 1509.63 1002.24 1510.78 982.038 1510.78C927.29 1510.78 873.599 1502.39 822.301 1486.12C747.402 1462.35 678.805 1422.1 620.652 1367.1C569.737 1319.24 529.481 1262.84 501.141 1200.48C472.816 1138.13 456.882 1070.69 454.428 1000.89C451.898 930.388 463.231 861.331 487.492 796.461C511.753 731.591 548.62 672.088 596.912 620.637H596.897Z' fill='white'/%3E%3Cpath opacity='0.78' d='M568.848 603.277C518.225 658.485 479.824 722.174 454.827 791.63C429.83 861.085 418.742 934.605 422.422 1009.38C425.98 1083.18 443.724 1154.35 474.625 1220.14C505.511 1285.95 548.835 1345.14 603.277 1395.14C658.485 1445.76 722.174 1484.16 791.63 1509.16C861.085 1534.15 934.605 1545.24 1009.38 1541.56C1083.18 1538 1154.35 1520.26 1220.14 1489.36C1285.95 1458.47 1345.14 1415.15 1395.14 1360.71C1445.76 1305.5 1484.16 1241.81 1509.16 1172.35C1534.15 1102.9 1545.24 1029.38 1541.56 954.603C1538 880.807 1520.26 809.634 1489.36 743.844C1458.47 678.038 1415.15 618.842 1360.71 568.848C1299.44 512.167 1227.52 470.684 1148.97 446.132C1095.15 429.324 1039.04 420.674 981.946 420.674C960.231 420.674 938.607 421.932 917.137 424.416C850.289 432.161 786.14 451.698 726.714 482.262C667.533 512.704 614.288 553.374 568.848 603.261V603.277ZM562.162 597.756C612.877 542.455 672.947 498.411 739.734 466.988C806.521 435.565 878.752 417.469 953.683 413.804C1029.63 410.001 1104.29 421.196 1174.87 446.53C1245.43 471.85 1310.15 510.802 1366.26 562.177C1421.56 612.892 1465.6 672.962 1497.03 739.749C1528.45 806.536 1546.55 878.783 1550.21 953.698C1554.01 1029.64 1542.82 1104.31 1517.48 1174.88C1492.17 1245.44 1453.21 1310.16 1401.84 1366.27C1355.69 1417.01 1301.6 1458.38 1241.46 1489.36C1181.07 1520.44 1115.87 1540.34 1047.92 1548.22C1026.08 1550.75 1004.09 1552.02 982.023 1552.02C924.115 1552.02 867.204 1543.26 812.609 1526.23C732.925 1501.35 659.942 1459.32 597.756 1401.87C542.455 1351.15 498.411 1291.08 466.988 1224.3C435.565 1157.51 417.469 1085.28 413.804 1010.35C410.001 934.406 421.196 859.736 446.53 789.161C471.85 718.601 510.802 653.885 562.177 597.771L562.162 597.756Z' fill='white'/%3E%3Cpath opacity='0.71' d='M535.999 581.883C482.492 641.493 442.16 710.105 416.181 784.944C390.217 859.782 379.283 938.592 384.175 1018.51C388.914 1097.1 408.728 1172.77 442.558 1242.75C476.389 1312.72 523.301 1375.34 581.868 1428C641.478 1481.51 710.09 1521.84 784.928 1547.82C859.767 1573.78 938.577 1584.72 1018.49 1579.82C1097.09 1575.09 1172.75 1555.27 1242.73 1521.44C1312.71 1487.61 1375.32 1440.7 1427.99 1382.13C1481.49 1322.52 1521.83 1253.91 1547.8 1179.07C1573.77 1104.23 1584.7 1025.42 1579.81 945.509C1575.07 866.913 1555.26 791.247 1521.43 721.27C1487.6 651.293 1440.68 588.677 1382.12 536.014C1317.05 477.064 1241.03 433.94 1158.02 408.39C1101.12 390.877 1041.99 381.905 981.962 381.905C958.467 381.905 935.05 383.286 911.785 386.015C839.447 394.527 770.083 415.951 705.842 449.475C641.831 482.907 584.567 527.426 535.999 581.899V581.883ZM527.441 574.89C581.024 515.204 644.729 467.387 715.964 432.866C787.198 398.345 864.229 378.102 944.251 373.21C1025.64 368.134 1105.92 379.206 1182.18 405.584C1258.45 431.961 1328.36 473 1389.12 527.441C1448.81 581.024 1496.63 644.729 1531.15 715.964C1565.67 787.198 1585.91 864.229 1590.81 944.251C1595.88 1025.64 1584.81 1105.92 1558.43 1182.18C1532.05 1258.45 1491.02 1328.36 1436.57 1389.12C1387.12 1444.7 1328.78 1490.13 1263.53 1524.23C1198.06 1558.45 1127.36 1580.32 1053.61 1589C1029.87 1591.79 1005.99 1593.2 982.038 1593.2C920.987 1593.2 860.855 1584.09 802.948 1566.28C718.479 1540.3 641.125 1496.49 574.89 1436.57C515.204 1382.99 467.387 1319.29 432.866 1248.05C398.345 1176.82 378.102 1099.79 373.21 1019.76C368.134 938.377 379.206 858.095 405.584 781.83C431.961 705.566 473 635.65 527.441 574.89Z' fill='white'/%3E%3Cpath opacity='0.63' d='M503.134 560.49C446.76 624.501 404.48 698.021 377.535 778.257C350.59 858.494 339.809 942.595 345.943 1027.63C351.863 1111.03 373.747 1191.2 410.507 1265.35C447.282 1339.5 497.767 1405.53 560.49 1460.87C624.501 1517.24 698.021 1559.52 778.257 1586.47C858.494 1613.41 942.595 1624.19 1027.63 1618.06C1111.03 1612.14 1191.2 1590.25 1265.35 1553.49C1339.5 1516.72 1405.53 1466.23 1460.87 1403.51C1517.24 1339.5 1559.52 1265.98 1586.47 1185.74C1613.41 1105.51 1624.19 1021.41 1618.06 936.369C1612.14 852.973 1590.25 772.798 1553.49 698.65C1516.72 624.501 1466.23 558.466 1403.51 503.134C1334.65 441.914 1254.54 397.165 1167.03 370.588C1107.04 352.369 1044.91 343.06 981.946 343.06C956.673 343.06 931.477 344.563 906.387 347.554C828.558 356.832 753.981 380.127 684.939 416.641C616.082 453.048 554.816 501.417 503.119 560.49H503.134ZM492.706 552.009C549.142 487.937 616.496 436.332 692.178 398.729C767.86 361.126 849.691 338.705 934.804 332.586C1021.64 326.252 1107.53 337.187 1189.5 364.622C1271.47 392.058 1346.57 435.182 1411.99 492.691C1476.06 549.126 1527.67 616.481 1565.27 692.163C1602.87 767.844 1625.3 849.676 1631.41 934.789C1637.75 1021.62 1626.81 1107.52 1599.38 1189.48C1571.94 1271.45 1528.82 1346.55 1471.31 1411.98C1418.54 1472.38 1355.95 1521.86 1285.59 1559.11C1215.03 1596.45 1138.83 1620.3 1059.3 1629.77C1033.66 1632.84 1007.88 1634.37 982.054 1634.37C917.843 1634.37 854.491 1624.9 793.302 1606.34C704.032 1579.26 622.308 1533.66 552.025 1471.29C487.952 1414.86 436.347 1347.5 398.744 1271.82C361.141 1196.14 338.72 1114.31 332.601 1029.2C326.267 942.365 337.202 856.469 364.637 774.5C392.073 692.531 435.197 617.432 492.706 552.009Z' fill='white'/%3E%3Cpath opacity='0.56' d='M470.27 539.097C411.028 607.509 366.8 685.951 338.889 771.571C310.978 857.19 300.35 946.597 307.711 1036.76C314.812 1124.94 338.751 1209.64 378.47 1287.96C418.174 1366.27 472.264 1435.73 539.112 1493.73C607.525 1552.97 685.967 1597.2 771.586 1625.11C857.205 1653.02 946.613 1663.65 1036.77 1656.29C1124.95 1649.19 1209.65 1625.25 1287.97 1585.53C1366.29 1545.83 1435.75 1491.74 1493.75 1424.89C1552.99 1356.48 1597.22 1278.03 1625.13 1192.41C1653.04 1106.79 1663.67 1017.39 1656.3 927.228C1649.2 839.048 1625.26 754.349 1585.55 676.029C1545.84 597.71 1491.75 528.254 1424.9 470.255C1352.24 406.78 1268.05 360.389 1176.07 332.785C1112.99 313.861 1047.86 304.23 981.946 304.23C954.909 304.23 927.903 305.856 901.02 309.091C817.701 319.136 737.909 344.318 664.052 383.792C590.364 423.189 525.08 475.407 470.27 539.081V539.097ZM457.971 529.144C517.259 460.7 588.278 405.308 668.392 364.607C748.506 323.906 835.137 299.338 925.373 291.992C1017.65 284.386 1109.16 295.182 1196.82 323.676C1284.47 352.17 1364.79 397.379 1434.86 457.971C1503.31 517.259 1558.69 588.278 1599.39 668.392C1640.09 748.506 1664.66 835.137 1672.01 925.373C1679.61 1017.65 1668.82 1109.16 1640.32 1196.81C1611.83 1284.47 1566.62 1364.79 1506.03 1434.86C1449.95 1500.11 1383.11 1553.63 1307.65 1594.03C1232.01 1634.5 1150.3 1660.32 1064.96 1670.61C1037.42 1673.94 1009.75 1675.6 982.038 1675.6C914.668 1675.6 848.111 1665.77 783.609 1646.44C689.555 1618.26 603.461 1570.88 529.128 1506.04C460.67 1446.76 405.292 1375.74 364.591 1295.62C323.89 1215.51 299.323 1128.88 291.977 1038.64C284.37 946.367 295.167 854.859 323.66 767.185C352.154 679.526 397.364 599.213 457.955 529.144H457.971Z' fill='white'/%3E%3Cpath opacity='0.49' d='M437.405 517.703C375.296 590.517 329.12 673.867 300.227 764.885C271.35 855.902 260.876 950.585 269.449 1045.88C277.73 1138.86 303.739 1228.07 346.388 1310.56C389.037 1393.07 446.699 1465.93 517.703 1526.59C590.517 1588.7 673.867 1634.88 764.884 1663.77C855.902 1692.66 950.585 1703.12 1045.88 1694.55C1138.86 1686.27 1228.07 1660.26 1310.56 1617.61C1393.05 1574.96 1465.93 1517.3 1526.59 1446.3C1588.7 1373.48 1634.9 1290.13 1663.77 1199.12C1692.65 1108.1 1703.12 1013.42 1694.55 918.119C1686.27 825.139 1660.26 735.931 1617.61 653.44C1574.96 570.949 1517.3 498.074 1446.3 437.405C1369.85 371.661 1281.54 323.63 1185.08 295.013C1118.92 275.384 1050.79 265.415 981.931 265.415C953.115 265.415 924.315 267.164 895.637 270.66C806.828 281.457 721.822 308.539 643.165 350.989C564.646 393.377 495.344 449.444 437.405 517.703ZM423.235 506.278C485.376 433.449 560.045 374.268 644.606 330.47C729.168 286.671 820.599 259.941 915.926 251.383C1013.65 242.504 1110.77 253.177 1204.13 282.729C1297.49 312.281 1383.01 359.592 1457.74 423.235C1530.57 485.376 1589.75 560.045 1633.55 644.606C1677.34 729.168 1704.07 820.599 1712.63 915.926C1721.51 1013.65 1710.84 1110.77 1681.29 1204.13C1651.73 1297.49 1604.42 1383.01 1540.78 1457.74C1481.38 1527.82 1410.3 1585.41 1329.73 1628.93C1249.02 1672.53 1161.8 1700.33 1070.66 1711.42C1041.22 1715.01 1011.65 1716.8 982.084 1716.8C911.555 1716.8 841.778 1706.61 773.994 1686.52C675.155 1657.22 584.674 1608.07 506.309 1540.78C433.48 1478.64 374.299 1403.97 330.5 1319.41C286.701 1234.85 259.971 1143.42 251.414 1048.09C242.534 950.37 253.208 853.249 282.76 759.885C312.312 666.521 359.623 581.009 423.266 506.278H423.235Z' fill='white'/%3E%3Cpath opacity='0.42' d='M404.541 496.31C339.548 573.525 291.425 661.798 261.581 758.198C231.723 854.598 221.417 954.587 231.217 1055.01C240.694 1152.79 268.759 1246.49 314.352 1333.16C359.945 1419.84 421.196 1496.12 496.325 1559.46C573.541 1624.45 661.813 1672.56 758.213 1702.42C854.614 1732.28 954.603 1742.58 1055.02 1732.78C1152.8 1723.31 1246.5 1695.24 1333.18 1649.65C1419.86 1604.06 1496.14 1542.8 1559.47 1467.67C1624.47 1390.46 1672.59 1302.19 1702.43 1205.79C1732.29 1109.39 1742.6 1009.4 1732.8 908.979C1723.32 811.198 1695.26 717.497 1649.66 630.82C1604.07 544.142 1542.82 467.862 1467.69 404.526C1387.44 336.512 1295.06 286.855 1194.1 257.211C1124.84 236.876 1053.7 226.585 981.916 226.585C951.321 226.585 920.742 228.456 890.254 232.198C795.955 243.761 705.75 272.715 622.262 318.155C538.897 363.518 465.593 423.45 404.541 496.31ZM388.5 483.397C453.493 406.182 531.812 343.229 620.821 296.332C709.814 249.451 806.061 220.558 906.479 210.759C1009.64 200.622 1112.38 211.142 1211.45 241.768C1310.51 272.378 1401.23 321.774 1480.6 388.5C1557.82 453.493 1620.77 531.812 1667.67 620.821C1714.55 709.814 1743.44 806.061 1753.24 906.479C1763.38 1009.64 1752.86 1112.38 1722.25 1211.45C1691.64 1310.51 1642.24 1401.23 1575.52 1480.6C1512.81 1555.53 1437.46 1617.15 1351.8 1663.82C1265.99 1710.53 1173.27 1740.31 1076.34 1752.21C1044.99 1756.06 1013.54 1758 982.084 1758C908.412 1758 835.414 1747.43 764.317 1726.59C660.694 1696.19 565.842 1645.26 483.428 1575.5C406.213 1510.51 343.259 1432.19 296.363 1343.18C249.482 1254.19 220.589 1157.94 210.79 1057.52C200.653 954.357 211.173 851.623 241.798 752.555C272.408 653.486 321.805 562.775 388.531 483.397H388.5Z' fill='white'/%3E%3Cpath opacity='0.34' d='M371.677 474.917C303.816 556.533 253.745 649.729 222.92 751.512C192.095 853.31 181.928 958.59 192.969 1064.13C203.628 1166.7 233.747 1264.92 282.285 1355.77C330.822 1446.62 395.646 1526.32 474.932 1592.31C556.549 1660.17 649.744 1710.22 751.527 1741.06C853.326 1771.9 958.605 1782.06 1064.15 1771.02C1166.71 1760.36 1264.94 1730.24 1355.79 1681.7C1446.63 1633.16 1526.33 1568.34 1592.32 1489.05C1660.18 1407.44 1710.26 1314.24 1741.08 1212.46C1771.9 1110.66 1782.07 1005.38 1771.03 899.839C1760.37 797.273 1730.25 699.048 1681.72 608.199C1633.18 517.351 1568.35 437.651 1489.07 371.661C1405.03 301.378 1308.55 250.08 1203.12 219.424C1130.78 198.398 1056.63 187.755 981.9 187.755C949.527 187.755 917.153 189.749 884.871 193.736C785.082 206.066 689.663 236.906 601.36 285.306C513.164 333.659 435.826 397.425 371.661 474.886L371.677 474.917ZM353.764 460.532C421.61 378.93 503.594 312.189 597.035 262.21C690.476 212.231 791.507 181.192 897.032 170.165C1005.64 158.755 1113.99 169.153 1218.75 200.821C1323.5 232.49 1419.43 283.972 1503.45 353.764C1585.05 421.61 1651.8 503.594 1701.77 597.035C1751.75 690.476 1782.79 791.507 1793.82 897.032C1805.23 1005.64 1794.83 1113.99 1763.16 1218.75C1731.5 1323.5 1680.01 1419.43 1610.22 1503.45C1544.2 1583.23 1464.61 1648.9 1373.84 1698.69C1282.96 1748.53 1184.73 1780.29 1082 1793.01C1048.75 1797.12 1015.39 1799.17 982.069 1799.17C905.237 1799.17 829.019 1788.25 754.625 1766.64C646.217 1735.14 546.979 1682.44 460.532 1610.2C378.93 1542.36 312.189 1460.37 262.21 1366.93C212.231 1273.49 181.192 1172.46 170.165 1066.94C158.755 958.329 169.153 849.982 200.821 745.224C232.49 640.466 283.972 544.541 353.764 460.516V460.532Z' fill='white'/%3E%3Cpath opacity='0.27' d='M338.812 453.539C268.084 539.557 216.065 637.659 184.274 744.841C152.468 852.022 142.469 962.593 154.722 1073.27C166.561 1180.64 198.751 1283.37 250.218 1378.39C301.684 1473.41 370.112 1556.55 453.523 1625.19C539.541 1695.92 637.644 1747.92 744.825 1779.73C852.007 1811.53 962.577 1821.53 1073.26 1809.28C1180.62 1797.44 1283.35 1765.25 1378.37 1713.78C1473.39 1662.32 1556.53 1593.89 1625.17 1510.48C1695.9 1424.46 1747.92 1326.36 1779.71 1219.17C1811.52 1111.99 1821.52 1001.42 1809.26 890.745C1797.42 783.379 1765.23 680.645 1713.77 585.625C1662.3 490.605 1593.87 407.47 1510.46 338.827C1422.62 266.274 1322.05 213.351 1212.14 181.682C1136.7 159.952 1059.56 148.987 981.885 148.987C947.732 148.987 913.58 151.103 879.473 155.351C774.193 168.448 673.56 201.174 580.457 252.549C487.431 303.893 406.075 371.508 338.797 453.554L338.812 453.539ZM319.029 437.666C389.742 351.679 475.361 281.165 573.249 228.088C671.137 175.011 776.969 141.809 887.601 129.572C1001.65 116.889 1115.61 127.148 1226.08 159.89C1336.54 192.632 1437.66 246.184 1526.33 319.06C1612.32 389.773 1682.83 475.392 1735.91 573.28C1788.99 671.168 1822.19 777 1834.43 887.632C1847.11 1001.68 1836.85 1115.64 1804.11 1226.11C1771.38 1336.57 1717.82 1437.69 1644.94 1526.36C1575.61 1610.97 1491.77 1680.7 1395.89 1733.64C1299.92 1786.61 1196.2 1820.35 1087.67 1833.86C1052.52 1838.23 1017.28 1840.42 982.069 1840.42C902.078 1840.42 822.654 1829.14 744.963 1806.76C631.755 1774.16 528.162 1719.67 437.666 1644.99C351.679 1574.27 281.165 1488.65 228.088 1390.77C175.011 1292.88 141.809 1187.05 129.572 1076.41C116.889 962.363 127.148 848.403 159.89 737.94C192.632 627.476 246.184 526.353 319.06 437.681L319.029 437.666Z' fill='white'/%3E%3Cpath opacity='0.2' d='M305.948 432.145C232.352 522.565 178.385 625.59 145.613 738.154C112.84 850.734 102.995 966.595 116.475 1082.4C129.495 1194.56 163.755 1301.8 218.166 1400.99C272.577 1500.19 344.578 1586.74 432.145 1658.05C522.565 1731.65 625.59 1785.6 738.154 1818.39C850.734 1851.16 966.595 1861.01 1082.4 1847.53C1194.56 1834.51 1301.8 1800.25 1400.99 1745.83C1500.19 1691.42 1586.74 1619.42 1658.05 1531.85C1731.65 1441.44 1785.61 1338.41 1818.39 1225.85C1851.16 1113.27 1861.01 997.405 1847.53 881.605C1834.51 769.439 1800.25 662.197 1745.83 563.005C1691.42 463.814 1619.42 377.259 1531.85 305.948C1440.22 231.14 1335.56 176.56 1221.17 143.88C1142.65 121.444 1062.49 110.141 981.9 110.141C945.969 110.141 910.022 112.38 874.121 116.874C763.351 130.737 657.504 165.35 559.585 219.684C461.713 274.003 376.354 345.483 305.948 432.13V432.145ZM284.294 414.801C357.859 324.443 447.128 250.126 549.464 193.966C651.784 137.807 762.431 102.443 878.154 88.9625C997.65 75.0224 1117.22 85.1439 1233.38 118.929C1349.54 152.728 1455.87 208.366 1549.2 284.309C1639.56 357.874 1713.87 447.144 1770.03 549.479C1826.19 651.799 1861.56 762.446 1875.04 878.169C1888.98 997.665 1878.86 1117.24 1845.07 1233.39C1811.27 1349.56 1755.63 1455.88 1679.69 1549.21C1607.05 1638.67 1518.96 1712.45 1417.96 1768.52C1316.91 1824.61 1207.69 1860.33 1093.34 1874.65C1056.29 1879.3 1019.15 1881.62 982.069 1881.62C898.934 1881.62 816.274 1869.98 735.287 1846.84C617.293 1813.13 509.33 1756.86 414.77 1679.71C324.412 1606.14 250.095 1516.87 193.936 1414.54C137.776 1312.22 102.412 1201.57 88.9318 1085.85C74.9917 966.35 85.1133 846.777 118.898 730.625C152.698 614.456 208.336 508.134 284.278 414.801H284.294Z' fill='white'/%3E%3Cpath opacity='0.12' d='M273.083 410.752C196.604 505.573 140.705 613.506 106.967 731.468C73.2127 849.43 63.5359 970.598 78.2429 1091.5C92.4437 1208.47 128.759 1320.22 186.114 1423.58C243.47 1526.95 319.044 1616.92 410.752 1690.9C505.573 1767.38 613.506 1823.28 731.483 1857.02C849.446 1890.77 970.613 1900.45 1091.52 1885.74C1208.49 1871.54 1320.24 1835.23 1423.6 1777.87C1526.96 1720.51 1616.94 1644.94 1690.92 1553.23C1767.4 1458.41 1823.29 1350.48 1857.03 1232.5C1890.79 1114.54 1900.46 993.371 1885.76 872.465C1871.56 755.499 1835.24 643.748 1777.89 540.385C1720.53 437.022 1644.96 347.047 1553.25 273.068C1457.81 195.991 1349.05 139.785 1230.19 106.077C1148.58 82.9356 1065.42 71.3111 981.885 71.3111C944.19 71.3111 906.433 73.6728 868.738 78.4269C752.478 93.0572 641.417 129.541 538.698 186.866C435.995 244.175 346.618 319.489 273.099 410.737L273.083 410.752ZM249.574 391.935C325.991 297.191 418.926 219.101 525.693 159.844C632.461 100.587 747.893 63.0605 868.723 48.3689C993.663 33.1558 1118.85 43.1394 1240.71 77.9975C1362.56 112.856 1474.09 170.595 1572.08 249.589C1666.82 326.007 1744.91 418.941 1804.19 525.709C1863.44 632.476 1900.97 747.908 1915.66 868.738C1930.87 993.678 1920.89 1118.86 1886.03 1240.72C1851.18 1362.58 1793.44 1474.1 1714.44 1572.1C1638.48 1666.38 1546.15 1744.21 1440.04 1803.42C1333.92 1862.65 1219.17 1900.34 1099.05 1915.46C1060.08 1920.37 1021.07 1922.81 982.1 1922.81C895.806 1922.81 809.941 1910.8 725.656 1886.91C602.878 1852.1 490.528 1794.05 391.935 1714.44C297.191 1638.02 219.101 1545.09 159.829 1438.32C100.572 1331.55 63.0452 1216.12 48.3535 1095.29C33.1405 970.353 43.1241 845.167 77.9821 723.309C112.84 601.452 170.579 489.93 249.574 391.935Z' fill='white'/%3E%3Cpath opacity='0.05' d='M981.869 32.5114C942.395 32.5114 902.86 34.9957 863.355 39.9952C741.605 55.3923 625.344 93.7622 517.795 154.047C410.261 214.332 316.866 293.51 240.218 389.358C160.871 488.58 103.025 601.436 68.305 724.797C33.5849 848.157 24.0461 974.6 39.9799 1100.64C55.3769 1222.39 93.7469 1338.65 154.032 1446.2C214.332 1553.74 293.495 1647.13 389.343 1723.78C488.565 1803.13 601.421 1860.97 724.781 1895.69C848.142 1930.41 974.585 1939.95 1100.63 1924.02C1222.38 1908.62 1338.64 1870.25 1446.19 1809.95C1553.74 1749.65 1647.12 1670.49 1723.77 1574.64C1803.11 1475.42 1860.96 1362.56 1895.68 1239.2C1930.4 1115.86 1939.94 989.399 1924 863.355C1908.61 741.604 1870.24 625.344 1809.95 517.795C1749.65 410.261 1670.49 316.866 1574.64 240.218C1475.42 160.871 1362.56 103.025 1239.2 68.3049C1154.5 44.4579 1068.35 32.496 981.869 32.496V32.5114ZM982.099 1964C892.646 1964 803.561 1951.62 715.978 1926.98C588.416 1891.06 471.696 1831.24 369.054 1749.16C269.924 1669.89 188.046 1573.31 125.691 1462.09C63.3362 1350.88 23.6627 1230.65 7.74418 1104.72C-8.74172 974.339 1.11915 843.556 37.0201 715.978C72.9363 588.416 132.761 471.696 214.838 369.054C294.108 269.924 390.692 188.046 501.907 125.691C613.106 63.3515 733.354 23.6626 859.276 7.74417C989.66 -8.74173 1120.44 1.11913 1248.02 37.0201C1375.6 72.921 1492.3 132.761 1594.95 214.838C1694.08 294.108 1775.95 390.692 1838.31 501.907C1900.66 613.122 1940.34 733.354 1956.26 859.276C1972.74 989.66 1962.88 1120.44 1926.98 1248.02C1891.08 1375.6 1831.24 1492.3 1749.16 1594.95C1669.89 1694.08 1573.31 1775.95 1462.09 1838.31C1350.88 1900.66 1230.65 1940.34 1104.72 1956.26C1063.85 1961.42 1022.94 1964 982.115 1964H982.099Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11776_138'%3E%3Crect width='1964' height='1964' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: right top;
position: absolute;
right: 0;
bottom: -20%;
height: 100%;
background-size: cover;
width: 50%;
display: block !important;
}
@media (max-width: 991.98px) {
.cmp-404::after {
width: 60%;
}
.cmp-404 {
padding-bottom: 80px;
}
}
@media (max-width: 767.98px) {
.cmp-404::after {
bottom: -40%;
width: 100%;
}
}
@media (max-width: 1199.98px) {
.cmp-404 {
padding-bottom: 64px;
}
.cmp-404 .cmp-404__breadcrumb {
padding-bottom: 50px;
}
}
.cmp-404 .cmp-404__breadcrumb {
padding-bottom: 90px;
}
@media (max-width: 991.98px) {
.cmp-404 .cmp-404__breadcrumb {
padding-bottom: 40px;
}
}
@media (max-width: 767.98px) {
.cmp-404 .cmp-404__breadcrumb {
padding-bottom: 25px;
}
}
.cmp-404 .cmp-404__content {
max-width: 720px;
position: relative;
z-index: 1;
}
.cmp-404 .cmp-404__content .cmp-404__content-container h1 {
text-transform: uppercase;
margin-bottom: 24px;
font-weight: bold;
}
.cmp-404 .cmp-404__content .cmp-404__content-container p {
padding-right: 100px;
}
.cmp-404 .cmp-404__content .cmp-404__content-container ul {
margin: 0;
padding: 0;
list-style: none;
}
.cmp-404 .cmp-404__content .cmp-404__content-container ul li {
margin: 40px 0 0 0;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.cmp-404 .cmp-404__content .cmp-404__content-container ul li a {
color: #005f79;
font-weight: bold;
}
.cmp-404 .cmp-404__content .cmp-404__content-container ul li a:hover::after {
margin-left: 20px;
}
.cmp-404 .cmp-404__content .cmp-404__content-container ul li a::after {
content: "";
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6L16 6' stroke='%2367BF1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.6803 1L17.0204 6L11.6802 11' stroke='%2367BF1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 16px;
width: 16px;
height: 10px;
margin-left: 16px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.accordian-new {
position: relative;
padding-block: var(--spacing-blade);
}
.accordian-new .collapse:not(.show) {
display: none;
}
.accordian-new .intro {
max-width: 865px;
margin: 0 auto;
padding-bottom: 40px;
}
.accordian-new h2 {
letter-spacing: -0.04rem !important;
}
.accordian-new .top-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
text-align: center;
margin-top: 41px;
margin-bottom: 25px;
}
.accordian-new .accordion {
width: 100%;
position: relative;
}
.accordian-new .accordion .accordion-item-new {
position: relative;
width: 100%;
border-radius: 16px;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
margin-bottom: 12px;
scroll-margin-top: 200px;
}
.accordian-new .accordion .accordion-item-new:last-of-type {
margin-bottom: 0;
}
.accordian-new .accordion .accordion-item-new .accordion-header {
position: relative;
background: #fff;
cursor: pointer;
border-radius: 5px;
color: #080808 !important;
text-decoration: none !important;
}
.accordian-new .accordion .accordion-item-new .accordion-header::after {
content: "+";
display: block;
width: 32px;
height: 32px;
border: 2px solid #00FD45;
border-radius: 50%;
text-align: center;
line-height: 34px;
color: #000;
position: absolute;
top: calc(53% - 20px);
right: 41px;
background-size: contain;
font-size: 32px;
font-weight: 300;
}
@media (min-width: 1800px) {
.accordian-new .accordion .accordion-item-new .accordion-header::after {
right: 70px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.accordian-new .accordion .accordion-item-new .accordion-header::after {
right: 40px;
}
}
@media (max-width: 767px) {
.accordian-new .accordion .accordion-item-new .accordion-header::after {
right: 20px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.accordian-new .accordion .accordion-item-new .accordion-header::after {
font-weight: 400;
right: 40px;
}
}
@media (max-width: 991px) {
.accordian-new .accordion .accordion-item-new .accordion-header::after {
font-weight: 400;
}
}
.accordian-new .accordion .accordion-item-new .accordion-header.open::after {
content: "-";
display: block;
width: 32px;
height: 32px;
border: 2px solid #00FD45;
border-radius: 50%;
text-align: center;
line-height: 31px;
color: #000;
font-weight: 300;
position: absolute;
top: calc(53% - 20px);
right: 41px;
}
@media (min-width: 1800px) {
.accordian-new .accordion .accordion-item-new .accordion-header.open::after {
right: 70px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.accordian-new .accordion .accordion-item-new .accordion-header.open::after {
font-weight: 400;
right: 40px;
}
}
@media (max-width: 767px) {
.accordian-new .accordion .accordion-item-new .accordion-header.open::after {
right: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.accordian-new .accordion .accordion-item-new .accordion-header.open::after {
right: 40px;
}
}
@media (max-width: 991px) {
.accordian-new .accordion .accordion-item-new .accordion-header.open::after {
font-weight: 400;
}
}
.accordian-new .accordion .accordion-item-new .accordion-header:hover:after {
background-color: #00FD45;
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
.accordian-new .accordion .accordion-item-new {
scroll-margin-top: 850px;
}
}
.accordian-new .accordion .accordion-button {
width: 100%;
background: #fff;
outline: none;
padding: 31px 36px 31px 36px;
border-radius: 5px;
position: relative;
cursor: pointer;
color: #080808 !important;
text-decoration: none !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.accordian-new .accordion .accordion-button {
padding: 24px;
}
}
@media (max-width: 767px) {
.accordian-new .accordion .accordion-button {
padding: 24px;
}
}
.accordian-new .accordion .accordion-button:hover:after {
background-color: #00FD45;
}
@media (min-width: 1200px) {
.accordian-new .accordion .accordion-button {
padding: 23px 36px 22px 36px;
}
}
.accordian-new .accordion .accordion-button:not(.collapsed) {
min-height: 80px;
}
.accordian-new .accordion .accordion-body {
border-radius: 0 0 20px 20px;
}
.accordian-new .accordion .accordion-body .category-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #FAFAFA;
}
@media (min-width: 768px) and (max-width: 991px) {
.accordian-new .accordion .accordion-body .category-wrap {
-ms-flex-wrap: inherit;
flex-wrap: inherit;
}
}
.accordian-new .accordion .accordion-body .category-wrap .category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 24px;
text-align: center;
}
@media (max-width: 767px) {
.accordian-new .accordion .accordion-body .category-wrap .category {
padding: 24px !important;
}
}
.accordian-new .accordion .accordion-body .category-wrap .category p {
width: 100%;
}
@media (max-width: 767px) {
.accordian-new .accordion .accordion-body .category-wrap .category p {
padding: 0 30px;
}
}
.accordian-new .accordion h4 {
float: left;
width: 100%;
text-align: left;
color: #080808 !important;
text-decoration: none !important;
}
.accordian-new .accordion .link-black {
float: left;
margin-top: 8px;
}
.accordian-new .accordion .body-nav {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.accordian-new .accordion .body-nav {
display: block !important;
width: 100%;
background-color: transparent !important;
}
.accordian-new .accordion .body-nav:nth-child(odd) {
background-color: rgba(103, 191, 27, 0.2);
}
.accordian-new .accordion .body-nav:nth-child(even) {
background-color: #fff;
}
}
.accordian-new .accordion .body-nav:nth-child(odd) {
background-color: rgba(103, 191, 27, 0.2) !important;
}
.accordian-new .accordion .body-nav:last-child {
border-radius: 0 0 20px 20px;
}
.accordian-new .accordion .body-nav:first-child .col-column:after {
top: 24px !important;
}
.accordian-new .accordion .body-nav:last-child .col-column:after {
height: 80% !important;
}
@media (max-width: 767px) {
.accordian-new .accordion .body-nav .col-column:nth-child(odd) {
background-color: transparent;
}
}
@media (max-width: 767px) {
.accordian-new .accordion .body-nav .col-column:nth-child(even) {
background-color: transparent;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.accordian-new .accordion .body-nav {
-ms-flex-wrap: inherit;
flex-wrap: inherit;
}
}
@media (min-width: 596px) and (max-width: 767px) {
.accordian-new .accordion .body-nav {
-ms-flex-wrap: inherit;
flex-wrap: inherit;
}
}
.accordian-new .accordion .body-nav:first-child.col-column::after {
top: 24px;
}
.accordian-new .accordion .body-nav:last-child.col-column::after {
top: 24px;
}
@media (max-width: 991px) {
.accordian-new .accordion .body-nav {
padding: 0;
}
}
.accordian-new .accordion .body-nav .certified-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.accordian-new .accordion .body-nav .certified-wrap p {
width: 100%;
}
.accordian-new .accordion .body-nav .certified-wrap.col-column::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #caccce;
}
@media (max-width: 595px) {
.accordian-new .accordion .body-nav .certified-wrap.col-column::after {
opacity: 0;
}
}
@media (max-width: 991px) {
.accordian-new .accordion .body-nav .certified-wrap .text-left {
text-align: center !important;
}
}
.accordian-new .accordion .body-nav .certified-wrap.half-border {
position: relative;
}
.accordian-new .accordion .body-nav .certified-wrap.half-border:after {
content: "";
position: absolute;
right: 0;
width: 1px;
height: 100% !important;
background-color: #caccce;
}
@media (max-width: 767px) {
.accordian-new .accordion .body-nav .certified-wrap.half-border:after {
opacity: 0;
}
}
@media (max-width: 767px) {
.accordian-new .accordion .body-nav .raw-wrap {
padding: 24px !important;
}
}
.accordian-new .accordion .body-nav .raw-wrap p {
width: 100%;
}
@media (max-width: 767px) {
.accordian-new .accordion .body-nav .cpu-wrap {
padding: 24px !important;
}
}
.accordian-new .accordion .body-nav .cpu-wrap p {
width: 100%;
}
.accordian-new .accordion .slider-nav:not(:last-child) .body-nav:last-child {
border-radius: 0;
}
.accordian-new .accordion .cta-wrap {
padding: 24px;
background-color: #FAFAFA;
border-radius: 0 0 20px 20px;
}
.accordian-new .accordion .cta-wrap .button {
margin-bottom: 0;
}
@media (max-width: 767px) {
.accordian-new .accordion .cta-wrap {
padding: 24px;
}
}
.accordian-new .accordion .cta-wrap p {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding-right: 33px;
}
@media (max-width: 595px) {
.accordian-new .accordion .cta-wrap p {
padding-right: 0;
}
}
.accordian-new .accordion .cta-wrap .link-black {
float: inherit;
}
.accordian-new .accordion .col-column:first-child::after {
content: none;
}
@media (max-width: 991px) {
.accordian-new .accordion .col-column {
padding: 20px;
}
}
.accordian-new .accordion .p-small {
margin: 0;
}
.accordian-new .accordion .memory-wrap {
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;
}
@media (max-width: 767px) {
.accordian-new .accordion .memory-wrap {
padding: 24px !important;
}
}
.accordian-new .accordion .col-column {
position: relative;
text-align: center;
padding: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 595px) {
.accordian-new .accordion .col-column {
padding: 24px !important;
}
}
.accordian-new .accordion .col-column::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background-color: #caccce;
}
@media (max-width: 767px) {
.accordian-new .accordion .col-column::after {
opacity: 0;
}
}
@media (max-width: 595px) {
.accordian-new .accordion .col-column::after {
opacity: 0;
}
}
.accordian-new .accordion .col-column:last-child::after {
display: none;
}
@media (max-width: 991px) {
.accordian-new .text-left {
text-align: center !important;
}
}
.accordian-new .half-border {
position: relative;
}
.accordian-new .half-border:after {
content: "";
position: absolute;
right: 0;
top: 24px !important;
width: 1px;
height: 100% !important;
background-color: #caccce;
}
@media (max-width: 767px) {
.accordian-new .half-border:after {
display: none;
}
}
.accordian-new .half-bottom-border {
position: relative;
}
.accordian-new .half-bottom-border:after {
content: "";
position: absolute;
right: 0;
top: 0 !important;
width: 1px;
height: 66% !important;
background-color: #caccce;
}
@media (max-width: 767px) {
.accordian-new .half-bottom-border:after {
display: none;
}
}
@media (max-width: 767px) {
.accordian-new .accordion-collapse {
display: block;
height: auto !important;
}
}
.accordian-new .no-cta {
padding-bottom: 24px;
}
.accordian-new .small {
width: 20%;
}
@media (min-width: 768px) and (max-width: 991px) {
.accordian-new .small {
width: 23%;
}
}
@media (max-width: 767px) {
.accordian-new .small {
width: 100%;
}
}
.accordian-new .large {
width: 34%;
}
@media (min-width: 768px) and (max-width: 991px) {
.accordian-new .large {
width: 32%;
}
}
@media (max-width: 767px) {
.accordian-new .large {
width: 100%;
}
}
.accordian-new .medium {
width: 25%;
}
@media (min-width: 768px) and (max-width: 991px) {
.accordian-new .medium {
width: 25%;
}
}
@media (max-width: 767px) {
.accordian-new .medium {
width: 100%;
}
}
.accordian-new .medium-small {
width: 21%;
}
@media (max-width: 767px) {
.accordian-new .medium-small {
width: 100%;
}
}
.custom-tables-new {
width: 100%;
position: relative;
float: left;
overflow-x: auto;
}
.custom-tables-new#specs .table-responsive {
width: 100%;
}
@media (min-width: 992px) {
.custom-tables-new#specs .table-responsive {
overflow-x: inherit;
}
}
.custom-tables-new .table {
border: 0;
text-align: center;
}
.custom-tables-new .table tbody tr td a {
color: #1d242b;
text-decoration: underline;
}
.custom-tables-new .table tbody tr td a:hover {
color: #00FD92;
}
.custom-tables-new .table th, .custom-tables-new .table td {
border: 1px solid transparent;
color: #1d242b;
}
.custom-tables-new .table thead th {
border-bottom: 0;
background-color: #a8c4cb;
font-size: 18px;
font-weight: 700;
padding: 15px;
line-height: 22px;
color: #1d242b;
border-color: #8e9295;
}
@media (min-width: 1601px) {
.custom-tables-new .table thead th {
padding: 21px 15px;
}
}
.custom-tables-new .table tbody tr:nth-of-type(odd) {
background-color: #fff;
}
.custom-tables-new .table tbody tr:nth-of-type(even) {
background-color: #e8e9ea;
}
.custom-tables-new .table tbody tr:first-child td {
border-top: 0;
}
.custom-tables-new .table tbody tr td {
font-weight: 400;
padding: 12px 15px;
line-height: 22px;
border-color: #8e9295;
font-size: 18px;
}
.custom-tables-new .table tbody tr td .cmp-text {
margin-bottom: 0;
}
@media (min-width: 1601px) {
.custom-tables-new .table tbody tr td {
padding: 18px 15px;
}
}
.text-center {
text-align: center !important;
}
.accordian-new .accordion .accordion-item-new .accordion-header.open ~ div {
display: block !important;
}
.accordian-new .accordion .accordion-body .slick-arrow {
position: relative;
text-indent: -99999px;
width: 50px;
height: 50px;
background: #fff;
border-radius: 50%;
outline: none;
cursor: pointer;
-webkit-transform: inherit;
transform: inherit;
}
@media (max-width: 767.98px) {
.accordian-new .accordion .accordion-body .slick-arrow {
width: 40px;
height: 40px;
}
}
.accordian-new .accordion .accordion-body .slick-arrow.slick-prev {
position: absolute;
left: 37px;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
opacity: 0;
background-color: transparent;
}
@media (max-width: 767px) {
.accordian-new .accordion .accordion-body .slick-arrow.slick-prev {
left: 20px;
}
}
.accordian-new .accordion .accordion-body .slick-arrow.slick-prev:after {
content: "";
position: absolute;
background-image: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/hoover-arrow.svg");
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
width: 50px;
height: 50px;
right: 0;
top: 0;
background-size: 100%;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (min-width: 1800px) {
.accordian-new .accordion .accordion-body .slick-arrow.slick-prev:after {
width: 54px;
height: 54px;
}
}
@media (max-width: 1799px) {
.accordian-new .accordion .accordion-body .slick-arrow.slick-prev:after {
width: 46px;
height: 46px;
}
}
@media (max-width: 767.98px) {
.accordian-new .accordion .accordion-body .slick-arrow.slick-prev:after {
width: 40px;
height: 40px;
}
}
@media (max-width: 767px) {
.accordian-new .accordion .accordion-body .slick-arrow.slick-prev {
opacity: 1;
}
}
.accordian-new .accordion .accordion-body .slick-arrow.slick-next {
content: "";
position: absolute;
right: 32px;
top: 0;
bottom: 0;
margin: auto;
background-color: transparent;
}
@media (max-width: 767px) {
.accordian-new .accordion .accordion-body .slick-arrow.slick-next {
right: 20px;
}
}
.accordian-new .slick-dotted.slick-slider {
margin-bottom: 0;
}
.accordian-new .accordion .accordion-body .slick-arrow.slick-next:after {
content: "";
position: absolute;
background-image: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/hoover-arrow.svg");
width: 50px;
height: 50px;
right: 0;
top: 0;
background-size: 100%;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (min-width: 1800px) {
.accordian-new .accordion .accordion-body .slick-arrow.slick-next:after {
width: 54px;
height: 54px;
}
}
@media (max-width: 1799px) {
.accordian-new .accordion .accordion-body .slick-arrow.slick-next:after {
width: 46px;
height: 46px;
}
}
@media (max-width: 767.98px) {
.accordian-new .accordion .accordion-body .slick-arrow.slick-next:after {
width: 40px;
height: 40px;
}
}
@media (max-width: 595px) {
.accordian-new .accordion .accordion-body .slick-arrow.slick-next {
opacity: 1;
}
}
.accordian-new .accordion .accordion-body .slick-disabled {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.accordian-new .accordion .accordion-body .slick-dots {
position: relative;
margin-top: 20px;
width: 100%;
text-align: center;
display: none !important;
}
@media (min-width: 1800px) {
.accordian-new .accordion .accordion-body .slick-dots {
display: none !important;
}
}
@media (max-width: 1799px) {
.accordian-new .accordion .accordion-body .slick-dots {
display: none !important;
}
}
@media (max-width: 767.98px) {
.accordian-new .accordion .accordion-body .slick-dots {
padding: 0;
margin-top: 30px;
}
}
.accordian-new .accordion .accordion-body .slick-dots li {
display: inline-block;
cursor: pointer;
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #00FD45;
background: transparent;
margin: 0 9px 0 7px;
padding: 0;
}
.accordian-new .accordion .accordion-body .slick-dots li.slick-active {
background: #00FD45;
border: 1px solid #00FD45;
}
.accordian-new .accordion .accordion-body .slick-dots li button {
display: none;
}
.accordian-new .accordion .accordion-body .slick-dots li:before {
display: none;
}
.accordian-new .accordion .accordion-body .slider-nav .slick-arrow {
opacity: 0 !important;
display: none !important;
}
.accordian-new .accordion h4 {
float: left;
width: 100%;
text-align: left;
color: #080808 !important;
text-decoration: none !important;
}
.accordian-new .accordion .link-black {
float: left;
margin-top: 8px;
}
.accordian-new .accordion .body-nav {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.accordian-new .accordion .body-nav {
display: block !important;
width: 100%;
background-color: transparent !important;
}
.accordian-new .accordion .body-nav:nth-child(odd) {
background-color: rgba(103, 191, 27, 0.2);
}
.accordian-new .accordion .body-nav:nth-child(even) {
background-color: #fff;
}
}
.accordian-new .accordion .body-nav:nth-child(odd) {
background-color: rgba(103, 191, 27, 0.2) !important;
}
.accordian-new .accordion .body-nav:last-child {
border-radius: 0 0 20px 20px;
}
.accordian-new .accordion .body-nav:first-child .col-column:after {
top: 24px !important;
}
.accordian-new .accordion .body-nav:last-child .col-column:after {
height: 80% !important;
}
@media (max-width: 767px) {
.accordian-new .accordion .body-nav .col-column:nth-child(odd) {
background-color: transparent;
}
}
@media (max-width: 767px) {
.accordian-new .accordion .body-nav .col-column:nth-child(even) {
background-color: transparent;
}
}
.accordian-new .accordion .body-nav .slick-arrow {
opacity: 0 !important;
display: none !important;
}
.accordian-new .accordion .body-nav.slick-next {
display: none !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.accordian-new .accordion .body-nav {
-ms-flex-wrap: inherit;
flex-wrap: inherit;
}
}
@media (min-width: 596px) and (max-width: 767px) {
.accordian-new .accordion .body-nav {
-ms-flex-wrap: inherit;
flex-wrap: inherit;
}
}
.accordian-new .accordion .body-nav:first-child.col-column::after {
top: 24px;
}
.accordian-new .accordion .body-nav:last-child.col-column::after {
top: 24px;
}
@media (max-width: 991px) {
.accordian-new .accordion .body-nav {
padding: 0;
}
}
.accordian-new .accordion .body-nav .certified-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.accordian-new .accordion .body-nav .certified-wrap p {
width: 100%;
}
.accordian-new .accordion .body-nav .certified-wrap.col-column::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #caccce;
}
@media (max-width: 595px) {
.accordian-new .accordion .body-nav .certified-wrap.col-column::after {
opacity: 0;
}
}
@media (max-width: 991px) {
.accordian-new .accordion .body-nav .certified-wrap .text-left {
text-align: center !important;
}
}
.accordian-new .accordion .body-nav .certified-wrap.half-border {
position: relative;
}
.accordian-new .accordion .body-nav .certified-wrap.half-border:after {
content: "";
position: absolute;
right: 0;
width: 1px;
height: 100% !important;
background-color: #caccce;
}
@media (max-width: 767px) {
.accordian-new .accordion .body-nav .certified-wrap.half-border:after {
opacity: 0;
}
}
@media (max-width: 767px) {
.accordian-new .accordion .body-nav .raw-wrap {
padding: 24px !important;
}
}
.accordian-new .accordion .body-nav .raw-wrap p {
width: 100%;
}
@media (max-width: 767px) {
.accordian-new .accordion .body-nav .cpu-wrap {
padding: 24px !important;
}
}
.accordian-new .accordion .body-nav .cpu-wrap p {
width: 100%;
}
.accordian-new .accordion .slider-nav:not(:last-child) .body-nav:last-child {
border-radius: 0;
}
.text-center {
text-align: center !important;
margin-bottom: 20px;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
.accordion-item-new .cmp-text {
margin-bottom: 0;
}
.accordian-new .accordion .body-nav p {
font-size: var(--font-size-p-sm);
line-height: var(--line-height-p-sm);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-sm) * -0.02);
}
.cmp-accordion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.arrows .cmp-accordion {
gap: 1rem;
}
.plus .cmp-accordion {
gap: 1.6rem;
}
.cmp-accordion__item {
font-size: var(--font-size-p-sm);
line-height: var(--line-height-p-sm);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-sm) * -0.02);
}
.arrows .cmp-accordion__item {
padding: 0 0 20px 1.6rem;
border-bottom: 2px solid #00FD45;
}
.plus .cmp-accordion__item {
padding: 3.1rem 3.6rem 3.1rem 3.6rem;
border-radius: 2rem;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
scroll-margin-top: 200px;
}
.cmp-accordion__item h3 {
font-size: var(--font-size-h3-sm);
line-height: var(--line-height-h3-sm);
}
.cmp-accordion__item p {
font-size: 18px !important;
line-height: 28px !important;
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-sm) * -0.02);
margin-bottom: 12px 0;
-webkit-margin-after: 12px;
margin-block-end: 12px;
}
@media (max-width: 1799px) {
.cmp-accordion__item p {
font-size: 16px !important;
line-height: 24px !important;
}
}
@media (max-width: 1399px) {
.cmp-accordion__item p {
font-size: 14px !important;
line-height: 23px !important;
}
}
.cmp-accordion__item p a {
margin-right: 0 !important;
}
.cmp-accordion__item ul li {
margin: 15px 0;
font-size: 18px !important;
line-height: 28px !important;
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-sm) * -0.02);
}
@media (max-width: 1799px) {
.cmp-accordion__item ul li {
font-size: 16px !important;
line-height: 24px !important;
}
}
@media (max-width: 1399px) {
.cmp-accordion__item ul li {
font-size: 14px !important;
line-height: 23px !important;
}
}
.cmp-accordion__item ol li {
margin: 15px 0;
font-size: 18px !important;
line-height: 28px !important;
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-sm) * -0.02);
}
@media (max-width: 1799px) {
.cmp-accordion__item ol li {
font-size: 16px !important;
line-height: 24px !important;
}
}
@media (max-width: 1399px) {
.cmp-accordion__item ol li {
font-size: 14px !important;
line-height: 23px !important;
}
}
.cmp-accordion__button {
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;
border: none;
background: transparent;
position: relative;
color: #000;
}
.arrows .cmp-accordion__button {
padding: 1rem 2rem 0 0;
padding-right: 90px;
}
.arrows .cmp-accordion__button .cmp-accordion__down-arrow {
bottom: initial;
}
.arrows .cmp-accordion__button .cmp-accordion__down-arrow::before {
border-left: 2px solid #1d242b;
border-bottom: 2px solid #1d242b;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
content: "";
position: absolute;
width: 15px;
height: 15px;
bottom: 14px;
right: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (max-width: 1799px) {
.arrows .cmp-accordion__button .cmp-accordion__down-arrow::before {
bottom: 0;
}
}
@media (max-width: 991px) {
.arrows .cmp-accordion__button .cmp-accordion__down-arrow::before {
width: 10px;
height: 10px;
}
}
.plus .cmp-accordion__button {
padding: 0;
}
.cmp-accordion__button:not(:disabled),
.cmp-accordion__button [type=button]:not(:disabled),
.cmp-accordion__button [type=reset]:not(:disabled),
.cmp-accordion__button [type=submit]:not(:disabled) {
cursor: pointer;
}
.plus .cmp-accordion__button:hover .cmp-accordion__icon::after {
background-color: #00FD45;
}
.arrows .cmp-accordion__button--expanded .cmp-accordion__down-arrow::before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
border-color: #00FD45;
}
.cmp-accordion__button--expanded .cmp-accordion__icon {
-webkit-transition: -webkit-transform 0.3s linear;
transition: -webkit-transform 0.3s linear;
transition: transform 0.3s linear;
transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
.cmp-accordion__button--expanded .cmp-accordion__icon.fa-chevron-down {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.plus .cmp-accordion__button--expanded .cmp-accordion__icon.fa-chevron-down {
visibility: hidden;
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
}
.plus .cmp-accordion__button--expanded .cmp-accordion__icon:after {
visibility: visible;
content: "−";
display: block;
width: 34px;
height: 34px;
line-height: 26px;
font-size: 30px;
color: #000000;
font-weight: 300;
position: absolute;
top: calc(50% - 20px);
right: 0;
border: 2px solid #00FD45;
border-radius: 50%;
text-align: center;
}
.cmp-accordion__button--expanded .cmp-accordion__icon:before {
color: #00FD45;
}
.cmp-accordion__icon {
-webkit-transition: -webkit-transform 0.3s linear;
transition: -webkit-transform 0.3s linear;
transition: transform 0.3s linear;
transition: transform 0.3s linear, -webkit-transform 0.3s linear;
position: absolute;
right: 20px;
bottom: 23px;
}
.cmp-accordion__icon:before {
-webkit-text-stroke: 1px var(--bg-color);
}
.plus .cmp-accordion__icon.fa-chevron-down:before {
visibility: hidden;
}
.plus .cmp-accordion__icon {
right: 0;
}
.plus .cmp-accordion__icon::after {
visibility: visible;
content: "+";
display: block;
width: 34px;
height: 34px;
border: 2px solid #00FD45;
border-radius: 50%;
text-align: center;
line-height: 26px;
font-size: 30px;
color: #000000;
font-weight: 300;
position: absolute;
top: calc(50% - 20px);
right: 0;
}
.cmp-accordion__panel {
padding-right: 9rem;
margin-top: 2.3rem;
margin-bottom: 0;
}
.cmp-accordion__panel .aem-Grid {
padding-block: 0;
gap: 0;
}
@media (max-width: 768px) {
.cmp-accordion__panel {
padding-right: 0;
}
}
.cmp-bio {
padding: 15px;
}
.cmp-bio__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 11.5rem;
}
@media (max-width: 768px) {
.cmp-bio__content {
-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;
gap: 1.5rem;
}
}
.cmp-bio__bio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.4rem;
white-space: nowrap;
}
@media (max-width: 768px) {
.cmp-bio__bio {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.5rem;
}
}
.cmp-bio__bio-image {
border-radius: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 18.4rem;
width: 18.4rem;
border: 2px solid #00FD45;
}
@media (max-width: 768px) {
.cmp-bio__bio-image {
height: 12rem;
width: 12rem;
}
}
.cmp-bio__bio-download,
.cmp-bio__bio-headshot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.7rem;
font-size: 1.8rem;
color: #000000;
font-weight: 600;
}
.cmp-bio__detail {
font-size: var(--font-size-p-xl);
line-height: var(--line-height-p-xl);
}
@media (max-width: 768px) {
.cmp-bio__detail {
text-align: center;
}
}
.cmp-bio__name {
font-size: 3rem;
font-weight: 600;
line-height: 4rem;
}
.cmp-bio__title {
padding-top: 0.8rem;
}
.cmp-bio__social-links {
padding-top: 2.4rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 4.4rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (max-width: 768px) {
.cmp-bio__social-links {
padding-top: 1.5rem;
}
}
.cmp-bio__description {
padding-top: 4rem;
}
@media (max-width: 768px) {
.cmp-bio__description {
padding-top: 1.5rem;
}
}
.cmp-blog-tags .cmp-blog-tags__container {
width: 100%;
height: 100%;
margin: 0 auto;
padding: 50px 60px;
max-width: 1340px;
}
@media (max-width: 1199px) {
.cmp-blog-tags .cmp-blog-tags__container {
padding: 50px 0px;
}
}
.cmp-blog-tags .cmp-blog-tags__container .cmp-blog-tags__intro h3 {
font-size: 25px;
font-weight: 400;
line-height: 1.27;
color: #000;
margin: 10px 0;
letter-spacing: 0.01em;
}
.cmp-blog-tags .cmp-blog-tags__container .cmp-blog-tags__item-container .cmp-blog-tags__item {
margin: 40px 0 45px;
}
.cmp-blog-tags .cmp-blog-tags__container .cmp-blog-tags__item-container .cmp-blog-tags__item .cmp-blog-tags__item-meta .cmp-blog-tags__item-date {
width: 100%;
text-align: left;
margin: 0;
letter-spacing: 0.01em;
text-transform: uppercase;
font-size: 13px;
margin-bottom: 5px;
}
.cmp-blog-tags .cmp-blog-tags__container .cmp-blog-tags__item-container .cmp-blog-tags__item .cmp-blog-tags__item-content-container .cmp-blog-tags__item-content h4 {
font-size: 28px;
line-height: 34px;
margin: 0 0 8px;
}
.cmp-blog-tags .cmp-blog-tags__container .cmp-blog-tags__item-container .cmp-blog-tags__item .cmp-blog-tags__item-content-container .cmp-blog-tags__item-content h4 a {
color: #080808;
}
.cmp-blog-tags .cmp-blog-tags__container .cmp-blog-tags__item-container .cmp-blog-tags__item .cmp-blog-tags__item-content-container .cmp-blog-tags__item-content h4 a:hover {
border-bottom: 1px solid #67bf1b;
}
.cmp-blogs-list .cmp-blogs-list__filter-container {
display: block;
margin-bottom: 0;
}
.cmp-blogs-list .cmp-blogs-list__filter-container.mobile {
display: none;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 50px;
margin-bottom: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 0;
}
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .close-filter {
width: 100%;
height: 26px;
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/close-white.svg);
background-size: contain;
position: fixed;
z-index: 101;
top: 50%;
left: 50%;
margin-top: -240px;
max-width: 320px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-repeat: no-repeat;
background-position: right;
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
opacity: 0;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .close-filter.filter-open {
visibility: visible;
opacity: 1;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown {
position: relative;
z-index: 1;
width: 33.3%;
margin-right: 30px;
}
@media (max-width: 767px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown {
width: 100%;
}
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown:hover {
z-index: 2;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown:hover p::after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
@media (max-width: 767px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown:hover .dropdown {
opacity: 1;
overflow: visible;
}
}
@media (min-width: 768px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown:hover .dropdown ul {
opacity: 1;
visibility: visible;
margin-top: 0;
}
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown p {
height: 32px;
width: 100%;
border-bottom: 1px solid #caccce;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown p::after {
content: "";
position: absolute;
right: 2px;
top: 50%;
margin-top: -5px;
border: solid #00FD45;
border-width: 0 2px 2px 0;
padding: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown .dropdown {
position: relative;
}
@media (max-width: 767px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown .dropdown {
opacity: 0;
overflow: hidden;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown ul {
position: absolute;
left: 0;
width: 100%;
top: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
max-height: 205px;
overflow: auto;
margin: 0;
padding: 0;
margin-top: 5px;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
border-radius: 0 0 5px 5px;
padding: 5px 15px;
background: #fff;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown ul li {
margin: 15px 0;
position: relative;
padding-left: 0px;
list-style: none;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown ul li.disabled {
opacity: 0.3;
pointer-events: none;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown ul li input {
position: absolute;
opacity: 0;
padding: 0;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown ul li label {
padding-left: 25px;
position: relative;
display: inline-block;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown ul li label::before {
content: "";
position: absolute;
top: 2.5px;
left: 0;
width: 16px;
height: 16px;
border: 1px solid #333434;
border-radius: 2px;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .filter-dropdown ul li label::after {
content: "";
position: absolute;
top: 7px;
left: 3px;
width: 9px;
height: 5px;
border-bottom: 3px solid #06f;
border-left: 3px solid #06f;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-filters {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
padding-top: 10px;
}
@media (max-width: 991px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-filters {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 767px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-filters {
display: none;
position: fixed;
top: 50%;
left: 50%;
margin-left: -160px;
margin-top: -200px;
width: 100%;
height: 100%;
z-index: 101;
background: #fff;
max-height: 450px;
max-width: 320px;
padding: 20px;
border-radius: 5px;
overflow-y: auto;
overflow-x: hidden;
}
}
@media (max-width: 767px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-filters.filter-open {
display: block;
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 767px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-filters.filter-open .filter-dropdown {
margin-right: 0;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-filters.filter-open .filter-dropdown.active .dropdown {
opacity: 1;
}
}
@media (max-width: 767px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-filters.filter-open .filter-dropdown.active .dropdown ul {
width: 100%;
margin: 0;
max-height: 205px;
position: static;
visibility: visible;
opacity: 1;
}
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-filters .filter-label {
white-space: nowrap;
padding-right: 10px;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-filters .filter-dropdown li input {
z-index: 1;
margin-top: 2px;
width: 20px;
height: 20px;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-filters .filter-dropdown li input:checked ~ label:after {
opacity: 1;
visibility: visible;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 30%;
}
@media (min-width: 768px) and (max-width: 991px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search {
max-width: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 767px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search {
max-width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
gap: 20px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-search {
width: 100%;
position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-search {
max-width: 300px;
}
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-search.active-clear .search-clear {
display: block;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-search input {
outline: none;
border: 1px solid #caccce;
border-radius: 5px;
width: 100%;
height: 52px;
padding: 0 30px 0 50px;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-search .search-clear {
position: absolute;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/close_icon_black.svg);
background-repeat: no-repeat;
background-position: center;
width: 16px;
height: 16px;
right: 31px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
display: none;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-search .search-button {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/search.svg);
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
width: 43px;
height: 100%;
position: absolute;
left: 6px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-sort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
gap: 10px;
}
@media (max-width: 767px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-sort {
gap: 0;
width: 45px;
}
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-sort .filter-dropdown {
width: 105px;
margin-right: 0;
}
@media (min-width: 992px) {
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-sort .filter-dropdown {
width: 125px;
}
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-sort .filter-dropdown:hover {
z-index: 2;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-sort .filter-dropdown:hover ul {
opacity: 1;
visibility: visible;
margin-top: 0;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-sort .filter-dropdown.active {
z-index: 2;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-sort .filter-dropdown.active ul {
opacity: 1;
visibility: visible;
margin-top: 0;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-sort .filter-dropdown ul {
min-width: 170px;
right: 0;
left: auto;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-sort .filter-dropdown ul li input[type=radio] ~ label::before {
border-radius: 100px;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-sort .filter-dropdown ul li input[type=radio] ~ label::after {
-webkit-transform: scale(0);
transform: scale(0);
width: 8px;
border: 0;
height: 8px;
background: #00FD92;
border-radius: 100px;
left: 5px;
top: 8px;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-sort .filter-dropdown ul li input[type=radio]:checked ~ label:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-icon,
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .sort-icon {
background-position: center;
background-size: 24px;
background-repeat: no-repeat;
width: 45px;
height: 45px;
min-width: 45px;
border-radius: 100px;
border: 1px solid #caccce;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .filter-icon {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/filter-icon.svg);
}
.cmp-blogs-list .cmp-blogs-list__filter-container .cmp-blogs-list__filter-wrap .cmp-blogs-list__filter-wrap-search .sort-icon {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/sort-icon.svg);
}
.cmp-blogs-list .cmp-blogs-list__filter-filtered-item {
text-align: left;
margin: 10px 0 20px;
}
.cmp-blogs-list .cmp-blogs-list__filter-filtered-item .single-item {
display: inline-block;
}
.cmp-blogs-list .cmp-blogs-list__filter-filtered-item .single-item span {
position: relative;
font-size: 16px;
font-weight: 500;
padding: 8px 53px 8px 21px;
border-radius: 5px;
display: inline-block;
margin-right: 15px;
margin-bottom: 10px;
cursor: pointer;
text-transform: capitalize;
background: rgba(103, 191, 27, 0.25);
line-height: 1.57;
letter-spacing: -0.21px;
}
.cmp-blogs-list .cmp-blogs-list__filter-filtered-item .single-item span:hover {
background: rgba(103, 191, 27, 0.2);
}
.cmp-blogs-list .cmp-blogs-list__filter-filtered-item .single-item span:after {
content: "";
position: absolute;
top: 13px;
right: 21px;
width: 12px;
height: 12px;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/close-icon-black.svg);
background-size: cover;
}
.cmp-blogs-list .cmp-blogs-list__filter-filtered-item .clearAll {
display: none;
font-size: 14px;
font-weight: 600;
padding: 3px 10px 4px;
cursor: pointer;
text-transform: capitalize;
color: #3E4C5A;
line-height: 1.57;
letter-spacing: -0.21px;
}
.cmp-blogs-list .cmp-blogs-list__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -12px;
}
.cmp-blogs-list .cmp-blogs-list__container > div {
margin-bottom: 30px;
}
.cmp-blogs-list .cmp-blogs-list__container .no-result {
margin-top: 50px;
text-align: center;
width: 100%;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card {
border-radius: 5px;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
position: relative;
-webkit-box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
height: 435px;
}
@media (min-width: 1800px) {
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card {
height: 505px;
}
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card:hover .list-grid-card__content {
max-height: 100%;
height: auto;
padding-bottom: 90px;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card:hover .list-grid-card__content .author {
opacity: 0;
visibility: hidden;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card:hover .list-grid-card__content p {
-webkit-line-clamp: unset;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card:hover .hover-content {
opacity: 1;
visibility: visible;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card:hover .button a::after {
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg) no-repeat;
background-size: cover;
margin-left: 12px;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__image {
position: relative;
overflow: hidden;
height: 190px;
}
@media (min-width: 1800px) {
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__image {
height: 250px;
}
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__image::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__image .blog-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__image .play-icon {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/play-icon.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
width: 64px;
height: 64px;
right: 30px;
top: 30px;
z-index: 1;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__image .play-icon:hover {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/play-icon-hover.svg);
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content {
cursor: pointer;
padding: 30px 30px;
z-index: 1;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
min-height: 245px;
max-height: 245px;
-webkit-transition: max-height 0.6s ease-out;
transition: max-height 0.6s ease-out;
}
@media (min-width: 1800px) {
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content {
min-height: 255px;
max-height: 255px;
}
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content .cta-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 2;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content .empty-link {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
font-size: 0;
text-indent: -99999px;
cursor: pointer;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content .eyebrow {
color: #3E4C5A;
display: inline-block;
margin-bottom: 8px;
padding-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content .eyebrow.date {
float: right;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content p {
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: var(--font-size-p-xl);
line-height: var(--line-height-p-xl);
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-xl) * -0.03);
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content .hover-content {
opacity: 0;
visibility: hidden;
margin-top: 20px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content .hover-content .p-lg {
-webkit-line-clamp: 4;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: var(--font-size-p-lg);
line-height: var(--line-height-p-lg);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-lg) * -0.02);
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content .hover-content .btn-wrap {
position: absolute;
bottom: 30px;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content .hover-content .btn-wrap .button {
margin-bottom: 0;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content .hover-content .btn-wrap .button a {
color: #080808;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content .author {
display: grid;
grid-template-columns: 48px calc(100% - 56px);
gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.3s;
transition: 0.3s;
position: absolute;
left: 0;
bottom: 30px;
width: 100%;
padding: 0 30px;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content .author img {
min-width: 48px;
width: 48px;
height: 48px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
}
.cmp-blogs-list .cmp-blogs-list__container .list-grid-card__content .author .p-xs {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
font-size: var(--font-size-p-xs);
line-height: var(--line-height-p-xs);
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-xs) * -0.03);
}
.loader {
position: absolute;
top: 50%;
left: 50%;
z-index: 9999;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
width: 50px;
height: 50px;
}
.loader img {
width: 50px;
height: 50px;
}
.cmp-bullet__link {
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;
font-size: var(--font-size-p-xl);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-p-xl);
color: #1D242B;
border: 1px solid #00FD45;
padding: 32px;
border-radius: 5px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
.cmp-customers-hero {
min-height: 250px;
background-size: cover;
background-position: 50% 50%;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.cmp-customers-hero::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff)), lightgray 50%/cover no-repeat;
background: linear-gradient(0deg, #fff 0%, #fff 100%), lightgray 50%/cover no-repeat;
background-blend-mode: soft-light, normal;
opacity: 0.5;
}
@media (min-width: 1201px) {
.cmp-customers-hero {
min-height: 300px;
}
}
@media (min-width: 1601px) {
.cmp-customers-hero {
min-height: 360px;
}
}
.cmp-customers-hero .cmp-customers-hero__content {
padding: 40px 0;
}
@media (max-width: 1799px) {
.cmp-customers-hero .cmp-customers-hero__content {
padding: 70px 0;
}
}
@media (max-width: 1599px) {
.cmp-customers-hero .cmp-customers-hero__content {
padding: 40px 0;
}
}
@media (max-width: 991px) {
.cmp-customers-hero .cmp-customers-hero__content {
padding: 20px 0;
}
}
@media (max-width: 575px) {
.cmp-customers-hero .cmp-customers-hero__content {
padding: 0;
}
}
.cmp-customers-hero .cmp-breadcrumb__list {
-webkit-padding-start: initial;
padding-inline-start: initial;
padding: 16px 0 16px 0;
padding-top: 40px;
}
@media (max-width: 991px) {
.cmp-customers-hero .cmp-breadcrumb__list {
padding: 20px 0 25px 0;
}
}
@media (max-width: 767px) {
.cmp-customers-hero .cmp-breadcrumb__list {
padding: 20px 0 25px 0;
}
}
@media (max-width: 575px) {
.cmp-customers-hero .cmp-breadcrumb__list {
padding: 25px 0 15px 0;
}
}
@media (min-width: 993px) and (max-width: 1199px) {
.cmp-customers-hero .cmp-breadcrumb__list {
padding: 20px 0 10px 0;
}
}
@media (min-width: 1801px) {
.cmp-customers-hero .cmp-breadcrumb__list {
padding: 30px 0 20px 0;
}
}
.cmp-customers-hero .cmp-breadcrumb__list .cmp-breadcrumb__item-link:hover::before {
width: 100%;
}
.cmp-card-listing {
padding-bottom: 50px;
}
.cmp-card-listing .section__container {
padding: 0 !important;
}
.cmp-card-listing .cmp-card-listing__card-container {
display: grid;
grid-template-columns: 4fr 2fr 2fr;
gap: 25px;
padding-top: 0;
z-index: 2;
overflow: visible;
margin-top: -60px;
}
@media (max-width: 991px) {
.cmp-card-listing .cmp-card-listing__card-container {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.cmp-card-listing .cmp-card-listing__card-container {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto auto;
}
.cmp-card-listing .cmp-card-listing__card-container > :nth-child(3) {
grid-column: 1;
grid-row: 2;
}
.cmp-card-listing .cmp-card-listing__card-container > :nth-child(3) .cmp-card-listing__card {
-webkit-transform: translateX(50%) !important;
transform: translateX(50%) !important;
}
}
@media (max-width: 575px) {
.cmp-card-listing .cmp-card-listing__card-container {
grid-template-columns: 1fr;
}
.cmp-card-listing .cmp-card-listing__card-container > :nth-child(3) {
grid-column: auto;
grid-row: auto;
-webkit-transform: initial;
transform: initial;
display: block;
}
.cmp-card-listing .cmp-card-listing__card-container > :nth-child(3) .cmp-card-listing__card {
-webkit-transform: none !important;
transform: none !important;
}
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap {
opacity: 0;
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card {
background: #ffffff;
min-height: 200px;
width: 100%;
max-width: 100%;
height: 475px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
border-radius: 5px;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
position: relative;
}
@media (max-width: 1199px) {
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card {
height: 100%;
}
}
@media (max-width: 575px) {
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card {
height: 100%;
}
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card:hover .cmp-card-listing__card-content .cmp-card-listing__link-arrow::after {
opacity: 1;
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card:hover .cmp-card-listing__card-content:not(.no-expand) {
max-height: 100% !important;
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card:hover .cmp-card-listing__card-content:not(.no-expand) h4,
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card:hover .cmp-card-listing__card-content:not(.no-expand) p {
-webkit-line-clamp: unset;
display: block;
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card:hover .cmp-card-listing__card-content:not(.no-expand) .cmp-card-listing__link-arrow::after {
opacity: 1;
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__image {
position: relative;
height: 295px;
}
@media (min-width: 1201px) {
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__image {
height: 295px;
}
}
@media (max-width: 1199px) {
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__image {
height: 200px;
}
}
@media (max-width: 575px) {
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__image {
height: 220px;
}
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__image img {
height: 100%;
width: 100%;
vertical-align: top;
border: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__card-content {
padding-bottom: 80px;
position: absolute;
min-height: 200px;
max-height: 200px;
width: 100%;
left: 0;
bottom: 0;
z-index: 1;
background: #fff;
padding: 30px 30px 75px 30px;
-webkit-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out;
}
@media (max-width: 1199px) {
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__card-content {
-webkit-animation: none !important;
animation: none !important;
position: static !important;
min-height: auto !important;
max-height: 100%;
}
}
@media (max-width: 575px) {
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__card-content {
position: relative;
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content;
}
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__card-content h4 {
max-width: 580px;
}
@media (max-width: 1199px) {
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__card-content h4 {
webkit-line-clamp: inherit !important;
display: block !important;
}
}
@media (max-width: 575px) {
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__card-content h4 {
-webkit-line-clamp: none;
}
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__card-content p {
overflow: hidden;
}
@media (max-width: 1199px) {
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__card-content p {
webkit-line-clamp: inherit !important;
display: block !important;
}
}
@media (max-width: 575px) {
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__card-content p {
-webkit-line-clamp: none;
}
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__card-content .cmp-card-listing__link-arrow {
position: absolute;
right: 30px;
bottom: 30px;
display: inline-block;
width: 40px;
height: 40px;
background-size: contain;
background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='28' height='28' rx='4' fill='white'/%3E%3Crect x='1' y='1' width='28' height='28' rx='4' stroke='%2300B96B' stroke-width='2'/%3E%3Cpath d='M6 15L22.8535 15' stroke='%23080808' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 9L24 15L18 21' stroke='%23080808' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__card-content .cmp-card-listing__link-arrow::after {
content: "";
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='40' height='40' rx='4' fill='%23080808'/%3E%3Crect x='1' y='1' width='40' height='40' rx='4' stroke='%2300B96B' stroke-width='2'/%3E%3Cpath d='M11.0879 21L31.0879 21' stroke='%2300FD92' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M25.3681 13L33.9124 21L25.3681 29' stroke='%2300FD92' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
@media (min-width: 1801px) {
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__card-content .cmp-card-listing__link-arrow {
width: 42px;
height: 42px;
}
}
.cmp-card-listing .cmp-card-listing__card-container .cmp-card-listing__card-wrap .cmp-card-listing__card .cmp-card-listing__card-content .cmp-card-listing__link-arrow:hover::after {
opacity: 1;
}
.clamp-3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.hero-banner {
min-height: 100%;
}
.careers-hero {
padding-bottom: 0 !important;
}
.hero-banner.career-theme {
margin: 0 auto;
padding: 0 !important;
opacity: 0;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
@media (max-width: 991px) {
.hero-banner.career-theme {
padding: 0 0 0 !important;
}
}
@media (max-width: 595px) {
.hero-banner.career-theme {
padding: 0 !important;
}
}
.hero-banner.career-theme .wrapper {
width: 100%;
margin: 0 auto;
}
@media (min-width: 1600px) {
.hero-banner.career-theme .wrapper {
max-width: 1600px;
}
}
.hero-banner.career-theme .wrapper .outer-wrap {
position: relative;
}
.hero-banner.career-theme .wrapper .outer-wrap .bg-img {
max-width: 1600px;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: 0 auto;
z-index: -1;
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap {
display: block;
position: relative;
padding: 100px 0;
}
@media (max-width: 991px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap {
padding: 60px 0;
}
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
position: initial;
}
@media (max-width: 595px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 530px;
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-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
top: -10px;
}
@media (min-width: 1200px) and (max-width: 1366px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap {
max-width: 520px;
}
}
@media (max-width: 1199px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap {
max-width: 370px;
top: 0;
}
}
@media (max-width: 991px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap {
max-width: 300px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap {
max-width: 300px;
}
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h1, .hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h2 {
font-weight: 500;
}
@media (max-width: 991px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h1, .hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h2 {
font-size: 30px;
}
}
@media (max-width: 595px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h1, .hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h2 {
text-align: center;
}
}
@media (max-width: 595px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap p {
text-align: center;
}
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box {
margin: 20px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #FFF;
border: 0;
border-radius: 5px;
max-width: 450px;
}
@media (max-width: 1199px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box {
max-width: 370px;
}
}
@media (max-width: 991px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box {
margin: 15px 0 0;
max-width: 275px;
}
}
@media (max-width: 595px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box {
max-width: 100%;
}
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box .search-text-box {
border-radius: 5px;
padding: 10px 20px;
font-size: 14px;
height: 54px;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
width: 460px;
outline: none;
}
@media (max-width: 1199px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box .search-text-box {
width: 340px;
height: 45px;
}
}
@media (max-width: 991px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box .search-text-box {
width: 270px;
}
}
@media (max-width: 595px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box .search-text-box {
width: 100%;
height: 50px;
}
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box button[type=submit] {
text-indent: -999px;
overflow: hidden;
width: 40px;
padding: 0;
margin: 0;
border: none;
border-radius: inherit;
background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31.371' height='31.371' viewBox='0 0 31.371 31.371'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Path_25755' data-name='Path 25755' d='M0,0H31.371V31.371H0Z' fill='%2367be1b' stroke='%2367be1b' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_6269' data-name='Mask Group 6269' opacity='0.25' clip-path='url(clientlib-site/css/%23clip-path)'%3E%3Cg id='search' transform='translate(5.229 5.229)'%3E%3Cg id='Group_2' data-name='Group 2' transform='translate(0 0)'%3E%3Cpath id='Path_7' data-name='Path 7' d='M20.786,19.554l-6.075-6.075a8.3,8.3,0,1,0-1.232,1.232l6.075,6.075a.436.436,0,0,0,.616,0l.616-.616A.436.436,0,0,0,20.786,19.554ZM8.279,14.814a6.536,6.536,0,1,1,6.536-6.536A6.543,6.543,0,0,1,8.279,14.814Z' transform='translate(0 0)' fill='%2367be1b' stroke='%2367be1b' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
opacity: 0.7;
outline: none;
margin-right: 10px;
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box button[type=submit]:hover {
opacity: 1;
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box button[type=submit]:focus, .hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box input[type=search]:focus {
-webkit-box-shadow: 0 0 3px 0 #1183d6;
box-shadow: 0 0 3px 0 #1183d6;
border-color: #1183d6;
outline: none;
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .btn-wrap {
margin-top: 25px;
display: block;
}
@media (max-width: 991px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .btn-wrap {
margin: 20px 0;
}
}
@media (max-width: 595px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .btn-wrap {
text-align: center;
}
}
@media (max-width: 991px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .btn-wrap a {
margin-bottom: 10px;
}
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: auto;
max-width: 710px;
border-radius: 275px 0 0 275px;
overflow: hidden;
}
@media (max-width: 1199px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
top: 0;
max-width: 555px;
}
}
@media (max-width: 991px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
max-width: 420px;
}
}
@media (max-width: 595px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
display: none;
}
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap img {
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
width: 100%;
height: 100%;
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .mobile-btn {
display: none;
}
@media (max-width: 595px) {
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .mobile-btn {
display: block;
margin-top: 40px;
}
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .mobile-btn a {
margin-right: 20px;
}
.hero-banner.video-theme {
padding: 0 !important;
}
.hero-banner.video-theme .wrapper {
width: 100%;
margin: 0 auto;
}
.hero-banner.video-theme .wrapper .bg-img {
max-width: 1600px;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: 0 auto;
z-index: -1;
}
.hero-banner.video-theme .wrapper .outer-wrap {
position: relative;
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;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 100px 0;
}
@media (max-width: 991px) {
.hero-banner.video-theme .wrapper .outer-wrap {
padding: 40px 0;
}
}
@media (max-width: 595px) {
.hero-banner.video-theme .wrapper .outer-wrap {
padding: 30px 0;
}
}
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
@media (max-width: 767px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .text-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 500px;
}
@media (max-width: 1199px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .text-wrap {
max-width: 400px;
}
}
@media (max-width: 991px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .text-wrap {
max-width: 340px;
}
}
@media (max-width: 767px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .text-wrap {
max-width: 100%;
margin-bottom: 45px;
}
}
@media (max-width: 991px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .text-wrap h1 {
font-size: 30px;
}
}
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .text-wrap h3 {
margin: 20px 0;
font-weight: 500;
}
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .text-wrap h3 span {
color: #00FD45;
}
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .text-wrap .btn-wrap {
margin-top: 25px;
display: block;
}
@media (max-width: 595px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .text-wrap .btn-wrap {
display: none;
}
}
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .text-wrap .btn-wrap a {
margin-right: 20px;
}
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
max-width: 600px;
}
@media (min-width: 1201px) and (max-width: 1399px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
max-width: 550px;
}
}
@media (max-width: 991px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
max-width: 350px;
}
}
@media (max-width: 767px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
max-width: 100%;
}
}
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap img {
max-width: 600px;
max-height: 340px;
}
@media (max-width: 1199px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap img {
max-width: 430px;
}
}
@media (max-width: 991px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap img {
max-width: 340px;
}
}
@media (max-width: 767px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap img {
max-width: 100%;
}
}
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap.video-icon:before {
width: 66px;
height: 66px;
left: 10%;
right: auto;
}
@media (max-width: 1199px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap.video-icon:before {
width: 56px;
height: 56px;
}
}
@media (max-width: 991px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap.video-icon:before {
width: 46px;
height: 46px;
}
}
@media (max-width: 595px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap.video-icon:before {
width: 36px;
height: 36px;
}
}
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap .circle {
position: absolute;
top: -20%;
right: -20%;
z-index: -1;
}
@media (max-width: 1399px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap .circle {
top: -25%;
right: -15%;
}
}
@media (max-width: 1199px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap .circle {
right: -5%;
top: -30%;
}
}
@media (max-width: 991px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap .circle {
right: -10%;
top: -40%;
}
}
@media (max-width: 595px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap .circle {
display: none;
}
}
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap .circle svg {
width: 358px;
height: 358px;
}
@media (max-width: 1199px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap .circle svg {
width: 308px;
height: 308px;
}
}
@media (max-width: 991px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap .circle svg {
width: 278px;
height: 278px;
}
}
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap .bgcolor {
position: absolute;
top: -30%;
right: -24%;
z-index: -1;
width: 788px;
height: 540px;
background: #00ABC9;
overflow: visible;
}
@media (max-width: 1399px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap .bgcolor {
top: -40%;
right: -24%;
z-index: -1;
width: 130%;
height: 200%;
}
}
@media (max-width: 1199px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap .bgcolor {
top: -40%;
right: -24%;
z-index: -1;
width: 130%;
height: 200%;
}
}
@media (max-width: 767px) {
.hero-banner.video-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap .bgcolor {
top: -10%;
right: -10%;
width: 120%;
height: 140%;
}
}
.hero-banner.video-theme .wrapper .outer-wrap .mobile-btn {
display: none;
}
@media (max-width: 595px) {
.hero-banner.video-theme .wrapper .outer-wrap .mobile-btn {
display: block;
margin-top: 40px;
}
}
.hero-banner.video-theme .wrapper .outer-wrap .mobile-btn a {
margin-right: 20px;
}
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap {
padding: 104px 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap {
padding: 60px 0;
}
}
@media (max-width: 1199px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap {
padding: 40px 0;
}
}
@media (max-width: 767px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap {
padding-bottom: 0;
}
}
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .thumb-wrap {
max-width: 750px;
border-radius: 0;
clip-path: circle(76% at 66% 75%);
}
@media (max-width: 1199px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .thumb-wrap {
max-width: 53%;
clip-path: circle(67% at 72% 57%);
}
}
@media (max-width: 767px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .thumb-wrap {
max-width: 100% !important;
display: block !important;
clip-path: inherit;
margin-top: 50px;
position: static;
}
}
@media (max-width: 595px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .thumb-wrap {
display: none !important;
}
}
@media (max-width: 767px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap {
display: block;
}
}
@media (max-width: 1199px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap {
max-width: 530px !important;
}
}
@media (max-width: 767px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap {
max-width: 100% !important;
text-align: center;
}
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap p {
padding-right: 0;
}
}
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap p {
font-size: 20px;
line-height: 28px;
margin: 0;
}
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box {
margin-top: 40px;
}
@media (max-width: 1199px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box {
margin-top: 25px;
}
}
@media (max-width: 767px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box {
max-width: 100%;
}
}
@media (max-width: 595px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box {
max-width: 100%;
}
}
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box .search-text-box {
height: 60px;
}
@media (max-width: 1199px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box .search-text-box {
height: 50px;
max-width: 350px;
}
}
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .search-box button[type=submit] {
min-width: 40px;
}
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h1, .hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h2 {
font-weight: 600;
font-size: 40px;
font-family: "Manrope", sans-serif;
line-height: 48px;
letter-spacing: -0.026em;
color: #000;
margin: 0 0 16px 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h1, .hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h2 {
font-size: 40px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h1, .hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h2 {
font-size: 35px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h1, .hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h2 {
font-size: 32px;
line-height: 35px;
}
}
@media (max-width: 575.98px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h1, .hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap h2 {
font-size: 30px;
}
}
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .btn-wrap {
margin: 40px 0 0 0;
}
@media (max-width: 1199px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .btn-wrap {
margin: 25px 0 0 0;
}
}
@media (max-width: 767px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .btn-wrap {
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
}
@media (max-width: 595px) {
.hero-banner.career-theme-curve-image .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap .btn-wrap {
margin-bottom: 40px;
}
}
.hero-banner.box-theme {
height: 100%;
}
@media (min-width: 1600px) {
.hero-banner.box-theme .wrapper {
max-width: 100%;
}
}
.hero-banner.box-theme .wrapper .outer-wrap .bg-img {
height: 491px;
}
@media (min-width: 1600px) {
.hero-banner.box-theme .wrapper .outer-wrap .bg-img {
max-width: 100%;
}
}
@media (max-width: 767px) {
.hero-banner.box-theme .wrapper .outer-wrap .bg-img {
height: 100%;
}
}
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap {
padding: 85px 0;
}
@media (min-width: 1600px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap {
padding: 0;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap {
padding: 40px 0;
}
}
@media (max-width: 1199px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap {
padding: 30px 0;
}
}
@media (max-width: 767px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap {
padding-bottom: 0;
}
}
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap .text-wrap {
min-height: 320px;
}
@media (max-width: 767px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap .text-wrap {
min-height: 100%;
}
}
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
max-width: 788px;
width: 100%;
border-radius: 0;
clip-path: fill-box;
}
@media (min-width: 1600px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
position: static;
max-width: 600px !important;
}
}
@media (min-width: 1800px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
max-width: 730px !important;
}
.hero-banner.career-theme .wrapper .outer-wrap .inner-wrap .content-wrap .text-wrap {
max-width: 630px;
}
}
@media (min-width: 1400px) and (max-width: 1549px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
max-width: 740px;
}
}
@media (min-width: 1201px) and (max-width: 1399px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
max-width: 640px;
}
}
@media (max-width: 1199px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
max-width: 49%;
}
}
@media (max-width: 767px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap {
max-width: 100% !important;
display: none !important;
clip-path: inherit;
margin-top: 50px;
position: static;
}
}
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap.video-icon:before {
width: 66px;
height: 66px;
left: 10%;
right: auto;
}
@media (max-width: 1199px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap.video-icon:before {
width: 56px;
height: 56px;
}
}
@media (max-width: 991px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap.video-icon:before {
width: 46px;
height: 46px;
}
}
@media (max-width: 595px) {
.hero-banner.box-theme .wrapper .outer-wrap .inner-wrap .thumb-wrap.video-icon:before {
width: 36px;
height: 36px;
}
}
body.admin-bar .hero-banner.career-theme, body.admin-bar .hero-banner.video-theme {
padding: 60px 0 0 !important;
}
@media (max-width: 1199px) {
body.admin-bar .hero-banner.career-theme, body.admin-bar .hero-banner.video-theme {
padding: 0 0 0 !important;
}
}
@media (max-width: 991px) {
body.admin-bar .hero-banner.career-theme, body.admin-bar .hero-banner.video-theme {
padding: 0 !important;
}
}
@media (max-width: 595px) {
body.admin-bar .hero-banner.career-theme, body.admin-bar .hero-banner.video-theme {
padding: 0 !important;
margin: -15px auto;
}
}
.cmp-competitive-table {
width: 100%;
position: relative;
float: left;
overflow: hidden;
padding-block: var(--spacing-blade);
}
.cmp-competitive-table__row-inner {
background: linear-gradient(106deg, #1D242B 0%, #3E4C5A 100%);
color: #ffffff;
padding: 80px 120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1199px) {
.cmp-competitive-table__row-inner {
padding: 40px 40px;
}
}
@media (max-width: 991px) {
.cmp-competitive-table__row-inner {
padding: 40px 20px;
}
}
@media (max-width: 767px) {
.cmp-competitive-table__row-inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.cmp-competitive-table__content-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 1 70%;
flex: 0 1 70%;
}
@media (max-width: 991px) {
.cmp-competitive-table__content-wrap {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-bottom: 30px;
}
}
.cmp-competitive-table__content-wrap h2 {
margin: 0;
}
.cmp-competitive-table__cta-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 1 20%;
flex: 0 1 20%;
}
@media (max-width: 991px) {
.cmp-competitive-table__cta-wrap {
-webkit-box-flex: 1;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
}
}
@media (max-width: 767px) {
.cmp-competitive-table__cta-wrap {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
.cmp-competitive-table__cta-wrap .free-trial {
background-color: #0066FF;
border-radius: 5px;
color: #ffffff;
font-size: 1.6rem;
font-weight: 700;
padding: 10px 28px;
text-decoration: none;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
line-height: 1.44rem;
font-family: "KlavikaWeb";
border: 2px solid transparent;
}
.cmp-competitive-table__cta-wrap .free-trial:hover {
background-color: transparent;
border: 2px solid #0066FF;
}
.cmp-competitive-table__rowlist {
background: #ffffff;
}
.cmp-competitive-table__row {
display: grid;
grid-template-columns: 25.5% 74.5%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
.cmp-competitive-table__row {
display: block;
}
}
.cmp-competitive-table__row > div:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 40px;
height: 100%;
background: #D8DBDE;
}
@media (max-width: 991px) {
.cmp-competitive-table__row > div:first-child {
padding: 20px;
}
}
@media (max-width: 767px) {
.cmp-competitive-table__row > div:first-child {
padding: 16px;
text-align: center;
display: block;
height: auto;
}
}
.cmp-competitive-table__row > div:first-child h3 {
color: #000000;
}
.cmp-competitive-table__row > div:last-child {
background: #ffffff;
}
.cmp-competitive-table__row > div:last-child > div {
display: grid;
grid-template-columns: 50% 50%;
background: #ffffff;
}
.cmp-competitive-table__row > div:last-child > div div {
padding: 24px 28px 24px 70px;
position: relative;
}
@media (max-width: 767px) {
.cmp-competitive-table__row > div:last-child > div div {
padding: 16px 16px 16px 40px;
}
}
.cmp-competitive-table__row > div:last-child > div div span.tick {
position: absolute;
width: 19px;
height: 13px;
left: 32px;
top: 30px;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/check-mark.svg);
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 767px) {
.cmp-competitive-table__row > div:last-child > div div span.tick {
top: 22px;
left: 12px;
}
}
.cmp-competitive-table__row > div:last-child > div div span.cross {
position: absolute;
width: 15px;
height: 14px;
left: 32px;
top: 30px;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/close.svg);
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 767px) {
.cmp-competitive-table__row > div:last-child > div div span.cross {
top: 22px;
left: 12px;
}
}
.cmp-competitive-table__row > div:last-child > div div h5 {
margin-bottom: 5px;
}
.cmp-competitive-table__row > div:last-child > div div:first-child {
border-right: 1px solid #CACBCD;
}
.cmp-competitive-table__row > div:last-child > div:nth-child(odd) {
background: #F5F6F7;
}
.cmp-competitive-table__row:nth-child(odd) > div:first-child {
background: #78828C;
}
.cmp-competitive-table__row:nth-child(odd) > div:first-child h3 {
color: #ffffff;
}
.cmp-competitive-table__row:nth-child(odd) > div:last-child {
background: #F5F6F7;
}
.cmp-competitive-table__row.cmp-competitive-table__logo div {
background: #ffffff !important;
text-align: center;
}
.cmp-competitive-table__row.cmp-competitive-table__logo div img {
max-height: 30px;
-o-object-fit: contain;
object-fit: contain;
display: block;
margin: 0 auto;
}
@media (max-width: 767px) {
.cmp-competitive-table__row.cmp-competitive-table__logo div img {
max-height: 20px;
}
}
.cmp-competitive-table__row.cmp-competitive-table__logo > div {
padding-bottom: 30px;
}
@media (max-width: 767px) {
.cmp-competitive-table__row.cmp-competitive-table__logo > div {
padding-bottom: 20px;
}
.cmp-competitive-table__row.cmp-competitive-table__logo > div:empty {
display: none !important;
}
}
.cmp-competitive-table__row.cmp-competitive-table__logo > div div {
display: block !important;
}
@media (max-width: 767px) {
.cmp-competitive-table__row.cmp-competitive-table__logo > div div {
padding: 0 16px;
}
}
.cmp-competitive-table__row.cmp-competitive-table__logo > div:last-child {
font-size: 40px;
line-height: 48px;
font-weight: 600;
display: grid;
grid-template-columns: 50% 50%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
.cmp-competitive-table__row.cmp-competitive-table__logo > div:last-child {
font-size: 30px;
line-height: normal;
}
}
.cmp-competitive-table__text {
margin-top: 26px;
}
@media (max-width: 767px) {
.cmp-competitive-table__text {
padding: 0 16px;
}
}
.cmp-competitive-table__text p {
margin: 0;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__title {
margin-bottom: 64px;
}
@media (max-width: 1399px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__title {
margin-bottom: 40px;
}
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__title.text-center {
text-align: center;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list {
background: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #CACBCD;
}
@media (max-width: 1199px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list {
border-bottom: 0;
padding-bottom: 10px;
}
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col .bg-primary-green {
background: #00FD45;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col .bg-charcoal-2-20 {
background: #D8DBDE;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 10px 15px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 88px;
-ms-flex-line-pack: center;
align-content: center;
}
@media (max-width: 1300px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col div {
padding: 10px;
}
}
@media (max-width: 767px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col div {
padding: 8px;
height: 80px;
}
}
@media (max-width: 575px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col div {
height: 100px;
}
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col div:first-child {
height: 145px;
border: 0;
}
@media (max-width: 1300px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col div:first-child {
height: 100px;
}
}
@media (max-width: 767px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col div:first-child {
height: 90px;
}
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col div span {
position: absolute;
width: 40px;
height: 40px;
}
@media (max-width: 1199px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col div span {
width: 35px;
height: 35px;
}
}
@media (max-width: 767px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col div span {
width: 30px;
height: 30px;
}
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col div span.check-green {
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/check-green.svg) no-repeat;
background-size: cover;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col div span.check-line {
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/check-line.svg) no-repeat;
background-size: cover;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__col div:nth-child(even) {
background: #F5F6F7;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list > .cmp-competitive-table__col {
min-width: 315px;
max-width: 315px;
width: inherit;
}
@media (min-width: 1800px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list > .cmp-competitive-table__col {
min-width: 415px;
max-width: 415px;
}
}
@media (max-width: 1199px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list > .cmp-competitive-table__col {
min-width: 33.3%;
max-width: 33.3%;
}
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list > .cmp-competitive-table__col div {
padding: 16px 40px 16px 20px;
text-align: left;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
@media (max-width: 1199px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list > .cmp-competitive-table__col div {
padding: 16px 20px;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list > .cmp-competitive-table__col div:last-child {
border-bottom: 1px solid #CACBCD;
}
}
@media (max-width: 767px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list > .cmp-competitive-table__col div {
padding: 8px;
}
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list > .cmp-competitive-table__col div h5 {
margin: 0;
font-weight: 600;
}
@media (max-width: 1300px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list > .cmp-competitive-table__col div h5 {
font-size: 16px !important;
line-height: 26px !important;
}
}
@media (max-width: 767px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list > .cmp-competitive-table__col div h5 {
font-size: 14px !important;
line-height: 20px !important;
}
}
@media (min-width: 340px) and (max-width: 380px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list > .cmp-competitive-table__col div h5 {
font-size: 13px !important;
}
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 10px 10px 0 0;
overflow: hidden;
}
@media (max-width: 1199px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel {
width: 66.7%;
padding-bottom: 30px;
}
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col {
overflow: hidden;
width: 100%;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col div:not(:first-child) {
border-left: 1px solid #CACBCD;
}
@media (max-width: 1199px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col {
border-bottom: 1px solid #CACBCD;
}
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col sup {
top: -0.3rem;
font-size: 12px;
font-weight: 600;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col h5 {
margin: 0;
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
@media (max-width: 1300px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col h5 {
font-size: 14px;
line-height: 20px;
}
}
@media (min-width: 340px) and (max-width: 380px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col h5 {
font-size: 12px !important;
}
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col p,
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col h5 {
margin: 0;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col p span,
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col h5 span {
display: block;
font-size: 12px;
line-height: 18px;
font-weight: 400;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col .p-sm .bold,
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col .p-xs .bold {
font-size: 18px;
line-height: 26px;
font-weight: 600;
}
@media (max-width: 1300px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col .p-sm .bold,
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col .p-xs .bold {
font-size: 15px !important;
line-height: 20px !important;
}
}
@media (max-width: 767px) {
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col .p-sm .bold,
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .cmp-competitive-table__carousel .cmp-competitive-table__col .p-xs .bold {
font-size: 14px !important;
line-height: 20px !important;
}
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .slick-dots {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .slick-dots li {
margin: 0;
line-height: 10px;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .slick-dots li::before {
display: none;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .slick-dots li button {
text-indent: -99999px;
width: 10px;
height: 10px;
border-radius: 100px;
background: #D8DBDE;
margin: 0 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-competitive-table.cmp-multi-column .cmp-competitive-table__col-list .slick-dots li.slick-active button {
background: #00FD45;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row {
grid-template-columns: 17% 83%;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row:nth-child(3) > div:last-child > div:nth-child(even) {
background: #ffffff;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row:nth-child(3) .right-side-row {
border-bottom: none;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:first-child {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #ffffff;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (max-width: 767px) {
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:first-child {
border-bottom: 1px solid #CACBCD;
}
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:first-child img {
max-width: 68px;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:first-child h5 {
margin-top: 10px;
}
@media (max-width: 767px) {
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:first-child h5 {
font-size: 1.6rem !important;
line-height: 24px !important;
}
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:last-child > div {
grid-template-columns: 50% 25% 25%;
height: 160px;
}
@media (max-width: 991px) {
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:last-child > div {
height: 100%;
}
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:last-child > div div {
padding: 30px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-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;
}
@media (max-width: 1399px) {
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:last-child > div div {
padding: 20px;
}
}
@media (max-width: 575px) {
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:last-child > div div {
padding: 10px;
}
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:last-child > div div:not(:first-child) {
text-align: center;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:last-child > div div span {
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:last-child > div div:last-child {
border-left: 1px solid #CACBCD;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:last-child > div div.key-class {
padding: 30px 40px;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 1399px) {
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:last-child > div div.key-class {
padding: 20px;
}
}
@media (max-width: 575px) {
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:last-child > div div.key-class {
padding: 10px;
}
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div:last-child > div:nth-child(odd) {
background: #F2F7FF;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div .yes-class p, .cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div .no-class p, .cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div .incomplete-class p {
position: relative;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div .yes-class p::before, .cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div .no-class p::before, .cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div .incomplete-class p::before {
content: "";
position: absolute;
width: 14px;
height: 14px;
top: auto;
left: auto;
border-radius: 50%;
margin-left: -22px;
margin-top: 5px;
}
@media (max-width: 575px) {
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div .yes-class p::before, .cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div .no-class p::before, .cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div .incomplete-class p::before {
width: 10px;
height: 10px;
margin-left: -13px;
margin-top: 6px;
}
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div .no-class p::before {
background: #FF2E00;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div .yes-class p::before {
background: #00FD45;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row > div .incomplete-class p::before {
background: #FFA500;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row:nth-child(odd) > div:first-child {
background: #F2F7FF;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row:nth-child(odd) > div:first-child h5 {
color: #000000;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row:nth-child(odd) > div:last-child {
background: #ffffff;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row .cmp-competitive-table__row__right-side-row {
border-bottom: 1px solid #CACBCD;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row.cmp-competitive-table__logo div {
padding: 40px 0;
height: 100% !important;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row.cmp-competitive-table__logo div.bg-black {
background: #000000 !important;
color: #ffffff;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row.cmp-competitive-table__logo div.bg-white {
background: #ffffff !important;
color: #000000;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row.cmp-competitive-table__logo div.bg-primary-green {
background: #00FD45 !important;
color: #000000;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row.cmp-competitive-table__logo div.bg-secondary-blue {
background: #0066FF !important;
color: #ffffff;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row.cmp-competitive-table__logo div:first-child {
border-radius: 10px 0 0 0;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row.cmp-competitive-table__logo div:last-child {
border-radius: 0 10px 0 0;
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row.cmp-competitive-table__logo > div:last-child {
grid-template-columns: 50% 25% 25%;
padding-bottom: 0px;
padding-top: 0px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
@media (max-width: 767px) {
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row.cmp-competitive-table__logo > div:last-child {
height: 100%;
}
}
@media (max-width: 767px) {
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row.cmp-competitive-table__logo > div:last-child div {
padding: 20px 0;
}
}
.cmp-competitive-table.cmp-four-column .cmp-competitive-table__row.cmp-competitive-table__logo > div div {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cmp-home-banner {
position: relative;
display: block;
height: 810px;
background-color: #00FD92;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.cmp-home-banner {
height: 650px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.cmp-home-banner {
height: 660px;
}
}
@media (max-width: 575px) {
.cmp-home-banner {
height: 840px;
}
}
.cmp-home-banner .animation-bg {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
}
@media (min-width: 1800px) {
.cmp-home-banner .animation-bg {
height: 102%;
}
}
.cmp-home-banner .animation-bg video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1800px) {
.cmp-home-banner .animation-bg video {
height: 100%;
}
}
.cmp-home-banner .content-outer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.cmp-home-banner .content-outer .content-wrap {
width: 100%;
padding-top: 12rem;
}
@media (min-width: 1600px) {
.cmp-home-banner .content-outer .content-wrap {
padding-top: 16rem;
max-width: 650px;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.cmp-home-banner .content-outer .content-wrap {
padding-top: 18rem;
max-width: 600px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.cmp-home-banner .content-outer .content-wrap {
padding-top: 21rem;
max-width: 560px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.cmp-home-banner .content-outer .content-wrap {
padding-top: 22rem;
max-width: 440px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.cmp-home-banner .content-outer .content-wrap {
padding-top: 26rem;
max-width: 440px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.cmp-home-banner .content-outer .content-wrap {
padding-top: 22rem;
max-width: 440px;
}
}
@media (max-width: 575px) {
.cmp-home-banner .content-outer .content-wrap {
padding-top: 16rem;
max-width: 370px;
}
}
.cmp-home-banner .content-outer .content-wrap h1 {
font-weight: 700;
text-transform: uppercase;
}
@media (min-width: 1600px) {
.cmp-home-banner .content-outer .content-wrap h1 {
font-size: 110px !important;
line-height: 100px !important;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.cmp-home-banner .content-outer .content-wrap h1 {
font-size: 70px !important;
line-height: 70px !important;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.cmp-home-banner .content-outer .content-wrap h1 {
font-size: 70px !important;
line-height: 70px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.cmp-home-banner .content-outer .content-wrap h1 {
font-size: 60px !important;
line-height: 50px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.cmp-home-banner .content-outer .content-wrap h1 {
font-size: 60px !important;
line-height: 50px !important;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.cmp-home-banner .content-outer .content-wrap h1 {
font-size: 50px !important;
line-height: 40px !important;
}
}
@media (max-width: 575px) {
.cmp-home-banner .content-outer .content-wrap h1 {
font-size: 50px !important;
line-height: 40px !important;
}
}
.cmp-home-banner .content-outer .content-wrap h2 {
text-transform: uppercase;
font-style: italic;
}
@media (min-width: 1600px) {
.cmp-home-banner .content-outer .content-wrap h2 {
font-size: 54px !important;
line-height: 70px !important;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.cmp-home-banner .content-outer .content-wrap h2 {
font-size: 54px !important;
line-height: 60px !important;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.cmp-home-banner .content-outer .content-wrap h2 {
font-size: 44px !important;
line-height: 50px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.cmp-home-banner .content-outer .content-wrap h2 {
font-size: 36px !important;
line-height: 36px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.cmp-home-banner .content-outer .content-wrap h2 {
font-size: 36px !important;
line-height: 36px !important;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.cmp-home-banner .content-outer .content-wrap h2 {
font-size: 30px !important;
line-height: 30px !important;
}
}
@media (max-width: 575px) {
.cmp-home-banner .content-outer .content-wrap h2 {
font-size: 30px !important;
line-height: 30px !important;
}
}
.cmp-home-banner .content-outer .content-wrap .cmp-logo-grid__btn-wrap {
margin-top: 3rem;
display: block !important;
}
.fadeSlideLeft {
left: -500px;
-webkit-animation: fadeSlideLeft 0.5s forwards;
-webkit-animation-delay: 0.2s;
-webkit-animation: fadeSlideLeft 0.5s ease-out forwards;
animation: fadeSlideLeft 0.5s ease-out forwards;
animation-delay: 0.2s;
position: relative;
opacity: 0;
}
@-webkit-keyframes fadeSlideLeft {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes fadeSlideLeft {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
left: 0;
}
}
.fadeSlideUp {
bottom: -150px;
-webkit-animation: fadeSlideUp 0.5s forwards;
-webkit-animation-delay: 0.9s;
-webkit-animation: fadeSlideUp 1s forwards;
animation: fadeSlideUp 1s forwards;
animation-delay: 0.9s;
position: relative;
opacity: 0;
}
@-webkit-keyframes fadeSlideUp {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
bottom: 0;
}
}
@keyframes fadeSlideUp {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
bottom: 0;
}
}
.cmp-home-stats {
padding-top: 36px;
padding-bottom: 53px;
position: relative;
display: block;
}
.cmp-home-stats__stats-container {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 60px;
position: relative;
background: #FFF;
border-radius: 2px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1399px) {
.cmp-home-stats__stats-container {
padding: 24px 50px;
}
}
@media (max-width: 991px) {
.cmp-home-stats__stats-container {
padding: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width: 1199px) {
.cmp-home-stats__stats-container {
padding: 24px 16px;
}
}
@media (max-width: 991px) {
.cmp-home-stats__stats-container::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -3px;
width: 97%;
margin-left: auto;
margin-right: auto;
height: 6px;
background: #F0F3F4;
}
}
@media (max-width: 575px) {
.cmp-home-stats__stats-container::before {
display: none;
}
}
.cmp-home-stats__stat-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-left: 5px solid #F0F3F4;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 16px;
max-width: 25%;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
@media (max-width: 991px) {
.cmp-home-stats__stat-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media (max-width: 575px) {
.cmp-home-stats__stat-item {
padding-top: 15px !important;
padding-bottom: 15px !important;
border-left: none;
border-top: 5px solid #F0F3F4;
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.cmp-home-stats__stat-item:first-child {
border-left: none;
padding-left: 0;
}
@media (max-width: 991px) {
.cmp-home-stats__stat-item:first-child {
padding: 0 15px 15px 15px;
}
}
@media (max-width: 575px) {
.cmp-home-stats__stat-item:first-child {
border-top: none;
}
}
.cmp-home-stats__stat-item:last-child {
padding-right: 0;
}
@media (max-width: 991px) {
.cmp-home-stats__stat-item:last-child {
padding: 15px 15px 0 15px;
}
}
@media (max-width: 991px) {
.cmp-home-stats__stat-item:nth-child(2) {
padding: 0 15px 15px 15px;
}
}
@media (max-width: 991px) {
.cmp-home-stats__stat-item:nth-child(3) {
border-left: none;
padding: 15px 15px 0 15px;
}
}
.cmp-home-stats__stat-item .stat-number {
margin-right: 16px;
display: inline-block;
font-size: 60px;
font-style: normal;
font-weight: 500;
line-height: 64px;
}
@media (max-width: 1399px) {
.cmp-home-stats__stat-item .stat-number {
font-size: 55px;
line-height: 55px;
}
}
@media (max-width: 1199px) {
.cmp-home-stats__stat-item .stat-number {
font-size: 50px;
line-height: 50px;
}
}
@media (max-width: 1199px) {
.cmp-home-stats__stat-item .stat-number {
font-size: 50px;
line-height: 50px;
}
}
@media (max-width: 767px) {
.cmp-home-stats__stat-item .stat-number {
font-size: 43px;
line-height: 43px;
}
}
.cmp-logo-grid {
width: 100%;
position: relative;
float: left;
overflow: hidden;
padding-block: var(--spacing-blade);
}
.cmp-logo-grid__outer-wrap {
display: grid;
grid-template-columns: 41.6666666667% 58.3333333333%;
}
@media (max-width: 767px) {
.cmp-logo-grid__outer-wrap {
grid-template-columns: auto;
}
}
@media (max-width: 767px) {
.cmp-logo-grid__text-wrap {
margin-bottom: 30px;
}
}
.cmp-logo-grid__text-wrap h2 {
margin: 0 0 15px;
letter-spacing: -0.04rem !important;
}
@media (min-width: 1800px) {
.cmp-logo-grid__text-wrap h2 {
margin: 0 0 20px;
padding-right: 20px;
}
}
.cmp-logo-grid__text-wrap p {
margin-bottom: 16px;
letter-spacing: -0.4px !important;
}
@media (min-width: 1800px) {
.cmp-logo-grid__text-wrap p {
letter-spacing: -0.66px !important;
}
}
.cmp-logo-grid__logo-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 38px 80px;
padding: 0 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
margin: auto;
}
@media (min-width: 1800px) {
.cmp-logo-grid__logo-wrapper {
gap: 32px 38px;
padding-left: 152px;
padding-top: 0;
padding-right: 20px;
}
}
@media (max-width: 991px) {
.cmp-logo-grid__logo-wrapper {
gap: 38px 50px;
padding: 0 20px 0 40px;
}
}
@media (max-width: 767px) {
.cmp-logo-grid__logo-wrapper {
padding: 0 24px;
gap: 38px 100px;
}
}
@media (max-width: 575px) {
.cmp-logo-grid__logo-wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 38px 50px;
}
}
.cmp-logo-grid__logo-wrapper .img-wrap {
width: 100%;
}
.cmp-logo-grid__logo-wrapper .img-wrap img {
max-width: 100%;
max-height: 80px;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 1800px) {
.cmp-logo-grid__logo-wrapper .img-wrap img {
width: 210px;
height: 84px;
max-height: 84px;
}
}
.cmp-logo-grid__btn-wrap {
display: block !important;
}
@media (min-width: 1800px) {
.cmp-logo-grid__btn-wrap {
margin-top: 40px;
}
}
@media (max-width: 767px) {
.cmp-logo-grid__btn-wrap {
display: none !important;
}
}
.cmp-logo-grid__btn-wrap-mobile {
display: none !important;
}
@media (max-width: 767px) {
.cmp-logo-grid__btn-wrap-mobile {
display: block !important;
margin-top: 34px;
margin-left: auto;
margin-right: auto !important;
}
}
.cmp-resource-grid__intro {
text-align: center;
}
.cmp-resource-grid__intro h2 {
margin: 40px 0;
}
.cmp-resource-grid__grid-container {
display: grid;
gap: 30px 24px;
}
.cmp-resource-grid__grid-container.five-grid, .cmp-resource-grid__grid-container.two-grid {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991px) {
.cmp-resource-grid__grid-container.five-grid, .cmp-resource-grid__grid-container.two-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.cmp-resource-grid__grid-container.five-grid, .cmp-resource-grid__grid-container.two-grid {
grid-template-columns: 100%;
}
}
.cmp-resource-grid__grid-container.five-grid .grid-card-item:first-child, .cmp-resource-grid__grid-container.two-grid .grid-card-item:first-child {
grid-column: 1/span 2;
grid-row: 1/span 1;
}
@media (max-width: 767px) {
.cmp-resource-grid__grid-container.five-grid .grid-card-item:first-child, .cmp-resource-grid__grid-container.two-grid .grid-card-item:first-child {
grid-column: 1/span 1;
}
}
@media (max-width: 767px) {
.cmp-resource-grid__grid-container.five-grid .grid-card-item:first-child .content-with-img, .cmp-resource-grid__grid-container.two-grid .grid-card-item:first-child .content-with-img {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.cmp-resource-grid__grid-container.five-grid .grid-card-item:first-child .content-wrap, .cmp-resource-grid__grid-container.two-grid .grid-card-item:first-child .content-wrap {
background-color: #F5F6F7;
-webkit-box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
}
.cmp-resource-grid__grid-container.five-grid .grid-card-item:first-child .content, .cmp-resource-grid__grid-container.two-grid .grid-card-item:first-child .content {
width: calc(100% - 416px);
}
@media (max-width: 767px) {
.cmp-resource-grid__grid-container.five-grid .grid-card-item:first-child .content, .cmp-resource-grid__grid-container.two-grid .grid-card-item:first-child .content {
width: 100%;
}
}
@media (max-width: 991px) {
.cmp-resource-grid__grid-container.two-grid .grid-card-item:last-child {
grid-column: 1/span 2;
}
}
@media (max-width: 767px) {
.cmp-resource-grid__grid-container.two-grid .grid-card-item:last-child {
grid-column: 1/span 1;
}
}
.cmp-resource-grid__grid-container.three-grid {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991px) {
.cmp-resource-grid__grid-container.three-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 575px) {
.cmp-resource-grid__grid-container.three-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.cmp-resource-grid__grid-container.three-grid.image-bottom .grid-card-item .content-wrap {
padding: 24px;
}
.cmp-resource-grid__grid-container.three-grid.image-bottom .grid-card-item .content-wrap::after {
content: "";
position: absolute;
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow.svg);
width: 42px;
height: 42px;
right: 26px;
top: 25px;
background-size: 100%;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
.cmp-resource-grid__grid-container.three-grid.image-bottom .grid-card-item .content-wrap::after {
width: 36px;
height: 36px;
}
}
.cmp-resource-grid__grid-container.three-grid.image-bottom .grid-card-item:hover .content-wrap::after {
content: "";
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg) no-repeat;
background-size: cover;
}
.cmp-resource-grid__grid-container.three-grid.image-bottom .grid-card-item .icon-with-text {
margin-bottom: 15px;
}
.cmp-resource-grid__grid-container.three-grid.image-bottom .grid-card-item .icon-with-text .text {
margin-left: 0;
margin-top: 15px;
}
.cmp-resource-grid__grid-container.three-grid.image-bottom .grid-card-item .icon-with-text .button-icon {
content: "";
position: absolute;
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow.svg);
width: 42px;
height: 42px;
right: 26px;
top: 25px;
background-size: 100%;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cmp-resource-grid__grid-container.three-grid.image-bottom .grid-card-item p {
margin-bottom: 10px;
}
.cmp-resource-grid__grid-container.three-grid.image-bottom .grid-card-item .image-wrap img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cmp-resource-grid__grid-container.four-grid {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 991px) {
.cmp-resource-grid__grid-container.four-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 575px) {
.cmp-resource-grid__grid-container.four-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.cmp-resource-grid__grid-container.four-grid .grid-card-item .content-wrap {
padding: 24px;
}
.cmp-resource-grid__grid-container.four-grid .grid-card-item .icon-with-text {
margin-bottom: 15px;
}
.cmp-resource-grid__grid-container.four-grid .grid-card-item .icon-with-text .text {
margin-left: 8px;
}
@media (min-width: 1800px) {
.cmp-resource-grid__grid-container.four-grid .grid-card-item .icon-with-text .text .eyebrow {
font-size: calc(var(--font-size-eyebrow) - 38.7%);
}
}
@media (min-width: 1200px) and (max-width: 1799px) {
.cmp-resource-grid__grid-container.four-grid .grid-card-item .icon-with-text .text .eyebrow {
font-size: calc(var(--font-size-eyebrow) - 38.7%);
}
}
@media (max-width: 1199px) {
.cmp-resource-grid__grid-container.four-grid .grid-card-item .icon-with-text .text .eyebrow {
font-size: var(--font-size-eyebrow);
}
}
.cmp-resource-grid__grid-container.four-grid .grid-card-item h5 {
margin-bottom: 40px;
}
@media (min-width: 1800px) {
.cmp-resource-grid__grid-container.four-grid .grid-card-item h5 {
font-size: calc(var(--font-size-h5) - 38.7%);
line-height: calc(var(--line-height-h5) - 38.7%);
}
}
@media (min-width: 1200px) and (max-width: 1799px) {
.cmp-resource-grid__grid-container.four-grid .grid-card-item h5 {
font-size: calc(var(--font-size-h5) - 38.7%);
line-height: calc(var(--line-height-h5) - 38.7%);
}
}
@media (max-width: 1199px) {
.cmp-resource-grid__grid-container.four-grid .grid-card-item h5 {
font-size: var(--font-size-h5);
line-height: var(--line-height-h5);
}
}
.cmp-resource-grid__grid-container.four-grid .grid-card-item .btn-wrap {
bottom: 20px;
}
@media (min-width: 1800px) {
.cmp-resource-grid__grid-container.four-grid .grid-card-item .btn-wrap {
bottom: 0;
}
}
@media (min-width: 1400px) and (max-width: 1799px) {
.cmp-resource-grid__grid-container.four-grid .grid-card-item .btn-wrap {
bottom: 5px;
}
}
@media (max-width: 991px) {
.cmp-resource-grid__grid-container.four-grid .grid-card-item .btn-wrap .button {
margin-bottom: 0;
}
}
.cmp-resource-grid__grid-container .grid-card-item {
position: relative;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cmp-resource-grid__grid-container .grid-card-item:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.cmp-resource-grid__grid-container .grid-card-item:hover .btn-wrap a::after {
content: "";
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg) no-repeat;
background-size: cover;
margin-left: 12px;
}
.cmp-resource-grid__grid-container .grid-card-item .empty-link {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
font-size: 0;
text-indent: -99999px;
cursor: pointer;
}
.cmp-resource-grid__grid-container .grid-card-item .content-wrap {
position: relative;
padding: 40px;
background-color: #FAFAFA;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
border-radius: 5px;
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
@media (max-width: 767px) {
.cmp-resource-grid__grid-container .grid-card-item .content-wrap {
padding: 24px;
}
}
.cmp-resource-grid__grid-container .grid-card-item .content-with-img {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cmp-resource-grid__grid-container .grid-card-item .icon-with-text {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
@media (min-width: 1800px) {
.cmp-resource-grid__grid-container .grid-card-item .icon-with-text {
margin-bottom: 20px;
}
}
.cmp-resource-grid__grid-container .grid-card-item .icon-with-text .icon {
max-width: 56px;
max-height: 56px;
}
.cmp-resource-grid__grid-container .grid-card-item .icon-with-text .icon img {
max-width: 56px;
max-height: 56px;
}
.cmp-resource-grid__grid-container .grid-card-item .icon-with-text .text {
margin-left: 16px;
}
.cmp-resource-grid__grid-container .grid-card-item .icon-with-text .text span {
color: #3E4C5A;
}
.cmp-resource-grid__grid-container .grid-card-item h5 {
margin-bottom: 60px;
width: 100%;
}
.cmp-resource-grid__grid-container .grid-card-item .img-wrap {
max-width: 390px;
max-height: 244px;
}
@media (max-width: 575px) {
.cmp-resource-grid__grid-container .grid-card-item .img-wrap {
max-width: 265px;
}
}
.cmp-resource-grid__grid-container .grid-card-item .img-wrap img {
-o-object-fit: cover;
object-fit: cover;
max-width: 390px;
max-height: 244px;
}
@media (max-width: 575px) {
.cmp-resource-grid__grid-container .grid-card-item .img-wrap img {
max-width: 265px;
}
}
.cmp-resource-grid__grid-container .grid-card-item .btn-wrap {
position: absolute;
bottom: 40px;
}
@media (min-width: 1800px) {
.cmp-resource-grid__grid-container .grid-card-item .btn-wrap {
bottom: 15px;
}
}
@media (min-width: 1400px) and (max-width: 1799px) {
.cmp-resource-grid__grid-container .grid-card-item .btn-wrap {
bottom: 20px;
}
}
@media (max-width: 767px) {
.cmp-resource-grid__grid-container .grid-card-item .btn-wrap {
bottom: 0;
position: relative;
}
}
.cmp-resource-grid .outer-btn-wrap {
margin: 40px auto;
text-align: center;
}
.cmp-culture-list .cmp-culture-list__intro-wrap {
text-align: center;
margin: 0 auto 30px;
}
.cmp-culture-list .cmp-culture-list__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -12px;
}
.cmp-culture-list .cmp-culture-list__container > div {
margin-bottom: 30px;
}
.cmp-culture-list .cmp-culture-list__container .no-result {
margin-top: 50px;
text-align: center;
width: 100%;
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card {
border-radius: 5px;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
position: relative;
-webkit-box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
height: 435px;
}
@media (min-width: 1800px) {
.cmp-culture-list .cmp-culture-list__container .list-grid-card {
height: 505px;
}
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card:hover .list-grid-card__content {
max-height: 100%;
height: auto;
padding-bottom: 70px;
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card:hover .list-grid-card__content p {
-webkit-line-clamp: unset;
height: auto;
opacity: 1;
-webkit-transition: height 0.3s ease-out, opacity 0.3s ease-out 0.2s;
transition: height 0.3s ease-out, opacity 0.3s ease-out 0.2s;
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card__image {
position: relative;
overflow: hidden;
height: 190px;
}
@media (min-width: 1800px) {
.cmp-culture-list .cmp-culture-list__container .list-grid-card__image {
height: 250px;
}
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card__image .cta-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 2;
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card__image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 190px;
}
@media (min-width: 1800px) {
.cmp-culture-list .cmp-culture-list__container .list-grid-card__image img {
height: 250px;
}
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card__image .video-item {
position: absolute;
width: 66px;
height: 66px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/play-icon.svg") no-repeat;
background-size: 100%;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card__image .video-item:hover {
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/play-icon-hover.svg") no-repeat;
background-size: 100%;
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card__content {
cursor: pointer;
z-index: 1;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
min-height: 245px;
max-height: 245px;
-webkit-transition: max-height 0.6s ease-out;
transition: max-height 0.6s ease-out;
}
@media (min-width: 1800px) {
.cmp-culture-list .cmp-culture-list__container .list-grid-card__content {
min-height: 255px;
max-height: 255px;
}
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card__content__top {
padding: 30px 30px 0;
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card__content__top .cta-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 2;
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card__content__top .empty-link {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
font-size: 0;
text-indent: -99999px;
cursor: pointer;
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card__content__top .eyebrow {
color: #3E4C5A;
display: inline-block;
margin-bottom: 8px;
padding-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card__content__top .eyebrow.date {
float: right;
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card__content__top p {
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: var(--font-size-p-lg);
line-height: var(--line-height-p-lg);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-lg) * -0.03);
padding-top: 15px;
height: 0px;
opacity: 0;
-webkit-transition: height 0.3s ease-out 0.2s, opacity 0.3s ease-out;
transition: height 0.3s ease-out 0.2s, opacity 0.3s ease-out;
}
.cmp-culture-list .cmp-culture-list__container .list-grid-card__content__bottom {
padding: 0 30px;
position: absolute;
bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.loader {
position: absolute;
top: 50%;
left: 50%;
z-index: 9999;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
width: 50px;
height: 50px;
}
.loader img {
width: 50px;
height: 50px;
}
.cmp-customer-listing {
padding: 64px 0;
}
.cmp-customer-listing .cmp-customer-listing__title-container {
text-align: center;
margin-bottom: 54px;
}
@media (max-width: 1799px) {
.cmp-customer-listing .cmp-customer-listing__title-container {
margin-bottom: 40px;
}
}
@media (max-width: 1599px) {
.cmp-customer-listing .cmp-customer-listing__title-container {
margin-bottom: 24px;
}
}
.cmp-customer-listing .cmp-customer-listing__container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px 24px;
position: relative;
width: 100%;
max-width: 100%;
}
@media (max-width: 991px) {
.cmp-customer-listing .cmp-customer-listing__container {
grid-template-columns: 2fr 2fr;
}
}
@media (max-width: 767px) {
.cmp-customer-listing .cmp-customer-listing__container {
grid-template-columns: 2fr;
}
}
.cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item {
background-color: blue;
border-radius: 5px;
padding: 40px;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
background-color: #FAFAFA;
height: 100%;
cursor: pointer;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
display: block;
}
@media (max-width: 1199px) {
.cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item {
padding: 24px;
}
}
.cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item .cmp-customer-listing__list-item-content {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item .cmp-customer-listing__list-item-content .cmp-customer-listing__img-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 34px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item .cmp-customer-listing__list-item-content .cmp-customer-listing__img-content .cmp-customer-listing__img-container {
max-width: 50px;
max-height: 50px;
}
.cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item .cmp-customer-listing__list-item-content .cmp-customer-listing__img-content .cmp-customer-listing__img-container img {
min-width: 50px;
width: 100%;
max-width: 50px;
height: auto;
}
.cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item .cmp-customer-listing__list-item-content .cmp-customer-listing__img-content .cmp-customer-listing__text-container {
margin-left: 16px;
}
.cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item .cmp-customer-listing__list-item-content .cmp-customer-listing__img-content .cmp-customer-listing__text-container .eyebrow {
color: #3E4C5A;
padding: 0;
margin: 0;
}
.cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item .cmp-customer-listing__list-item-content p {
margin-bottom: 34px;
color: #000000;
}
.cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item .cmp-customer-listing__list-item-content .cmp-customer-listing__button-container {
margin-top: auto;
}
.cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item .cmp-customer-listing__list-item-content .cmp-customer-listing__button-container .button, .cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item .cmp-customer-listing__list-item-content .cmp-customer-listing__button-container button {
margin: 0;
}
.cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item:hover .button--style-tertiary-green button, .cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item:hover .button--style-tertiary-green a {
color: #080808;
}
.cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item:hover .button--style-tertiary-green button::after, .cmp-customer-listing .cmp-customer-listing__container .cmp-customer-listing__list-item:hover .button--style-tertiary-green a::after {
content: "";
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg") no-repeat;
background-size: cover;
margin-left: 12px;
}
.cmp-customer-list .cmp-customer-list__filter-container {
display: block;
margin-bottom: 0;
}
.cmp-customer-list .cmp-customer-list__filter-container.mobile {
display: none;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 50px;
margin-bottom: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 0;
}
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .close-filter {
width: 100%;
height: 26px;
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/close-white.svg);
background-size: contain;
position: fixed;
z-index: 101;
top: 50%;
left: 50%;
margin-top: -240px;
max-width: 320px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-repeat: no-repeat;
background-position: right;
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
opacity: 0;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .close-filter.filter-open {
visibility: visible;
opacity: 1;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown {
position: relative;
z-index: 1;
width: 33.3%;
margin-right: 30px;
}
@media (max-width: 767px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown {
width: 100%;
}
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown:hover {
z-index: 2;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown:hover p::after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
@media (max-width: 767px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown:hover .dropdown {
opacity: 1;
overflow: visible;
}
}
@media (min-width: 768px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown:hover .dropdown ul {
opacity: 1;
visibility: visible;
margin-top: 0;
}
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown p {
height: 32px;
width: 100%;
border-bottom: 1px solid #caccce;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown p::after {
content: "";
position: absolute;
right: 2px;
top: 50%;
margin-top: -5px;
border: solid #00FD45;
border-width: 0 2px 2px 0;
padding: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown .dropdown {
position: relative;
}
@media (max-width: 767px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown .dropdown {
opacity: 0;
overflow: hidden;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown ul {
position: absolute;
left: 0;
width: 100%;
top: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
max-height: 205px;
overflow: auto;
margin: 0;
padding: 0;
margin-top: 5px;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
border-radius: 0 0 5px 5px;
padding: 5px 15px;
background: #fff;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown ul li {
margin: 15px 0;
position: relative;
padding-left: 0px;
list-style: none;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown ul li.disabled {
opacity: 0.3;
pointer-events: none;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown ul li input {
position: absolute;
opacity: 0;
padding: 0;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown ul li label {
padding-left: 25px;
position: relative;
display: inline-block;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown ul li label::before {
content: "";
position: absolute;
top: 2.5px;
left: 0;
width: 16px;
height: 16px;
border: 1px solid #333434;
border-radius: 2px;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .filter-dropdown ul li label::after {
content: "";
position: absolute;
top: 7px;
left: 3px;
width: 9px;
height: 5px;
border-bottom: 3px solid #06f;
border-left: 3px solid #06f;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-filters {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
padding-top: 10px;
}
@media (max-width: 767px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-filters {
display: none;
position: fixed;
top: 50%;
left: 50%;
margin-left: -160px;
margin-top: -200px;
width: 100%;
height: 100%;
z-index: 101;
background: #fff;
max-height: 450px;
max-width: 320px;
padding: 20px;
border-radius: 5px;
overflow-y: auto;
overflow-x: hidden;
}
}
@media (max-width: 767px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-filters.filter-open {
display: block;
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 767px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-filters.filter-open .filter-dropdown {
margin-right: 0;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-filters.filter-open .filter-dropdown.active .dropdown {
opacity: 1;
}
}
@media (max-width: 767px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-filters.filter-open .filter-dropdown.active .dropdown ul {
width: 100%;
margin: 0;
max-height: 205px;
position: static;
visibility: visible;
opacity: 1;
}
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-filters .filter-label {
white-space: nowrap;
padding-right: 10px;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-filters .filter-dropdown li input {
z-index: 1;
margin-top: 2px;
width: 20px;
height: 20px;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-filters .filter-dropdown li input:checked ~ label:after {
opacity: 1;
visibility: visible;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 30%;
}
@media (min-width: 768px) and (max-width: 991px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search {
max-width: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 767px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search {
max-width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
gap: 20px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-search {
width: 100%;
position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-search {
max-width: 300px;
}
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-search.active-clear .search-clear {
display: block;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-search input {
outline: none;
border: 1px solid #caccce;
border-radius: 5px;
width: 100%;
height: 52px;
padding: 0 30px 0 50px;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-search .search-clear {
position: absolute;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/close_icon_black.svg);
background-repeat: no-repeat;
background-position: center;
width: 16px;
height: 16px;
right: 31px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
display: none;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-search .search-button {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/search.svg);
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
width: 43px;
height: 100%;
position: absolute;
left: 6px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-sort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
gap: 10px;
}
@media (max-width: 767px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-sort {
gap: 0;
width: 45px;
}
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-sort .filter-dropdown {
width: 105px;
margin-right: 0;
}
@media (min-width: 992px) {
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-sort .filter-dropdown {
width: 125px;
}
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-sort .filter-dropdown:hover {
z-index: 2;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-sort .filter-dropdown:hover ul {
opacity: 1;
visibility: visible;
margin-top: 0;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-sort .filter-dropdown.active {
z-index: 2;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-sort .filter-dropdown.active ul {
opacity: 1;
visibility: visible;
margin-top: 0;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-sort .filter-dropdown ul {
min-width: 170px;
right: 0;
left: auto;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-sort .filter-dropdown ul li input[type=radio] ~ label::before {
border-radius: 100px;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-sort .filter-dropdown ul li input[type=radio] ~ label::after {
-webkit-transform: scale(0);
transform: scale(0);
width: 8px;
border: 0;
height: 8px;
background: #00FD92;
border-radius: 100px;
left: 5px;
top: 8px;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-sort .filter-dropdown ul li input[type=radio]:checked ~ label:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-icon,
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .sort-icon {
background-position: center;
background-size: 24px;
background-repeat: no-repeat;
width: 45px;
height: 45px;
min-width: 45px;
border-radius: 100px;
border: 1px solid #caccce;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .filter-icon {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/filter-icon.svg);
}
.cmp-customer-list .cmp-customer-list__filter-container .cmp-customer-list__filter-wrap .cmp-customer-list__filter-wrap-search .sort-icon {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/sort-icon.svg);
}
.cmp-customer-list .cmp-customer-list__filter-filtered-item {
text-align: left;
margin: 10px 0 20px;
}
.cmp-customer-list .cmp-customer-list__filter-filtered-item .single-item {
display: inline-block;
}
.cmp-customer-list .cmp-customer-list__filter-filtered-item .single-item span {
position: relative;
font-size: 16px;
font-weight: 500;
padding: 8px 53px 8px 21px;
border-radius: 5px;
display: inline-block;
margin-right: 15px;
margin-bottom: 10px;
cursor: pointer;
text-transform: capitalize;
background: rgba(103, 191, 27, 0.25);
line-height: 1.57;
letter-spacing: -0.21px;
}
.cmp-customer-list .cmp-customer-list__filter-filtered-item .single-item span:hover {
background: rgba(103, 191, 27, 0.2);
}
.cmp-customer-list .cmp-customer-list__filter-filtered-item .single-item span:after {
content: "";
position: absolute;
top: 13px;
right: 21px;
width: 12px;
height: 12px;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/close-icon-black.svg);
background-size: cover;
}
.cmp-customer-list .cmp-customer-list__filter-filtered-item .clearAll {
display: none;
font-size: 14px;
font-weight: 600;
padding: 3px 10px 4px;
cursor: pointer;
text-transform: capitalize;
color: #3E4C5A;
line-height: 1.57;
letter-spacing: -0.21px;
}
.cmp-customer-list .cmp-customer-list__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -12px;
}
.cmp-customer-list .cmp-customer-list__container > div {
margin-bottom: 30px;
}
.cmp-customer-list .cmp-customer-list__container .no-result {
margin-top: 50px;
text-align: center;
width: 100%;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card {
border-radius: 5px;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
position: relative;
-webkit-box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
height: 390px;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card:hover .list-grid-card__content {
max-height: 100%;
height: auto;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card:hover .list-grid-card__content p {
-webkit-line-clamp: unset;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card:hover .hover-content {
opacity: 1;
visibility: visible;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card:hover .button a::after {
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg) no-repeat;
background-size: cover;
margin-left: 12px;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__image {
position: relative;
height: 245px;
overflow: hidden;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__image::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: linear-gradient(180.61deg, rgba(0, 0, 0, 0.4) 37.82%, rgba(0, 0, 0, 0) 87.52%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__image .card-logo {
z-index: 1;
position: absolute;
left: 30px;
top: 30px;
max-width: 130px;
max-height: 50px;
width: auto;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__image .card-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__image .play-icon {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/play-icon.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
width: 64px;
height: 64px;
right: 30px;
top: 30px;
z-index: 1;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__image .play-icon:hover {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/play-icon-hover.svg);
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__content {
cursor: pointer;
padding: 30px 30px;
z-index: 1;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
min-height: 160px;
max-height: 160px;
-webkit-transition: max-height 0.6s ease-out;
transition: max-height 0.6s ease-out;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__content .cta-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 2;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__content .empty-link {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
font-size: 0;
text-indent: -99999px;
cursor: pointer;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__content .eyebrow {
color: #3E4C5A;
display: block;
margin-bottom: 15px;
padding-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__content p {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: var(--font-size-p-xl);
line-height: var(--line-height-p-xl);
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-xl) * -0.03);
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__content .hover-content {
opacity: 0;
visibility: hidden;
margin-top: 20px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__content .hover-content .btn-wrap {
margin-top: 30px;
height: auto;
position: relative;
}
@media (max-width: 575px) {
.cmp-customer-list .cmp-customer-list__container .list-grid-card__content .hover-content .btn-wrap {
margin-top: 20px;
}
}
@media (min-width: 1200px) {
.cmp-customer-list .cmp-customer-list__container .list-grid-card__content .hover-content .btn-wrap {
margin-top: 55px;
}
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__content .hover-content .btn-wrap .button {
margin-bottom: 0;
}
.cmp-customer-list .cmp-customer-list__container .list-grid-card__content .hover-content .btn-wrap .button a {
color: #080808;
}
.loader {
position: absolute;
top: 50%;
left: 50%;
z-index: 9999;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
width: 50px;
height: 50px;
}
.loader img {
width: 50px;
height: 50px;
}
@media (max-width: 767px) {
.cmp-customer-list__filter-wrap-search .filter-dropdown ul {
display: none;
}
.cmp-customer-list__filter-wrap-search .filter-dropdown.active ul {
display: block;
}
}
.cmp-customer-list .video-overlay {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.92);
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
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;
}
.cmp-customer-list .video-overlay.active {
opacity: 1;
z-index: 9999;
visibility: visible;
}
.cmp-customer-list .video-container iframe {
width: 100%;
z-index: 5;
border: none;
margin: 3px 0 0 0;
height: calc(88vh - 40px);
}
.cmp-customer-list .hidden {
display: none !important;
}
.cmp-cs__content .swiper-button-next {
right: 0;
top: 97%;
}
@media (max-width: 991px) {
.cmp-cs__content .swiper-button-next {
right: 20px;
}
}
.cmp-cs__content.swiper {
position: unset;
}
.cmp-cs__content .swiper-button-next:after {
content: "";
display: inline-block;
width: 2.4rem;
height: 2.4rem;
background-size: contain;
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow.svg") no-repeat center;
padding: 7px 4px;
border-radius: 3px;
border: 2px solid #00B96B;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
.cmp-cs__content .swiper-button-prev {
left: 0;
top: 97%;
}
@media (max-width: 991px) {
.cmp-cs__content .swiper-button-prev {
left: 20px;
}
}
.cmp-cs__content .swiper-button-prev:after {
content: "";
display: inline-block;
width: 2.4rem;
height: 2.4rem;
background-size: contain;
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow.svg") no-repeat center;
padding: 7px 4px;
border-radius: 3px;
border: 2px solid #00B96B;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.cmp-cs__content .swiper-button-prev,
.cmp-cs__content .swiper-button-next {
width: unset;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cmp-cs__content .swiper-button-prev:hover:after,
.cmp-cs__content .swiper-button-next:hover:after {
background-color: #00FD92;
}
.cmp-cs__content .swiper-button-prev:focus,
.cmp-cs__content .swiper-button-next:focus {
outline: none !important;
}
@media (min-width: 993px) {
.cmp-cs__content .swiper-button-prev,
.cmp-cs__content .swiper-button-next {
display: none;
}
}
.cmp-cs__slide {
width: 100%;
}
@media (max-width: 991px) {
.cmp-cs__slide {
width: 80%;
}
}
@media (max-width: 767px) {
.cmp-cs__slide {
width: 40%;
}
}
.cmp-cs__slide .swiper-wrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 767px) {
.cmp-cs__slide .swiper-wrapper {
-webkit-box-pack: initial;
-ms-flex-pack: initial;
justify-content: initial;
}
}
.cmp-cs__slide-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 70px;
width: 100%;
max-width: 180px;
-o-object-fit: contain;
object-fit: contain;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.6;
padding: 0 10px 10px;
margin: 0 auto;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.swiper-slide-thumb-active .cmp-cs__slide-image {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
.cmp-cs__slide .swiper-button-next {
right: 3%;
}
.cmp-cs__slide .swiper-button-next:after {
content: "";
display: inline-block;
width: 2.4rem;
height: 2.4rem;
background-size: contain;
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow.svg") no-repeat center;
padding: 7px 4px;
border-radius: 3px;
border: 2px solid #00B96B;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
.cmp-cs__slide .swiper-button-prev {
left: 3%;
}
.cmp-cs__slide .swiper-button-prev:after {
content: "";
display: inline-block;
width: 2.4rem;
height: 2.4rem;
background-size: contain;
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow.svg") no-repeat center;
padding: 7px 4px;
border-radius: 3px;
border: 2px solid #00B96B;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.cmp-cs__slide .swiper-button-prev,
.cmp-cs__slide .swiper-button-next {
width: unset;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cmp-cs__slide .swiper-button-prev:hover:after,
.cmp-cs__slide .swiper-button-next:hover:after {
background-color: #00FD92;
}
.cmp-cs__slide .swiper-button-prev:focus,
.cmp-cs__slide .swiper-button-next:focus {
outline: none !important;
}
@media (min-width: 993px) {
.cmp-cs__slide .swiper-button-prev,
.cmp-cs__slide .swiper-button-next {
display: none;
}
}
.cmp-cs__slide .swiper-slide:before {
content: "";
position: absolute;
left: 10px;
bottom: 0;
height: 1px;
width: 100%;
background-color: #4e626c;
}
.cmp-cs__slide .swiper-slide.swiper-slide-thumb-active:before {
z-index: 1;
background-color: #00FD92;
-webkit-animation: 7s ease 0s 1 normal none running progressAnimation;
animation: 7s ease 0s 1 normal none running progressAnimation;
height: 3px;
-webkit-transition-property: width, background-color;
transition-property: width, background-color;
}
.cmp-cs__slide .swiper-slide:after {
content: "";
position: absolute;
left: 10px;
bottom: 0;
height: 1px;
width: 100%;
background-color: rgb(78, 98, 108);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-cs__slide .swiper-slide:hover {
cursor: pointer;
}
.cmp-cs__slide .swiper-slide:hover .cmp-cs__slide-image {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
.cmp-cs__cta-container {
padding-top: 60px;
width: 100%;
}
@media (max-width: 1799px) {
.cmp-cs__cta-container {
padding-top: 56px;
}
}
@media (max-width: 991px) {
.cmp-cs__cta-container {
padding-top: 30px;
}
}
@media (max-width: 575px) {
.cmp-cs__cta-container {
padding-top: 25px;
}
}
.cmp-footer-cta {
min-height: 600px;
padding: 140px 0;
margin: 0 auto;
text-align: center;
position: relative;
color: #000;
overflow: hidden;
}
@media (max-width: 1599px) {
.cmp-footer-cta {
min-height: 386px;
padding: 90px 0;
}
}
@media (max-width: 1199px) {
.cmp-footer-cta {
min-height: 320px;
background-color: #00FD45;
padding: 50px 0;
}
}
@media (max-width: 991px) {
.cmp-footer-cta {
padding: 40px 0;
}
}
@media (max-width: 767px) {
.cmp-footer-cta {
min-height: inherit;
background-color: #00FD45;
padding: 80px 0;
}
}
.cmp-footer-cta .cmp-footer-cta__bg-img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;
background-image: url("../../../content/dam/cohesity/live/generic-banners/global-cta-banner-2500x1124.jpg");
}
@media (max-width: 1599px) {
.cmp-footer-cta .cmp-footer-cta__bg-img {
height: 115%;
width: 100%;
background-position: 50% 0;
}
}
@media (max-width: 1399px) {
.cmp-footer-cta .cmp-footer-cta__bg-img {
width: 110%;
height: 110%;
background-size: cover;
background-position: center;
}
}
@media (max-width: 1199px) {
.cmp-footer-cta .cmp-footer-cta__bg-img {
width: 100%;
height: 100%;
background-position: left;
}
}
@media (max-width: 991px) {
.cmp-footer-cta .cmp-footer-cta__bg-img {
height: 110%;
background-position: 60% 0;
}
}
@media (max-width: 767px) {
.cmp-footer-cta .cmp-footer-cta__bg-img {
display: none;
}
}
.cmp-footer-cta .cmp-footer-cta__container {
width: 100%;
margin: 0 auto;
padding: 0 20px;
position: relative;
max-width: 1264px;
}
.cmp-footer-cta .cmp-footer-cta__container .cmp-footer-cta__content {
margin: 0 auto;
max-width: 820px;
}
@media (max-width: 991px) {
.cmp-footer-cta .cmp-footer-cta__container .cmp-footer-cta__content {
max-width: 520px;
}
}
.cmp-footer-cta .cmp-footer-cta__container .cmp-footer-cta__content .cmp-footer-cta__title {
font-size: var(--font-size-h3-sm);
line-height: var(--line-height-p-sm);
padding-bottom: 2rem;
}
.cmp-footer-cta .cmp-footer-cta__container .cmp-footer-cta__content .cmp-footer-cta__desc {
font-size: var(--font-size-p-xl);
line-height: var(--line-height-p-xl);
padding-bottom: 2rem;
}
@media (max-width: 575px) {
.cmp-footer-cta .cmp-footer-cta__container .cmp-footer-cta__content .cmp-footer-cta__cta-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.cmp-footer-cta .cmp-footer-cta__container .cmp-footer-cta__content .cmp-footer-cta__cta-container .cmp-footer-cta__primary-cta {
background-color: #06f;
color: #fff;
border: solid 2px #06f;
padding: 14px 36px;
border-radius: 50px;
display: inline-block;
-webkit-transition: color 0.3s, background 0.3s, border 0.3s;
transition: color 0.3s, background 0.3s, border 0.3s;
font-size: 1.9rem;
margin-right: 10px;
}
.cmp-footer-cta .cmp-footer-cta__container .cmp-footer-cta__content .cmp-footer-cta__cta-container .cmp-footer-cta__primary-cta:hover {
color: #000;
background-color: #fff;
}
@media (max-width: 575px) {
.cmp-footer-cta .cmp-footer-cta__container .cmp-footer-cta__content .cmp-footer-cta__cta-container .cmp-footer-cta__primary-cta {
display: inline-block;
margin-right: 0;
margin-bottom: 13px;
}
}
.cmp-footer-cta .cmp-footer-cta__container .cmp-footer-cta__content .cmp-footer-cta__cta-container .cmp-footer-cta__secondary-cta {
background-color: #fff;
color: #1d242b;
border: 2px solid #0066FF;
padding: 14px 36px;
border-radius: 50px;
-webkit-transition: color 0.3s, background 0.3s, border 0.3s;
transition: color 0.3s, background 0.3s, border 0.3s;
font-size: 1.9rem;
}
.cmp-footer-cta .cmp-footer-cta__container .cmp-footer-cta__content .cmp-footer-cta__cta-container .cmp-footer-cta__secondary-cta:hover {
color: #fff;
background-color: #06f;
}
.cmp-footer-cta.prod-sol {
text-align: left;
padding: var(--spacing-2xl) 0;
min-height: 630px;
}
@media (max-width: 1599px) {
.cmp-footer-cta.prod-sol {
min-height: 386px;
}
}
@media (max-width: 1199px) {
.cmp-footer-cta.prod-sol {
min-height: 320px;
background-color: transparent;
}
}
.cmp-footer-cta.prod-sol .cmp-footer-cta__bg-image {
position: absolute;
top: 0;
left: 50%;
width: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 100%;
z-index: -3;
overflow: hidden;
}
.cmp-footer-cta.prod-sol .cmp-footer-cta__bg-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cmp-footer-cta.prod-sol .cmp-footer-cta__outer-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1399px) {
.cmp-footer-cta.prod-sol .cmp-footer-cta__outer-wrapper {
margin-left: 0;
}
}
@media (max-width: 1199px) {
.cmp-footer-cta.prod-sol .cmp-footer-cta__outer-wrapper {
margin: 0 auto;
}
}
@media (max-width: 767px) {
.cmp-footer-cta.prod-sol .cmp-footer-cta__outer-wrapper {
max-width: 100%;
}
}
.cmp-footer-cta.prod-sol .cmp-footer-cta__title-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding: 0 20px 0 0;
}
@media (max-width: 991px) {
.cmp-footer-cta.prod-sol .cmp-footer-cta__title-wrapper {
max-width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
text-align: center;
padding-bottom: 30px;
}
}
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
@media (max-width: 991px) {
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper {
max-width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper {
background: #ffffff;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 0;
overflow: hidden;
max-width: 912px;
margin-left: auto;
}
@media (min-width: 1800px) {
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper {
min-height: 495px;
max-width: 1199px;
}
}
@media (max-width: 991px) {
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper {
max-width: 100%;
}
}
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper {
width: 45%;
padding-left: 67px;
padding-top: 10px;
}
@media (max-width: 767px) {
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper {
width: 100%;
padding: 20px;
}
}
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper .title {
margin-bottom: 24px;
}
@media (min-width: 1800px) {
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper .btn-wrap {
max-width: 410px;
}
}
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper .btn-wrap .button {
margin-bottom: 24px;
margin-right: 24px;
}
@media (min-width: 1800px) {
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper .btn-wrap .button {
margin-bottom: 24px;
}
}
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper .image-wrapper {
width: 55%;
max-width: 100%;
}
@media (max-width: 767px) {
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper .image-wrapper {
width: 100%;
}
}
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper .image-wrapper .img-wrap {
max-width: 496px;
width: 100%;
margin: 0px 0 0 auto;
}
@media (min-width: 1800px) {
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper .image-wrapper .img-wrap {
max-width: 643px;
}
}
.cmp-footer-cta.prod-sol .cmp-footer-cta__content-wrapper .outer-wrapper .image-wrapper .img-wrap img {
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.cmp-footer-cta.three-col-layout {
text-align: center;
padding: var(--spacing-xl) 0;
min-height: 100%;
}
@media (max-width: 1199px) {
.cmp-footer-cta.three-col-layout {
background-color: transparent;
}
}
.cmp-footer-cta.three-col-layout .cmp-footer-cta__bg-image {
position: absolute;
top: 0;
left: 50%;
width: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 100%;
z-index: -3;
overflow: hidden;
}
.cmp-footer-cta.three-col-layout .cmp-footer-cta__bg-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
padding-top: 40px;
padding-bottom: 64px;
gap: 24px;
}
@media (max-width: 991px) {
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 575px) {
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper {
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
background: #FFF;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 392px;
height: 431px;
padding: 40px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
@media (min-width: 1800px) {
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper {
max-width: 520px;
}
}
@media (max-width: 991px) {
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper {
max-width: 100%;
}
}
@media (max-width: 767px) {
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper {
padding: 30px;
}
}
@media (max-width: 575px) {
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper {
height: 100%;
gap: 16px;
}
}
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper p {
margin-top: 0;
}
@media (max-width: 1199px) {
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper p {
margin-top: 0.6rem;
}
}
@media (max-width: 575px) {
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper p {
margin-top: 0;
}
}
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper .btn-wrap {
position: absolute;
left: 50%;
bottom: 40px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
@media (min-width: 1800px) {
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper .btn-wrap {
bottom: 20px;
}
}
@media (max-width: 575px) {
.cmp-footer-cta.three-col-layout .cmp-footer-cta__content-wrapper .outer-wrapper .content-wrapper .btn-wrap {
position: relative;
bottom: 0;
margin-top: 10px;
}
}
.cmp-glossary__body {
position: relative;
max-width: var(--max-width);
width: 100%;
margin: 0 auto;
padding: 0 20px;
display: grid;
gap: 6rem;
padding-top: var(--spacing-lg);
}
@media (max-width: 575px) {
.cmp-glossary__body {
padding: 15px;
}
}
@media (max-width: 767px) {
.cmp-glossary__body {
grid-template-columns: 1fr;
padding-top: 4rem;
}
}
@media (max-width: 991px) {
.cmp-glossary__body {
gap: 4rem;
}
}
@media (max-width: 1599px) {
.cmp-glossary__body {
max-width: var(--max-width);
}
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__table .cmp-glossary__container {
width: 100%;
padding: 5rem;
border-radius: 30px;
border: 1px solid #00FD45;
}
@media (max-width: 1399px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__table .cmp-glossary__container {
padding: 25px;
}
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__table .cmp-glossary__container .cmp-glossary__table-content h3 {
padding-bottom: 1rem;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__table .cmp-glossary__container .cmp-glossary__table-content .cmp-glossary__table-list-container .cmp-glossary__table-list {
font-size: 2.4rem;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__table .cmp-glossary__container .cmp-glossary__table-content .cmp-glossary__table-list-container .cmp-glossary__table-list li {
color: #1d242b;
line-height: 48px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-style: solid;
text-decoration-style: solid;
text-decoration-thickness: 1px;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-underline-offset: auto;
text-underline-position: from-font;
font-size: var(--font-size-p-md);
}
@media (max-width: 1199px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__table .cmp-glossary__container .cmp-glossary__table-content .cmp-glossary__table-list-container .cmp-glossary__table-list li {
font-size: 2rem;
line-height: 3.5rem;
}
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content {
padding-top: var(--spacing-md);
}
@media (max-width: 1199px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content {
padding-top: 6rem;
}
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container {
padding-bottom: var(--spacing-xs);
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container ul,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container ol {
padding-left: 16px;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container ul li,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container ol li {
position: relative;
padding-left: 0px;
margin: 15px 0;
list-style: none;
line-height: 1.4;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container ul li:last-child,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container ol li:last-child {
margin-bottom: 25px;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container ul li.hide-before::before,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container ol li.hide-before::before {
display: none;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container ul li {
list-style-type: disc;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container ul li li {
list-style-type: circle;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container ul li::before {
display: none;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container ul li::marker {
font-size: 15px;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container ol {
padding-left: 24px;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container li,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container p {
font-size: 2.2rem;
font-weight: 400 !important;
line-height: 30px !important;
letter-spacing: 0.01em !important;
margin-bottom: 25px;
}
@media (min-width: 1800px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container li,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container p {
font-size: 2.2rem !important;
line-height: 30px !important;
}
}
@media (min-width: 1600px) and (max-width: 1799px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container li,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container p {
font-size: 2rem !important;
line-height: 28px !important;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container li,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container p {
font-size: 2rem !important;
line-height: 28px !important;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container li,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container p {
font-size: 1.8rem !important;
line-height: 26px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container li,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container p {
font-size: 1.6rem !important;
line-height: 24px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container li,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container p {
font-size: 1.6rem !important;
line-height: 24px !important;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container li,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container p {
font-size: 1.8rem !important;
line-height: 26px !important;
}
}
@media (max-width: 575px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container li,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container p {
font-size: 1.8rem !important;
line-height: 26px !important;
}
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container h1,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container h2,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container h3,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container h4,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container h5,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container h6 {
margin-bottom: 20px;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container table {
width: 100%;
border-collapse: collapse;
background-color: white;
border: 1px solid #dee2e6;
margin-bottom: 3rem;
color: #212529;
overflow: auto;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container table tbody:first-of-type tr:first-of-type {
background-color: white;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container table thead th,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container table thead td {
border-bottom: 2px solid #dee2e6;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container th,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container td {
padding: 30px;
vertical-align: middle;
font-size: 18px;
line-height: 26px;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container th {
font-size: 22px;
font-weight: 600;
line-height: 30px;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container td:first-child {
border-right: 1px solid #C5CACE;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container tbody tr:nth-child(odd) {
background-color: #F5F6F7;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container tbody tr:nth-child(even) {
background-color: #FFFFFF;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container td {
border: 1px solid #dee2e6;
overflow: auto;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container strong {
font-weight: 600;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container th,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container td {
border: 1px solid #dee2e6;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container tr,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container th {
overflow: auto;
}
@media (max-width: 768px) {
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container table,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container tbody,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container tr,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container td,
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container th {
display: block;
width: 100%;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container thead {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container thead tr {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container tr {
display: grid;
grid-template-columns: 50% 50%;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container tr th {
padding: 15px;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container td {
padding: 15px;
border-top: 1px solid #ddd;
}
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container .cmp-glossary__list {
font-size: 2.2rem;
margin-bottom: 20px;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__body-content .cmp-glossary__container .cmp-glossary__content-container .cmp-glossary__list li {
font-size: 2.2rem;
line-height: 30px;
list-style-type: disc;
color: rgb(29, 36, 43);
font-weight: 400;
letter-spacing: 0.01em;
margin: 5px 0 16px;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__tags .cmp-glossary__tags-container {
padding-bottom: 4rem;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__tags .cmp-glossary__tags-container .cmp-glossary__tags-list {
list-style: none;
padding-left: 0;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__tags .cmp-glossary__tags-container .cmp-glossary__tags-list li {
list-style: none;
display: inline-block;
padding: 0 20px 0 0;
margin: 20px 0;
font-weight: var(--font-weight-bold);
font-size: 2rem;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__tags .cmp-glossary__tags-container .cmp-glossary__tags-list li a {
line-height: 28px;
border: 2px solid #C0D4D9;
border-radius: 25px;
padding: 8px 24px;
font-weight: 400 !important;
letter-spacing: 0.01em !important;
color: #1d242b;
text-decoration: none;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.cmp-glossary__body .cmp-glossary__body-left .cmp-glossary__tags .cmp-glossary__tags-container .cmp-glossary__tags-list li a:hover {
background: #C0D4D9;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
text-decoration: none;
outline: 0;
}
.cmp-glossary__content-index {
padding-top: 7rem !important;
}
@media (max-width: 1199px) {
.cmp-glossary__content-index {
padding-top: 10rem !important;
padding-bottom: 2.5rem !important;
}
}
@media (max-width: 991px) {
.cmp-glossary__content-index {
padding-top: 6.4rem !important;
padding-bottom: 0rem !important;
}
}
@media (max-width: 767px) {
.cmp-glossary__content-index {
grid-template-columns: 1fr;
padding-top: 2.4rem !important;
}
}
.cmp-glossary__body-full {
grid-template-columns: 10fr 1fr;
}
@media (max-width: 767px) {
.cmp-glossary__body-full {
grid-template-columns: 1fr;
padding-top: 4rem;
}
}
.cmp-glossary__body-split {
grid-template-columns: 14fr 3fr;
}
@media (max-width: 767px) {
.cmp-glossary__body-split {
grid-template-columns: 1fr;
padding-top: 4rem;
}
}
.cmp-glossary__hero-graphic::before {
content: "";
position: absolute;
left: 0;
top: 0;
background-image: url("data:image/svg+xml,%3Csvg width='158' height='158' viewBox='0 0 158 158' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M158 17.1739V6.9064e-06L0 0V1.3033e-05V17.1739V158H17.1739V17.1739L158 17.1739Z' fill='%23FF5400'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: contain;
width: 158px;
height: 158px;
}
@media (max-width: 1399px) {
.cmp-glossary__hero-graphic::before {
width: 158px;
height: 158px;
}
}
@media (max-width: 1599px) {
.cmp-glossary__hero-graphic::before {
width: 108px;
height: 108px;
}
}
@media (max-width: 1399px) {
.cmp-glossary__hero-graphic::before {
width: 68px;
height: 68px;
}
}
@media (max-width: 767px) {
.cmp-glossary__hero-graphic::before {
display: none;
}
}
.cmp-glossary__hero-graphic::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
background-image: url("data:image/svg+xml,%3Csvg width='158' height='158' viewBox='0 0 158 158' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 140.826V158H140.826L158 158V140.826V0H140.826V140.826L0 140.826Z' fill='%23FC0080'/%3E%3C/svg%3E%0A");
background-size: contain;
width: 158px;
height: 158px;
}
@media (max-width: 1399px) {
.cmp-glossary__hero-graphic::after {
width: 158px;
height: 158px;
}
}
@media (max-width: 1599px) {
.cmp-glossary__hero-graphic::after {
width: 108px;
height: 108px;
}
}
@media (max-width: 1399px) {
.cmp-glossary__hero-graphic::after {
width: 68px;
height: 68px;
}
}
@media (max-width: 767px) {
.cmp-glossary__hero-graphic::after {
display: none;
}
}
.cmp-glossary__hero {
padding-bottom: 25px;
}
@media (max-width: 767px) {
.cmp-glossary__hero {
padding-bottom: 0;
}
}
.cmp-glossary__hero .cmp-glossary__container {
padding-bottom: 4rem;
}
@media (max-width: 767px) {
.cmp-glossary__hero .cmp-glossary__container {
padding-bottom: 0;
}
}
@media (max-width: 575px) {
.cmp-glossary__hero .cmp-glossary__container {
padding-bottom: 4rem;
}
}
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__breadcrumb {
padding-top: 2.5rem;
}
@media (max-width: 767px) {
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__breadcrumb {
padding-top: 1.5rem;
}
}
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__breadcrumb ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
}
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__breadcrumb ul a {
position: relative;
color: #18272e;
}
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__breadcrumb ul li.link:first-of-type::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 8px;
height: 10px;
cursor: auto;
background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.47134e-08 1.45035L3.3422 4.99993L1.26106e-08 8.5495L1.02893 9.63989L5.40737 4.99993L1.02893 0.359958L9.47134e-08 1.45035Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat;
background-size: contain;
margin-left: 5px;
margin-right: 5px;
}
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__breadcrumb ul .active {
pointer-events: none;
}
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__breadcrumb ul .active a {
font-weight: 700;
line-height: 20px;
}
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__breadcrumb ul li {
margin: 0 4px 0 0;
list-style: none;
}
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__content {
padding-top: 2rem;
}
@media (max-width: 767px) {
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__content {
padding-top: 0;
}
}
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__content .cmp-glossary__eyebrow {
position: relative;
padding-top: 2rem;
padding-bottom: 2.5rem;
}
@media (max-width: 1799px) {
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__content .cmp-glossary__eyebrow {
padding-top: 4rem;
}
}
@media (max-width: 1199px) {
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__content .cmp-glossary__eyebrow {
padding-top: 6rem;
padding-bottom: 1rem;
}
}
@media (max-width: 991px) {
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__content .cmp-glossary__eyebrow {
padding-top: 3rem;
}
}
@media (max-width: 767px) {
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__content .cmp-glossary__eyebrow {
padding-top: 2.2rem;
}
}
@media (max-width: 575px) {
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__content .cmp-glossary__eyebrow {
padding-top: 1.6rem;
}
}
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__content .cmp-glossary__eyebrow span {
position: relative;
margin-bottom: 10px;
line-height: 24px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.cmp-glossary__hero .cmp-glossary__container .cmp-glossary__content .cmp-glossary__eyebrow span::after {
content: "";
width: 90%;
height: 2px;
background: #00FD45;
position: absolute;
bottom: -5px;
left: 0;
}
.cmp-glossary__spacer {
padding-bottom: 3rem !important;
}
@media (max-width: 1799px) {
.cmp-glossary__spacer {
padding-bottom: 4rem !important;
}
}
@media (max-width: 1399px) {
.cmp-glossary__spacer {
padding-bottom: 5rem !important;
}
}
@media (max-width: 1199px) {
.cmp-glossary__spacer {
padding-bottom: 8rem !important;
}
}
@media (max-width: 991px) {
.cmp-glossary__spacer {
padding-bottom: 2rem !important;
}
}
@media (max-width: 767px) {
.cmp-glossary__spacer {
padding-bottom: 2rem !important;
}
}
@media (max-width: 575px) {
.cmp-glossary__spacer {
padding-bottom: 5.7rem !important;
}
}
body {
overflow-x: initial;
}
.cmp-glossary-list__nav {
position: sticky;
top: 68px;
background-color: #fff;
-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
z-index: 1;
}
@media (max-width: 991px) {
.cmp-glossary-list__nav {
top: 57px;
}
}
@media (max-width: 767px) {
.cmp-glossary-list__nav {
top: 56px;
}
}
.cmp-glossary-list__nav .cmp-glossary-list__nav-container {
margin: 0 auto;
padding: 2.2rem 0;
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;
}
.cmp-glossary-list__nav .cmp-glossary-list__nav-container ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 1399px) {
.cmp-glossary-list__nav .cmp-glossary-list__nav-container ul {
text-align: left;
padding: 0 20px;
}
}
@media (max-width: 1199px) {
.cmp-glossary-list__nav .cmp-glossary-list__nav-container ul {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
line-height: 33px;
}
}
.cmp-glossary-list__nav .cmp-glossary-list__nav-container ul .link {
position: relative;
}
.cmp-glossary-list__nav .cmp-glossary-list__nav-container ul .link:hover::after {
content: "";
position: absolute;
bottom: -21px;
left: 0;
width: 100%;
border-bottom: solid 4px #00FD45;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media (max-width: 1199px) {
.cmp-glossary-list__nav .cmp-glossary-list__nav-container ul .link:hover::after {
bottom: -3px;
}
}
.cmp-glossary-list__nav .cmp-glossary-list__nav-container ul .active {
position: relative;
}
.cmp-glossary-list__nav .cmp-glossary-list__nav-container ul .active::after {
content: "";
position: absolute;
bottom: -21px;
left: 0;
width: 100%;
border-bottom: solid 4px #00FD45;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media (max-width: 1199px) {
.cmp-glossary-list__nav .cmp-glossary-list__nav-container ul .active::after {
bottom: -3px;
}
}
.cmp-glossary-list__nav .cmp-glossary-list__nav-container ul li {
font-size: 24px;
}
@media (max-width: 1199px) {
.cmp-glossary-list__nav .cmp-glossary-list__nav-container ul li {
padding: 0 27px 0 0;
}
}
@media (max-width: 575px) {
.cmp-glossary-list__nav .cmp-glossary-list__nav-container ul li {
padding: 0 17px 0 0;
}
}
.cmp-glossary-list__nav .cmp-glossary-list__nav-container ul li a {
color: #000;
font-size: var(--font-size-p-xl);
font-weight: 500;
}
@media (max-width: 991px) {
.cmp-glossary-list__list {
padding: 15px;
}
}
.cmp-glossary-list__list .tab-rows {
border-bottom: 1px solid #C5CACE;
}
.cmp-glossary-list__list .tab-rows:last-child {
border-bottom: none;
padding-bottom: 40px;
}
.cmp-glossary-list__list .cmp-glossary-list__list-item {
display: grid;
grid-template-columns: 60px 1fr;
gap: 4rem;
padding: 60px 0px 50px;
}
@media (max-width: 1199px) {
.cmp-glossary-list__list .cmp-glossary-list__list-item {
gap: 0;
grid-template-columns: 55px 1fr;
}
}
@media (max-width: 991px) {
.cmp-glossary-list__list .cmp-glossary-list__list-item {
grid-template-columns: 47px 1fr;
}
}
@media (max-width: 575px) {
.cmp-glossary-list__list .cmp-glossary-list__list-item {
gap: 0;
}
}
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-category h2 {
color: #00D42D;
line-height: 1 !important;
font-size: var(--font-size-h2);
padding: 0 2rem;
}
@media (max-width: 1199px) {
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-category h2 {
padding: 0;
}
}
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-content {
display: grid;
grid-template-columns: 1fr;
}
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-content .cmp-glossary-list__item-col {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 425px));
gap: 2rem;
}
@media (max-width: 1799px) {
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-content .cmp-glossary-list__item-col {
grid-template-columns: repeat(auto-fill, minmax(350px, 345px));
}
}
@media (max-width: 1599px) {
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-content .cmp-glossary-list__item-col {
grid-template-columns: repeat(auto-fill, minmax(350px, 345px));
}
}
@media (max-width: 1399px) {
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-content .cmp-glossary-list__item-col {
grid-template-columns: repeat(auto-fill, minmax(260px, 345px));
}
}
@media (max-width: 1399px) {
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-content .cmp-glossary-list__item-col {
grid-template-columns: repeat(auto-fill, minmax(260px, 320px));
}
}
@media (max-width: 767px) {
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-content .cmp-glossary-list__item-col {
grid-template-columns: 1fr;
gap: 0;
}
}
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-content .cmp-glossary-list__item-col ul {
list-style: none;
}
@media (max-width: 767px) {
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-content .cmp-glossary-list__item-col ul {
padding-left: 10px;
}
}
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-content .cmp-glossary-list__item-col ul li {
padding-top: 10px;
padding-bottom: 10px;
}
@media (max-width: 767px) {
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-content .cmp-glossary-list__item-col ul li {
padding-to: 6px;
padding-bottom: 14px;
}
}
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-content .cmp-glossary-list__item-col ul li a {
font-size: var(--font-size-p-lg);
color: #064a66;
line-height: 1.25;
letter-spacing: 0.01em;
}
.cmp-glossary-list__list .cmp-glossary-list__list-item .cmp-glossary-list__item-content .cmp-glossary-list__item-col ul li a:hover {
border-bottom: 1px solid #064a66;
}
.no-link {
color: gray !important;
}
.cmp-glossary-list__list .tab-rows {
scroll-margin-top: 120px;
}
@media (max-width: 1399px) {
.cmp-glossary-list__list .tab-rows {
scroll-margin-top: 138px;
}
}
@media (max-width: 1199px) {
.cmp-glossary-list__list .tab-rows {
scroll-margin-top: 148px;
}
}
@media (max-width: 575px) {
.cmp-glossary-list__list .tab-rows {
scroll-margin-top: 200px;
}
}
.cmp-glossary-list__item-content.single-item {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cmp-heroes {
background-size: cover;
background-position: 50% 50%;
position: relative;
padding: 0 0 var(--padding-side);
}
.press-release-detail .cmp-heroes {
background-color: #E6F1EC;
}
.cmp-heroes-container {
max-width: var(--max-width);
padding: 0 var(--padding-side) var(--padding-side);
margin: auto;
}
.cmp-heroes-container:not(:has(.cmp-heroes__breadcrumb)) {
padding-top: 4rem;
}
.cmp-heroes-container:has(.cmp-heroes-carousel) {
max-width: unset;
padding: 0;
}
.cmp-heroes__background-video {
width: 100%;
aspect-ratio: 16/9;
height: 9in;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.cmp-heroes__date {
margin-bottom: 2.4rem;
}
.cmp-heroes__breadcrumb {
padding: 2rem 0;
}
.cmp-heroes__breadcrumb li,
.cmp-heroes__breadcrumb a {
color: var(--color-heroes);
}
.cmp-heroes__breadcrumb li {
line-height: 24px;
}
.cmp-heroes__breadcrumb img {
margin-inline: 1.6rem;
}
.cmp-heroes__breadcrumb img:last-child {
display: none;
}
.cmp-heroes__heading {
margin-bottom: 1.5rem;
}
.cmp-heroes__subtitle {
font-size: 2.2rem;
line-height: 3.2rem;
font-weight: 400;
}
.cmp-heroes-newsroom {
margin-top: 5.4rem;
display: grid;
gap: 3rem 2.4rem;
grid-template-columns: auto auto auto auto;
grid-template-rows: auto;
}
@media (max-width: 991px) {
.cmp-heroes-newsroom {
grid-template-columns: auto auto;
margin-top: 3.4rem;
}
}
@media (max-width: 575px) {
.cmp-heroes-newsroom {
grid-template-columns: auto;
margin-top: 2.4rem;
}
}
.cmp-heroes-newsroom__first-item {
grid-column: 1/span 3;
grid-row: 1/span 2;
}
@media (max-width: 991px) {
.cmp-heroes-newsroom__first-item {
grid-column: 1/span 2;
}
}
@media (max-width: 575px) {
.cmp-heroes-newsroom__first-item {
grid-column: 1/span 1;
}
}
.cmp-heroes-newsroom__item {
border-radius: 0.5rem;
background-color: #ffffff;
-webkit-transition: all var(--animationDuration) ease-in-out;
transition: all var(--animationDuration) ease-in-out;
-webkit-animation-delay: var(--animationDelay);
animation-delay: var(--animationDelay);
cursor: pointer;
}
.cmp-heroes-newsroom__item:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.cmp-heroes-newsroom__item:hover .cmp-heroes-newsroom__btn a::after {
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg") no-repeat;
margin-left: 1.3rem;
background-size: cover;
width: 2.5rem;
}
.no-animation .cmp-heroes-newsroom__item:hover {
-webkit-transform: unset;
transform: unset;
}
.no-animation .cmp-heroes-newsroom__item:hover .cmp-heroes-newsroom__btn a::after {
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg") no-repeat;
margin-left: 0.8rem;
background-size: contain;
}
.cmp-heroes-newsroom__content-item {
padding: 4rem;
height: 100%;
position: relative;
}
@media (max-width: 1199px) {
.cmp-heroes-newsroom__content-item {
padding: 2.4rem;
}
}
.cmp-heroes-newsroom__content-item.has-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2.4rem;
}
.cmp-heroes-newsroom__content-item h5 {
color: #1D242B;
}
.cmp-heroes-newsroom__icon-with-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2.4rem;
}
.cmp-heroes-newsroom__icon {
max-width: 5rem;
max-height: 5rem;
margin-right: 2.4rem;
}
.cmp-heroes-newsroom__icon img {
width: 100%;
height: 100%;
}
.cmp-heroes-newsroom__text span {
color: #004A66;
}
.cmp-heroes-newsroom__first-item .cmp-heroes-newsroom__text span {
padding-block: 0.4rem;
display: block;
}
.cmp-heroes-newsroom__img-item {
width: 100%;
max-width: 350px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.cmp-heroes-newsroom__img-item {
max-width: 300px;
}
}
@media (min-width: 1801px) {
.cmp-heroes-newsroom__img-item {
max-width: 355px;
}
}
.cmp-heroes-newsroom__img-item img {
height: auto;
width: 100%;
max-width: 100%;
vertical-align: top;
border: 0;
}
.cmp-heroes-newsroom__content-block {
-webkit-box-flex: 1;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
}
.cmp-heroes-newsroom__second-item .cmp-heroes-newsroom__text span:first-child::after, .cmp-heroes-newsroom__tertiary-item .cmp-heroes-newsroom__text span:first-child::after {
content: "|";
width: 2px;
height: 5px;
color: #1D242B;
position: relative;
left: 7px;
}
.cmp-heroes-newsroom__second-item .cmp-heroes-newsroom__text span:last-child, .cmp-heroes-newsroom__tertiary-item .cmp-heroes-newsroom__text span:last-child {
margin-left: 1rem;
}
.cmp-heroes-newsroom__second-item .cmp-heroes-newsroom__content-item h5:after, .cmp-heroes-newsroom__tertiary-item .cmp-heroes-newsroom__content-item h5:after {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg") no-repeat;
background-size: contain;
margin-left: -20px;
-webkit-transform: translateY(2px) scale(1.2) translateX(28px);
transform: translateY(2px) scale(1.2) translateX(28px);
-webkit-transition: opacity var(--animationDuration) ease-in-out;
transition: opacity var(--animationDuration) ease-in-out;
opacity: 0;
}
@media (min-width: 1800px) {
.cmp-heroes-newsroom__second-item .cmp-heroes-newsroom__content-item h5:after, .cmp-heroes-newsroom__tertiary-item .cmp-heroes-newsroom__content-item h5:after {
-webkit-transform: translateY(0px) scale(1.2) translateX(28px);
transform: translateY(0px) scale(1.2) translateX(28px);
}
}
.cmp-heroes-newsroom__second-item.cmp-heroes-newsroom__item:hover h5:after, .cmp-heroes-newsroom__tertiary-item.cmp-heroes-newsroom__item:hover h5:after {
opacity: 1;
}
.no-animation .cmp-heroes-newsroom__second-item.cmp-heroes-newsroom__item:hover h5:after, .no-animation .cmp-heroes-newsroom__tertiary-item.cmp-heroes-newsroom__item:hover h5:after {
opacity: 0;
}
.cmp-heroes-newsroom__first-item .cmp-heroes-newsroom__text span:last-child {
color: #1D242B;
}
.cmp-heroes-newsroom__btn {
margin-top: 6rem;
position: absolute;
bottom: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.cmp-heroes-newsroom__btn {
position: relative;
bottom: 0;
margin-top: 4.8rem;
}
}
@media (max-width: 575px) {
.cmp-heroes-newsroom__btn {
margin-top: 3rem;
}
}
.cmp-heroes-newsroom__btn a {
font-family: "KlavikaWebCondensed";
font-size: 2.2rem;
line-height: 1.2;
font-weight: 500;
color: #006616;
}
.cmp-heroes-newsroom__btn a::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 2.5rem;
height: 2.5rem;
margin-left: 0.8rem;
-webkit-transform: translateX(0);
transform: translateX(0);
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow.svg") no-repeat;
background-size: contain;
-webkit-transition: all var(--animationDuration) cubic-bezier(0.4, 0, 0.2, 1);
transition: all var(--animationDuration) cubic-bezier(0.4, 0, 0.2, 1);
-webkit-animation-delay: var(--animationDelay);
animation-delay: var(--animationDelay);
}
.cmp-heroes-newsroom__item-link {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
font-size: 0;
text-indent: -99999px;
}
.cmp-heroes-two-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 64px;
}
.cmp-heroes-two-column__form {
position: relative;
}
@media (max-width: 767px) {
.cmp-heroes-two-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 575px) {
.cmp-heroes-two-column {
margin-top: 10px;
}
}
.cmp-heroes-two-column__publication-date {
margin-bottom: 2.4rem;
color: #004A66;
}
.cmp-heroes-two-column .cmp-heroes__date {
width: 100%;
}
.scale-responsive .cmp-heroes-two-column {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cmp-heroes-two-column__media {
width: 50%;
max-width: 724px;
}
@media (max-width: 1799px) {
.cmp-heroes-two-column__media {
max-width: 584px;
}
}
@media (max-width: 767px) {
.cmp-heroes-two-column__media {
width: 100%;
}
}
@media (max-width: 575px) {
.cmp-heroes-two-column__media {
padding-bottom: 30px;
}
}
.press-release-detail .cmp-heroes-two-column__media, .blog-detail .cmp-heroes-two-column__media {
width: 33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
border-radius: 0;
}
@media (max-width: 1199px) {
.press-release-detail .cmp-heroes-two-column__media, .blog-detail .cmp-heroes-two-column__media {
width: 32%;
-webkit-box-flex: 0;
-ms-flex: 0 0 32%;
flex: 0 0 32%;
}
}
@media (max-width: 767px) {
.press-release-detail .cmp-heroes-two-column__media, .blog-detail .cmp-heroes-two-column__media {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.cmp-heroes-two-column__media .video-container {
background-color: transparent;
max-width: unset;
}
.cmp-heroes-two-column__media .video-container .video-thumbnail {
max-height: unset;
}
.cmp-heroes-two-column__media .video-container .video-thumbnail img {
-o-object-fit: cover;
object-fit: cover;
max-height: unset;
max-width: 600px;
}
.cmp-heroes-two-column__media .video-container .video-iframe,
.cmp-heroes-two-column__media .video-container .video-iframe iframe {
min-height: 600px;
}
.media-rounded .cmp-heroes-two-column__media img,
.media-rounded .cmp-heroes-two-column__media .video-container,
.media-rounded .cmp-heroes-two-column__media .video-container .video-thumbnail,
.media-rounded .cmp-heroes-two-column__media .video-container .video-thumbnail img {
border-radius: 0rem;
}
@media (min-width: 1200px) {
.scale-responsive .cmp-heroes-two-column__media {
margin-right: 5%;
max-width: 502px;
}
}
@media (min-width: 1800px) {
.scale-responsive .cmp-heroes-two-column__media {
margin-right: 10%;
max-width: 602px;
}
}
@media (max-width: 575px) {
.cmp-heroes-two-column__image .image {
margin-top: 24px;
padding-bottom: 44px;
}
}
.cmp-heroes-two-column__image .image img {
border-radius: 5px;
}
.cmp-heroes-two-column__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
}
@media (max-width: 1599px) {
.cmp-heroes-two-column__content {
max-width: 48%;
}
}
@media (max-width: 767px) {
.cmp-heroes-two-column__content {
width: 100%;
max-width: 100%;
padding-bottom: 15px;
}
}
.cmp-heroes-two-column__content p {
font-size: 16px;
line-height: 24px;
font-style: normal;
font-weight: 400;
letter-spacing: -0.3px;
}
@media (min-width: 576px) and (max-width: 1199px) {
.cmp-heroes-two-column__content p {
font-size: 18px;
line-height: 26px;
letter-spacing: -0.35px;
}
}
@media (min-width: 1200px) {
.cmp-heroes-two-column__content p {
font-size: 20px;
line-height: 28px;
letter-spacing: -0.4px;
}
}
.press-release-detail .cmp-heroes-two-column__content, .blog-detail .cmp-heroes-two-column__content {
width: 65%;
-webkit-box-flex: 0;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
}
@media (max-width: 767px) {
.press-release-detail .cmp-heroes-two-column__content, .blog-detail .cmp-heroes-two-column__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
.cmp-heroes-two-column__title {
margin-bottom: 2.4rem;
font-weight: 600;
letter-spacing: -0.026em;
}
.cmp-heroes-two-column h1.cmp-heroes-two-column__title {
font-size: 3.2rem;
line-height: 1.2;
font-style: normal;
font-weight: 500;
}
@media (min-width: 576px) and (max-width: 1199px) {
.cmp-heroes-two-column h1.cmp-heroes-two-column__title {
font-size: 3.6rem;
line-height: 4.2rem;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.cmp-heroes-two-column h1.cmp-heroes-two-column__title {
font-size: 4.2rem;
line-height: 4.8rem;
}
}
@media (min-width: 1400px) and (max-width: 1799px) {
.cmp-heroes-two-column h1.cmp-heroes-two-column__title {
font-size: 5.6rem;
line-height: 6.2rem;
}
}
@media (min-width: 1800px) {
.cmp-heroes-two-column h1.cmp-heroes-two-column__title {
font-size: 7.4rem;
line-height: 7.6rem;
}
}
@media (min-width: 1800px) {
.cmp-heroes-two-column h2.cmp-heroes-two-column__title {
font-size: 5.6rem !important;
line-height: 62px !important;
}
}
@media (min-width: 1400px) and (max-width: 1799px) {
.cmp-heroes-two-column h2.cmp-heroes-two-column__title {
font-size: 4.2rem !important;
line-height: 50px !important;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.cmp-heroes-two-column h2.cmp-heroes-two-column__title {
font-size: 3.6rem !important;
line-height: 45px !important;
}
}
@media (min-width: 576px) and (max-width: 1199px) {
.cmp-heroes-two-column h2.cmp-heroes-two-column__title {
font-size: 3.2rem !important;
line-height: 40px !important;
}
}
@media (max-width: 575px) {
.cmp-heroes-two-column h2.cmp-heroes-two-column__title {
font-size: 3.2rem !important;
line-height: 40px !important;
}
}
.cmp-heroes-two-column__subtitle {
font-style: italic !important;
font-family: "articulat-cf", sans-serif !important;
font-weight: 100 !important;
letter-spacing: calc(var(--font-size-p-lg) * -0.05) !important;
}
.cmp-heroes-two-column__actions {
margin-top: 2.4rem;
}
.cmp-heroes-two-column__form {
width: calc(50% - 2.4rem);
margin-left: 2.4rem;
}
@media (max-width: 991px) {
.cmp-heroes-two-column__form {
max-width: 630px;
width: 100%;
margin-left: 0;
}
}
.cmp-heroes-carousel.swiper {
width: 100%;
}
.cmp-heroes-carousel__slide {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cmp-heroes-carousel__background {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
width: 100%;
height: 100%;
z-index: 0;
background-color: var(--background-color);
}
.cmp-heroes-carousel .cmp-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cmp-heroes-carousel__wrapper {
width: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: var(--max-width);
padding: var(--padding-side);
margin: auto;
}
@media (max-width: 767px) {
.cmp-heroes-carousel__wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 7rem;
gap: 3rem;
}
}
.cmp-heroes-carousel__content {
color: var(--text-color);
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
}
@media (max-width: 767px) {
.cmp-heroes-carousel__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
.cmp-heroes-carousel__button-container {
margin-top: 2.4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
}
.cmp-heroes-carousel__button-container a {
color: #000000;
}
.cmp-heroes-carousel__button-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 32px;
border-radius: 5px;
border: 1.5px solid #00FD92;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background: #00FD92;
}
.cmp-heroes-carousel__button-1:hover {
background: #ffffff;
}
.cmp-heroes-carousel__button-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 32px;
border-radius: 5px;
border: 1.5px solid #006616;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background: #ffffff;
}
.cmp-heroes-carousel__button-2:hover {
background: #00FD92;
}
.cmp-heroes-carousel__media {
width: 50%;
position: relative;
}
@media (max-width: 767px) {
.cmp-heroes-carousel__media {
width: 100%;
}
}
.cmp-heroes-carousel__media img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
-o-object-fit: cover;
object-fit: cover;
max-height: 35rem;
margin: auto;
}
@media (max-width: 767px) {
.cmp-heroes-carousel__media img {
max-height: 25rem;
}
}
@media (max-width: 1399px) {
.cmp-heroes-carousel .swiper-button-prev,
.cmp-heroes-carousel .swiper-button-next {
display: none;
}
}
.cmp-heroes-carousel .swiper-button-prev {
left: 5%;
}
.cmp-heroes-carousel .swiper-button-next {
right: 5%;
}
.cmp-heroes-carousel .swiper-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 50%;
max-width: 1264px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
padding: 0 20px;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
margin-right: 0;
margin-left: 0;
z-index: 2;
}
.cmp-heroes-carousel .swiper-pagination-bullet {
cursor: pointer;
margin: 0 16px 0 0 !important;
width: 135px;
height: 4px;
background: #B6C3CA;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 0;
position: relative;
float: left;
border: none;
}
.cmp-heroes-carousel .swiper-pagination-bullet:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: #4e626c;
}
.cmp-heroes-carousel .swiper-pagination-bullet-active:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: #00FD45;
z-index: 1;
-webkit-animation: var(--delay) ease 0s 1 normal none running progressAnimation;
animation: var(--delay) ease 0s 1 normal none running progressAnimation;
height: 4px;
-webkit-transition-property: width, background-color;
transition-property: width, background-color;
}
.cmp-heroes-teaser.edit-mode .cmp-heroes-teaser__list {
display: block;
}
.cmp-heroes-teaser__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.4rem;
width: 100%;
}
.cmp-heroes-teaser__list .teaser {
background-color: #ffffff;
color: #000000;
border-radius: 5px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cmp-heroes-teaser__list .teaser .cmp-teaser {
height: 100%;
}
.cmp-heroes-teaser__list .teaser .cmp-teaser__description {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cmp-heroes-teaser__list .teaser .cmp-teaser a {
color: #000000;
}
.cmp-heroes-teaser__list .teaser:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.cmp-heroes-teaser__list .teaser:hover .cmp-teaser__action-link {
background-color: transparent;
}
.cmp-heroes .cmp-stat {
padding-block: 2.4rem;
}
.cmp-heroes .company-rating .cmp-stat__container {
max-width: var(--max-width);
margin: 0 auto;
}
@media (max-width: 1199px) {
.cmp-heroes .company-rating .cmp-stat__card {
grid-template-columns: auto auto;
position: relative;
}
.cmp-heroes .company-rating .cmp-stat__card:before {
content: "";
position: absolute;
left: 0;
top: 50%;
margin-top: -3px;
background-color: #F0F3F4;
width: 100%;
height: 6px;
}
}
@media (max-width: 1199px) {
.cmp-heroes .company-rating .cmp-stat__card-item {
border: 0;
}
.cmp-heroes .company-rating .cmp-stat__card-item:nth-child(odd) {
border-right: 5px solid #F0F3F4;
}
.cmp-heroes .company-rating .cmp-stat__card-item:nth-child(1), .cmp-heroes .company-rating .cmp-stat__card-item:nth-child(2) {
padding: 0 15px 15px 15px !important;
}
.cmp-heroes .company-rating .cmp-stat__card-item:nth-child(3), .cmp-heroes .company-rating .cmp-stat__card-item:last-child {
padding: 15px 15px 0 15px !important;
}
}
.cmp-heroes__background-video + .cmp-heroes-container,
.cmp-heroes__youtube-video + .cmp-heroes-container {
position: absolute;
z-index: 999;
top: 0;
left: calc(50% - var(--max-width) / 2);
height: 100%;
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-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body .press-release-detail .cmp-heroes:has(.cmp-heroes-two-column) {
background-color: #E6F1EC !important;
margin-top: 0;
}
.cmp-heroes.full-image {
padding-top: 0;
padding-bottom: 0;
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.cmp-heroes.full-image {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.cmp-heroes.full-image .cmp-breadcrumb {
padding: 16px 0;
}
.cmp-heroes.full-image .section__container {
position: static;
}
.cmp-heroes.full-image .cmp-heroes-two-column {
margin-top: 0;
position: static;
}
.cmp-heroes.full-image .cmp-heroes-two-column__title {
font-size: var(--font-size-h1-sm) !important;
line-height: var(--line-height-h1-sm) !important;
margin-bottom: 1.6rem;
}
.cmp-heroes.full-image .cmp-heroes-two-column__subtitle {
font-family: "KlavikaWeb" !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 26px !important;
letter-spacing: -0.4px !important;
margin-bottom: 4rem;
}
@media (min-width: 1800px) {
.cmp-heroes.full-image .cmp-heroes-two-column__subtitle {
padding-right: 40px;
}
}
.cmp-heroes.full-image .cmp-heroes-two-column__actions {
padding-bottom: 80px;
}
@media (max-width: 767px) {
.cmp-heroes.full-image .cmp-heroes-two-column__actions {
padding-bottom: 30px;
}
}
.cmp-heroes.full-image .cmp-heroes-two-column__media {
max-width: 734px;
position: absolute;
top: 0;
bottom: 0;
right: 0%;
width: 50%;
height: 100%;
z-index: 0;
}
@media (min-width: 1800px) {
.cmp-heroes.full-image .cmp-heroes-two-column__media {
max-width: 984px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.cmp-heroes.full-image .cmp-heroes-two-column__media {
max-width: 584px;
}
}
@media (max-width: 767px) {
.cmp-heroes.full-image .cmp-heroes-two-column__media {
position: relative;
max-width: 100%;
width: 100%;
padding: 0 16px;
padding-bottom: 35px;
}
}
.cmp-heroes.full-image .cmp-heroes-two-column__media .cmp-image {
width: 100%;
height: 100%;
}
.cmp-heroes.full-image .cmp-heroes-two-column__media .cmp-image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 991px) {
.cmp-heroes.full-image.partner-hero {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.cmp-heroes.full-image.partner-hero .cmp-heroes__date {
display: none;
}
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column {
margin-top: 34px;
}
@media (max-width: 991px) {
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column {
margin-top: 0;
}
}
@media (min-width: 1800px) {
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 46%;
flex: 0 0 46%;
}
}
@media (min-width: 992px) and (max-width: 1399px) {
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
}
}
@media (max-width: 991px) {
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column__content {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 2100px) {
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column__media {
max-width: 1184px;
}
}
@media (max-width: 991px) {
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column__media {
margin-top: 50px;
position: relative;
max-width: 100%;
width: 100%;
padding: 0 16px;
padding-bottom: 35px;
}
}
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column__media .partner-logo {
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
background: #FFF;
border-radius: 5px;
position: absolute;
padding: 60px 30px;
width: 180px;
height: 180px;
top: 93px;
left: -35px;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 991px) {
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column__media .partner-logo {
top: -50px;
left: 50px;
max-width: 140px;
max-height: 140px;
padding: 20px;
}
}
@media (max-width: 767px) {
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column__media .partner-logo {
max-width: 100px;
max-height: 100px;
}
}
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column__media .partner-logo img {
-o-object-fit: contain;
object-fit: contain;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 112px;
height: 59px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 991px) {
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column__media .partner-logo img {
width: 112px;
}
}
@media (max-width: 767px) {
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column__media .partner-logo img {
width: 75px;
}
}
@media (max-width: 991px) {
.cmp-heroes.full-image.partner-hero .cmp-heroes-two-column__actions {
padding-bottom: 40px;
}
}
.cmp-heroes-container .cmp-heroes__breadcrumb {
padding: 0;
}
.cmp-heroes-container .cmp-breadcrumb {
padding: 18px 0 !important;
}
.cmp-heroes-newsroom .content-with-img {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2rem;
}
@media (max-width: 575px) {
.cmp-heroes-newsroom .content-with-img {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.test-container {
background: #3e4c5a;
padding-bottom: 60px;
}
.cmp-blog-hero {
min-height: 300px;
}
@media (max-width: 575px) {
.cmp-blog-hero {
padding-bottom: 56px;
}
}
.cmp-blog-hero .cmp-breadcrumb__item-link:hover::before {
width: 100%;
}
.cmp-blog-hero .cmp-heroes__breadcrumb {
color: #ffffff;
}
.cmp-blog-hero .cmp-heroes__breadcrumb .cmp-breadcrumb {
padding: 0;
}
.cmp-blog-hero .cmp-heroes__heading {
color: #ffffff;
margin-bottom: 35px;
}
.cmp-blog-hero .cmp-blog-hero__container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 24px;
}
@media (max-width: 991px) {
.cmp-blog-hero .cmp-blog-hero__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item {
position: relative;
padding: 24px;
background: #ffffff;
border-bottom: 10px solid #00FD92;
gap: 30px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-transition: 0.3s;
transition: 0.3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 5px;
}
@media (max-width: 991px) {
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item {
width: 100%;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:nth-child(2), .cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:nth-child(3) {
width: calc(50% - 12px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
}
}
@media (max-width: 767px) {
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:nth-child(2), .cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:nth-child(3) {
width: 100%;
}
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item::after {
content: "";
background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='40' height='40' rx='4' fill='%23080808'/%3E%3Crect x='1' y='1' width='40' height='40' rx='4' stroke='%2300B96B' stroke-width='2'/%3E%3Cpath d='M11.0879 21L31.0879 21' stroke='%2300FD92' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M25.3681 13L33.9124 21L25.3681 29' stroke='%2300FD92' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
position: absolute;
right: 30px;
bottom: 30px;
width: 25px;
height: 25px;
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
opacity: 0;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:hover::after {
visibility: visible;
opacity: 1;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:hover:first-child::after {
visibility: hidden;
opacity: 0;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:hover:first-child .cmp-blog-hero__text-container .cmp-blog-hero__blog-user::after {
visibility: visible;
opacity: 1;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:first-child {
grid-area: 1/1/3/3;
width: 100%;
}
@media (max-width: 767px) {
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:first-child {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:first-child .cmp-blog-hero__item-label {
right: 65px;
}
@media (max-width: 767px) {
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:first-child .cmp-blog-hero__item-label {
right: 30px;
}
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:first-child .cmp-blog-hero__text-container {
width: 53%;
}
@media (max-width: 767px) {
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:first-child .cmp-blog-hero__text-container {
width: 100%;
}
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:first-child .cmp-blog-hero__text-container .cmp-blog-hero__blog-title {
-webkit-line-clamp: inherit;
overflow: visible;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:first-child .cmp-blog-hero__text-container .cmp-blog-hero__blog-user {
border-top: 1px solid #00FD92;
padding-top: 24px;
padding-right: 40px;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:first-child .cmp-blog-hero__text-container .cmp-blog-hero__blog-user::after {
content: "";
background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='40' height='40' rx='4' fill='%23080808'/%3E%3Crect x='1' y='1' width='40' height='40' rx='4' stroke='%2300B96B' stroke-width='2'/%3E%3Cpath d='M11.0879 21L31.0879 21' stroke='%2300FD92' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M25.3681 13L33.9124 21L25.3681 29' stroke='%2300FD92' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
position: absolute;
right: 0;
bottom: 0;
width: 25px;
height: 25px;
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
opacity: 0;
}
@media (max-width: 767px) {
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:first-child .cmp-blog-hero__image-container {
width: 100%;
}
}
@media (max-width: 767px) {
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item:first-child .cmp-blog-hero__image-container img {
min-height: 200px;
height: auto;
max-height: 250px;
max-width: 480px;
}
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__item-label {
position: absolute;
background: #ffdb00;
right: 30px;
top: -7px;
height: 34px;
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;
border-radius: 0 0 10px 10px;
font-size: 12px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.08em;
color: #000;
min-width: 120px;
padding: 0 10px;
text-transform: uppercase;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__item-label::after {
content: "";
width: 0;
height: 0;
border-bottom: 7px solid orange;
border-right: 7px solid transparent;
position: absolute;
top: 0;
right: -7px;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__item-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__text-container .cmp-blog-hero__blog-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__text-container .cmp-blog-hero__blog-icon img {
height: 80px;
width: 80px;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 767px) {
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__text-container .cmp-blog-hero__blog-icon img {
height: 60px;
width: 60px;
}
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__text-container .cmp-blog-hero__blog-icon .eyebrow {
padding: 0;
color: #080808;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__text-container .cmp-blog-hero__blog-title {
margin: 0 0 24px 0;
padding-bottom: 3px;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
overflow: hidden;
}
@media (max-width: 1199px) {
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__text-container .cmp-blog-hero__blog-title {
-webkit-line-clamp: inherit;
}
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__text-container .cmp-blog-hero__blog-user {
margin-top: 0;
position: relative;
display: grid;
grid-template-columns: 68px calc(100% - 84px);
gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 40px;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__text-container .cmp-blog-hero__blog-user::after {
content: "";
background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.25' fill='%2300FD45' stroke='%2300FD45' stroke-width='1.5'/%3E%3Cpath d='M6 12L16 12' stroke='%231D242B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8L18 12L14 16' stroke='%231D242B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
position: absolute;
right: 0;
bottom: 0;
width: 25px;
height: 25px;
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
opacity: 0;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__text-container .cmp-blog-hero__blog-user img {
width: 68px;
height: 68px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__image-container {
width: 45%;
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__image-container .cmp-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
max-height: 400px;
}
@media (max-width: 1799px) {
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__image-container .cmp-image {
max-height: 320px;
}
}
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__image-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
max-height: 400px;
}
@media (max-width: 1799px) {
.cmp-blog-hero .cmp-blog-hero__container .cmp-blog-hero__item .cmp-blog-hero__image-container img {
max-height: 320px;
}
}
.cmp-icon-image-feature {
padding: 50px 0;
}
.cmp-icon-image-feature .cmp-icon-image-feature__intro {
text-align: center;
width: 100%;
max-width: 703px;
margin: 0 auto 27px;
}
.cmp-icon-image-feature .cmp-icon-image-feature__intro .cmp-icon-image-feature__description {
margin-top: 19px;
}
.cmp-icon-image-feature .cmp-icon-image-feature__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0 60px;
max-width: 1340px;
}
.cmp-icon-image-feature .cmp-icon-image-feature__container .cmp-icon-image-feature__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
width: 100%;
text-align: center;
}
@media (max-width: 991px) {
.cmp-icon-image-feature .cmp-icon-image-feature__container .cmp-icon-image-feature__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
width: 100%;
margin-bottom: 36px;
}
}
@media (max-width: 767px) {
.cmp-icon-image-feature .cmp-icon-image-feature__container .cmp-icon-image-feature__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
width: 100%;
}
}
@media (max-width: 575px) {
.cmp-icon-image-feature .cmp-icon-image-feature__container .cmp-icon-image-feature__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
}
.cmp-icon-image-feature .cmp-icon-image-feature__container .cmp-icon-image-feature__item .cmp-icon-image-feature__img-wrap {
width: 177px;
height: 177px;
margin: 0 auto;
}
.cmp-icon-image-feature .cmp-icon-image-feature__container .cmp-icon-image-feature__item .cmp-icon-image-feature__img-wrap img {
height: auto;
max-width: 100%;
vertical-align: top;
border: 0;
}
.cmp-icon-image-feature .cmp-icon-image-feature__container .cmp-icon-image-feature__item .cmp-icon-image-feature__content-wrap {
margin-top: -9px;
}
.cmp-icon-image-feature .cmp-icon-image-feature__container .cmp-icon-image-feature__item .cmp-icon-image-feature__content-wrap .cmp-icon-image-feature__content-title {
margin: 5px 0;
}
.cmp-icon-image-feature .cmp-icon-image-feature__container .cmp-icon-image-feature__item .cmp-icon-image-feature__content-wrap .cmp-icon-image-feature__content-description {
padding: 0 26px;
margin-top: 6px;
}
.image-mosaic-container {
position: static;
margin-top: 25px;
}
.image-mosaic-container h2 {
margin-bottom: 40px;
margin-top: 0;
}
@media (min-width: 992px) {
.image-mosaic-container h2 {
margin-top: 0;
margin-bottom: 64px;
}
}
.image-mosaic-container .image-mosaic {
margin-top: 25px;
display: grid;
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.image-mosaic-container .image-mosaic:first-child {
margin: 0;
}
@media (max-width: 595px) {
.image-mosaic-container .image-mosaic {
display: block !important;
}
}
.image-mosaic-container .image-mosaic .image-mosaic-item {
height: 220px;
background: #f8f9f7;
position: relative;
overflow: hidden;
cursor: pointer;
}
@media (max-width: 595px) {
.image-mosaic-container .image-mosaic .image-mosaic-item {
margin-bottom: 20px;
height: auto;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
}
.image-mosaic-container .image-mosaic .image-mosaic-item * {
color: #fff;
}
@media (max-width: 595px) {
.image-mosaic-container .image-mosaic .image-mosaic-item * {
color: #1d242b;
}
}
.image-mosaic-container .image-mosaic .image-mosaic-item .arrow-icon {
position: absolute;
bottom: 16px;
right: 16px;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.25' fill='%2367BF1B' stroke='%2367BF1B' stroke-width='1.5'/%3E%3Cpath d='M6 12L16 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8L18 12L14 16' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-size: contain;
}
@media (max-width: 595px) {
.image-mosaic-container .image-mosaic .image-mosaic-item .arrow-icon {
display: none;
}
}
.image-mosaic-container .image-mosaic .image-mosaic-item .image-mosaic-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 30px 20px 20px 20px;
background: rgba(0, 0, 0, 0.6);
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
visibility: hidden;
cursor: pointer;
}
@media (max-width: 595px) {
.image-mosaic-container .image-mosaic .image-mosaic-item .image-mosaic-overlay {
position: static;
opacity: 1;
visibility: visible;
background: #fff;
padding: 20px 20px 65px 20px;
height: auto;
-webkit-transform: none;
transform: none;
}
}
.image-mosaic-container .image-mosaic .image-mosaic-item .image-mosaic-overlay h3 {
margin: 0 0 20px 0;
font-weight: 600;
}
@media (max-width: 595px) {
.image-mosaic-container .image-mosaic .image-mosaic-item .image-mosaic-overlay h3 {
margin-bottom: 15px;
}
}
.image-mosaic-container .image-mosaic .image-mosaic-item .image-mosaic-overlay p {
font-weight: 600;
}
.image-mosaic-container .image-mosaic .image-mosaic-item .image-mosaic-overlay .link-arrow {
position: absolute;
bottom: 16px;
right: 16px;
font-weight: 600;
font-size: 16px;
line-height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.image-mosaic-container .image-mosaic .image-mosaic-item .image-mosaic-overlay .link-arrow:after {
content: "";
margin-left: 10px;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.25' stroke='%2367BF1B' stroke-width='1.5'/%3E%3Cpath d='M6 12L16 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8L18 12L14 16' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-size: contain;
}
@media (max-width: 595px) {
.image-mosaic-container .image-mosaic .image-mosaic-item .image-mosaic-overlay .link-arrow {
bottom: 20px;
right: 20px;
}
.image-mosaic-container .image-mosaic .image-mosaic-item .image-mosaic-overlay .link-arrow::after {
background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.25' fill='%2367BF1B' stroke='%2367BF1B' stroke-width='1.5'/%3E%3Cpath d='M6 12L16 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8L18 12L14 16' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
}
.image-mosaic-container .image-mosaic .image-mosaic-item img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (max-width: 595px) {
.image-mosaic-container .image-mosaic .image-mosaic-item img {
position: static;
height: 220px;
-webkit-transform: inherit !important;
transform: inherit !important;
}
}
.image-mosaic-container .image-mosaic .image-mosaic-item .overlay-wrap {
display: none;
}
.image-mosaic-container .image-mosaic .image-mosaic-item:hover .arrow-icon {
display: none;
}
.image-mosaic-container .image-mosaic .image-mosaic-item:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.image-mosaic-container .image-mosaic .image-mosaic-item:hover .image-mosaic-overlay {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 .image-mosaic-item:nth-child(1) {
grid-area: 1/1/2/2;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 .image-mosaic-item:nth-child(2) {
grid-area: 2/1/3/2;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 .image-mosaic-item:nth-child(3) {
grid-area: 1/2/3/3;
height: 100%;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 .image-mosaic-item:nth-child(4) {
grid-area: 1/3/2/5;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 .image-mosaic-item:nth-child(5) {
grid-area: 2/3/3/4;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 .image-mosaic-item:nth-child(6) {
grid-area: 2/4/3/5;
}
@media (max-width: 991px) {
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 .image-mosaic-item:nth-child(1) {
grid-area: 1/1/2/3;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 .image-mosaic-item:nth-child(2) {
grid-area: 2/1/3/3;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 .image-mosaic-item:nth-child(3) {
grid-area: 1/3/3/5;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 .image-mosaic-item:nth-child(4) {
grid-area: 3/1/4/5;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 .image-mosaic-item:nth-child(5) {
grid-area: 4/1/5/3;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-1 .image-mosaic-item:nth-child(6) {
grid-area: 4/3/5/5;
}
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 .image-mosaic-item:nth-child(1) {
grid-area: 1/1/2/3;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 .image-mosaic-item:nth-child(2) {
grid-area: 2/1/3/2;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 .image-mosaic-item:nth-child(3) {
grid-area: 2/2/3/3;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 .image-mosaic-item:nth-child(4) {
grid-area: 1/3/3/4;
height: 100%;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 .image-mosaic-item:nth-child(5) {
grid-area: 1/4/2/5;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 .image-mosaic-item:nth-child(6) {
grid-area: 2/4/3/5;
}
@media (max-width: 991px) {
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 1fr);
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 .image-mosaic-item:nth-child(1) {
grid-area: 1/1/2/5;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 .image-mosaic-item:nth-child(2) {
grid-area: 2/1/3/3;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 .image-mosaic-item:nth-child(3) {
grid-area: 2/3/3/5;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 .image-mosaic-item:nth-child(4) {
grid-area: 3/1/5/3;
height: 100%;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 .image-mosaic-item:nth-child(5) {
grid-area: 3/3/4/5;
}
.image-mosaic-container .image-mosaic.image-mosaic-6-variation-2 .image-mosaic-item:nth-child(6) {
grid-area: 4/3/5/5;
}
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-1 {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-1 .image-mosaic-item:nth-child(1) {
grid-area: 1/1/2/2;
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-1 .image-mosaic-item:nth-child(2) {
grid-area: 1/2/2/3;
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-1 .image-mosaic-item:nth-child(3) {
grid-area: 1/3/2/5;
}
@media (max-width: 991px) {
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-1 {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-1 .image-mosaic-item:nth-child(1) {
grid-area: 1/1/2/3;
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-1 .image-mosaic-item:nth-child(2) {
grid-area: 1/3/2/5;
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-1 .image-mosaic-item:nth-child(3) {
grid-area: 2/1/3/5;
}
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-2 {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-2 .image-mosaic-item:nth-child(1) {
grid-area: 1/1/2/3;
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-2 .image-mosaic-item:nth-child(2) {
grid-area: 1/3/2/4;
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-2 .image-mosaic-item:nth-child(3) {
grid-area: 1/4/2/5;
}
@media (max-width: 991px) {
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-2 {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-2 .image-mosaic-item:nth-child(1) {
grid-area: 1/1/2/3;
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-2 .image-mosaic-item:nth-child(2) {
grid-area: 1/3/2/5;
}
.image-mosaic-container .image-mosaic.image-mosaic-3-variation-2 .image-mosaic-item:nth-child(3) {
grid-area: 2/1/3/5;
}
}
.image-mosaic-container .overlay-wrap {
display: block;
max-width: 1260px;
width: 100%;
margin: 40px 0;
padding: 0 100px;
}
@media (max-width: 991px) {
.image-mosaic-container .overlay-wrap {
padding: 0 70px;
}
}
@media (max-width: 595px) {
.image-mosaic-container .overlay-wrap {
padding: 0 20px;
}
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content {
position: relative;
width: 100%;
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .close-btn {
position: absolute;
right: -45px;
top: 0;
width: 22px;
cursor: pointer;
height: 22px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.939' height='22.934'%3E%3Cpath id='Icon_ionic-ios-close' fill='%23fff' d='M25.473 22.755l8.193-8.193a1.92 1.92 0 10-2.715-2.715l-8.193 8.193-8.193-8.193a1.92 1.92 0 10-2.715 2.715l8.193 8.193-8.193 8.194a1.92 1.92 0 102.715 2.715l8.193-8.193 8.193 8.193a1.92 1.92 0 102.715-2.715z' data-name='Icon ionic-ios-close' transform='translate(-11.285 -11.289)'/%3E%3C/svg%3E");
background-size: contain;
}
@media (max-width: 595px) {
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .close-btn {
top: -35px;
width: 20px;
height: 20px;
right: 0;
}
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .next,
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .prev {
position: absolute;
top: 50%;
margin-top: -18px;
border-radius: 100px;
width: 46px;
height: 46px;
background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.25' stroke='%2367BF1B' stroke-width='1.5'/%3E%3Cpath d='M6 12L16 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8L18 12L14 16' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-size: contain;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .next:hover,
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .prev:hover {
background-color: #00fd45;
}
@media (max-width: 595px) {
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .next,
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .prev {
top: 100%;
margin-top: 15px;
width: 40px;
height: 40px;
}
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .next {
right: -80px;
}
@media (max-width: 991px) {
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .next {
right: -60px;
}
}
@media (max-width: 595px) {
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .next {
right: 50%;
margin-right: -50px;
}
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .prev {
left: -80px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 991px) {
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .prev {
left: -60px;
}
}
@media (max-width: 595px) {
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content .prev {
left: 50%;
margin-left: -50px;
}
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-content.active .image-mosaic-popup-body {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body p {
font-size: 20px !important;
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body {
height: 640px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
visibility: hidden;
background: #fff;
}
@media (max-width: 1600px) {
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body {
height: 580px;
}
}
@media (max-width: 991px) {
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body {
height: 450px;
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body p {
font-size: 18px !important;
}
}
@media (max-width: 595px) {
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: baseline;
align-content: baseline;
height: 100%;
}
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body .text-wrap {
min-width: 330px;
max-width: 330px;
padding: 25px;
}
@media (min-width: 992px) {
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body .text-wrap {
padding: 50px 40px;
}
}
@media (max-width: 991px) {
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body .text-wrap {
min-width: 300px;
max-width: 300px;
}
}
@media (max-width: 595px) {
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body .text-wrap {
min-width: 100%;
max-width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body .text-wrap h3 {
margin-bottom: 8px;
font-weight: 600;
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body .text-wrap .p-sm-bold {
margin-bottom: 16px;
font-weight: 600;
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body .img-wrap {
width: 100%;
}
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body .img-wrap img {
height: 100%;
width: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
}
@media (max-width: 595px) {
.image-mosaic-container .overlay-wrap .image-mosaic-popup-body .img-wrap img {
height: 220px;
}
}
.image-mosaic-container .image-mosaic-popup {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(0, 0, 0, 0.5);
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
overflow: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.image-mosaic-container .image-mosaic-popup.active {
visibility: visible;
opacity: 1;
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
.leadership-new {
background-size: cover;
background-position: center;
}
.leadership-new.carousel-with-swirl:before {
content: "";
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/logo-grid/banner-swirl.svg");
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: right;
right: 0;
}
.leadership.team-blade-new .pop-image-wrap img {
border-radius: 0;
}
@media (min-width: 1800px) {
.leadership-new.carousel-with-swirl:before {
top: 5%;
width: 50%;
height: 90%;
background-size: contain;
}
}
@media (max-width: 767px) {
.leadership-new.carousel-with-swirl:before {
top: 23%;
width: 70%;
height: 70%;
background-size: contain;
}
}
.leadership-new.text-white .author-wrap:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
@media (max-width: 767px) {
.leadership-new .leadership-popup {
padding: 20px 15px;
}
}
.leadership-new.leadership-active {
z-index: 9999;
}
.leadership-new .leadership-heading {
margin: 0 auto;
margin-bottom: 40px;
}
.leadership-new .leadership-heading h2 {
margin-bottom: 16px;
}
@media (max-width: 1199px) {
.leadership-new .leadership-heading {
margin-bottom: 16px;
}
}
.leadership-new .leadership-heading.w-810 {
max-width: 810px;
}
.leadership-new .row {
margin: 0 -12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.leadership-new .row > div {
padding: 0 12px;
margin-top: 24px;
}
.leadership-new .author-wrap {
background: #fff;
border-radius: 5px;
border-bottom: 10px solid rgb(0, 185, 107);
padding: 40px;
padding-bottom: 58px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-transition: 0.3s;
transition: 0.3s;
height: 100%;
overflow: hidden;
cursor: pointer;
}
.leadership-new .author-wrap:hover {
-webkit-box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1199px) {
.leadership-new .author-wrap {
padding: 30px;
padding-bottom: 40px;
}
}
.leadership-new .author-wrap img {
display: block;
margin: 0 auto;
margin-bottom: 16px;
width: 148px;
height: 148px;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
}
@media (min-width: 1600px) and (max-width: 1799px) {
.leadership-new .author-wrap h4, .leadership-new .author-wrap .h4 {
font-size: 26px !important;
}
}
.leadership-new .author-wrap h5 {
margin-bottom: 8px;
}
.leadership-new .author-wrap h4 {
margin-bottom: 5px;
text-transform: capitalize;
}
.leadership-new .author-wrap h5, .leadership-new .author-wrap p {
color: #1d242b;
letter-spacing: 0.01em !important;
}
.leadership-new .team-blade-carousel {
padding-top: 24px;
padding-left: 70px;
padding-right: 70px;
}
@media (max-width: 1399px) {
.leadership-new .team-blade-carousel {
padding-left: 60px;
padding-right: 60px;
}
}
@media (max-width: 1199px) {
.leadership-new .team-blade-carousel {
padding-left: 0;
padding-right: 0;
margin-bottom: 80px;
}
}
.leadership-new .team-blade-carousel .author-wrap {
border: 0;
padding: 40px 24px;
}
.leadership-new .team-blade-carousel .slick-list {
margin: 0 -12px;
}
.leadership-new .team-blade-carousel .slick-list .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.leadership-new .team-blade-carousel .slick-list .slick-track .slick-slide {
height: inherit;
padding: 24px 12px 4px 12px;
}
.leadership-new .team-blade-carousel .slick-arrow {
text-indent: -99999px;
position: absolute;
top: 50%;
z-index: 1;
width: 46px;
height: 46px;
border-radius: 100px;
margin-top: -23px;
-webkit-transition: 0.3s;
transition: 0.3s;
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/buttons/arrow-button-green-line.svg");
background-color: #fff;
background-size: contain;
}
.leadership-new .team-blade-carousel .slick-arrow:hover {
background-color: #00FD45;
}
@media (max-width: 1199px) {
.leadership-new .team-blade-carousel .slick-arrow {
top: auto;
bottom: -80px;
margin-top: 0;
}
}
.leadership-new .team-blade-carousel .slick-arrow.slick-next {
right: 0;
}
@media (max-width: 1199px) {
.leadership-new .team-blade-carousel .slick-arrow.slick-next {
margin-right: -60px;
right: 50%;
}
}
.leadership-new .team-blade-carousel .slick-arrow.slick-prev {
left: 0;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media (max-width: 1199px) {
.leadership-new .team-blade-carousel .slick-arrow.slick-prev {
margin-left: -60px;
left: 50%;
}
}
.leadership-new .team-blade-carousel .slick-dots {
display: none !important;
}
.leadership-card {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.leadership-card {
margin-bottom: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.leadership-card .card-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
cursor: pointer;
}
.leadership-card .card-inner p {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.leadership-card .card-inner:hover img {
border-color: #00FD45;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.leadership-card img {
width: 120px;
height: 120px;
display: block;
margin: 0 auto;
border-radius: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
border: 4px solid transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (min-width: 992px) {
.leadership-card img {
width: 190px;
height: 190px;
}
}
.leadership-card .social-links {
margin: 20px 0 10px 0;
height: 28px;
}
.leadership-card .social-links a {
display: inline-block;
background-repeat: no-repeat;
background-position: center;
margin: 0 20px;
height: 24px;
}
.leadership-card .social-links a.twitter {
background-image: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/x-logo-cohesity-green.svg);
width: 30px;
background-size: contain;
}
.leadership-card .social-links a.linkedin {
background-image: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/linkedin_green.svg);
width: 25px;
background-size: contain;
}
.leadership-card .download {
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;
margin-top: 15px;
font-weight: 600;
font-size: 16px;
line-height: 20px;
}
@media (min-width: 1800px) {
.leadership-card .download {
font-size: 18px;
}
}
.leadership-card .download .icon-wrap {
display: none;
}
.leadership-card .download::after {
content: "";
display: inline-block;
min-width: 24px;
min-height: 24px;
max-width: 24px;
max-height: 24px;
background-image: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/download-green.svg);
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
margin-left: 8px;
}
.leadership-card.author-overlay-popup {
margin: 0;
}
.leadership .pagination {
margin-bottom: 40px;
}
.leadership-popup {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
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;
padding: 20px 15px;
background: rgba(29, 36, 43, 0.6);
z-index: 9999;
overflow: auto;
display: none;
}
@media (min-width: 768px) {
.leadership-popup {
padding: 30px 80px;
}
}
.leadership-popup-content {
text-align: left;
padding-right: 5px;
position: relative;
padding-top: 7px;
padding-bottom: 10px;
max-width: 1000px;
width: 100%;
}
@media (max-width: 767px) {
.leadership-popup-content {
width: 100%;
height: 100%;
}
}
@media (min-width: 768px) {
.leadership-popup-content {
border-radius: 20px;
background: #fff;
}
}
.leadership-popup-content img {
-webkit-transform: scale(1);
transform: scale(1);
border: 0;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.leadership-popup-content img {
margin: 0 0 20px 0;
}
}
.leadership-popup-content .download {
margin-top: 24px;
font-size: 18px;
color: #000;
font-weight: 400;
cursor: pointer;
}
@media (max-width: 1199px) {
.leadership-popup-content .download {
font-size: 16px;
}
}
@media (max-width: 991px) {
.leadership-popup-content .download {
font-size: 14px;
}
}
@media (min-width: 768px) {
.leadership-popup-content .download {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
}
.leadership-popup-content .social-links {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.leadership-popup-content .social-links a {
margin: 0 30px 0 0;
}
}
.leadership-popup-content h3 {
margin-bottom: 8px;
}
.leadership-popup-content p {
margin-bottom: 25px;
}
.leadership-popup-content .close-btn {
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/header/Icon_ionic_ios_close.svg");
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
background-size: 20px;
cursor: pointer;
}
@media (min-width: 768px) {
.leadership-popup-content .close-btn {
top: -35px;
}
}
.leadership-popup-content .next, .leadership-popup-content .prev {
position: absolute;
width: 30px;
height: 30px;
background-size: 30px;
cursor: pointer;
top: auto;
bottom: 50px;
border-radius: 100px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.leadership-popup-content .next:hover, .leadership-popup-content .prev:hover {
background-color: #00FD45;
}
@media (min-width: 768px) {
.leadership-popup-content .next, .leadership-popup-content .prev {
width: 46px;
height: 46px;
background-size: 46px;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.leadership-popup-content .next {
right: calc(50% - 40px);
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/arrow-icon-green-right.svg");
}
@media (min-width: 768px) {
.leadership-popup-content .next {
right: -60px;
}
}
@media (min-width: 1601px) {
.leadership-popup-content .next {
right: -100px;
}
}
.leadership-popup-content .prev {
left: calc(50% - 40px);
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/arrow-icon-green-left.svg");
}
@media (min-width: 768px) {
.leadership-popup-content .prev {
left: -60px;
}
}
@media (min-width: 1601px) {
.leadership-popup-content .prev {
left: -100px;
}
}
.leadership .leadership-popup-body {
border-radius: 10px;
max-width: 1000px;
width: 100%;
padding: 20px 15px;
overflow: auto;
overflow-x: hidden;
}
.leadership .leadership-popup-body .pop-image-wrap {
margin-top: 0;
}
.leadership .leadership-popup-body .pop-image-wrap img {
border-radius: 0;
}
.leadership .leadership-popup-body .pop-content-wrap {
margin-top: 0;
}
@media (min-width: 768px) {
.leadership .leadership-popup-body {
padding: 24px;
max-height: 500px;
border-radius: 20px;
margin: 10px 0;
}
}
@media (min-width: 992px) {
.leadership .leadership-popup-body {
padding: 50px 60px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.leadership .leadership-popup-body {
max-height: 450px;
}
}
@media (min-width: 1201px) and (max-width: 1400px) {
.leadership .leadership-popup-body {
max-height: 450px;
}
}
@media (min-width: 1800px) {
.leadership .leadership-popup-body {
max-height: 720px;
}
}
@media (max-width: 767px) {
.leadership .leadership-popup-body {
background: #fff;
position: absolute;
top: 40px;
left: 0;
width: 100%;
height: calc(100% - 130px);
}
}
.leadership .leadership-popup-body::-webkit-scrollbar {
width: 8px;
}
.leadership .leadership-popup-body::-webkit-scrollbar-track {
background: transparent;
border-radius: 100px;
}
.leadership .leadership-popup-body::-webkit-scrollbar-thumb {
background: #888;
border-radius: 100px;
}
.leadership .leadership-popup-body::-webkit-scrollbar-thumb:hover {
background: #555;
}
@media (max-width: 767px) {
.leadership .leadership-popup-body .pop-image-wrap {
margin-bottom: 20px;
}
}
.leadership .leadership-popup-body .social-links {
margin: 20px 0 10px 0;
height: auto;
}
.leadership .leadership-popup-body .social-links a {
display: inline-block;
background-repeat: no-repeat;
background-position: center;
margin: 0 40px 0 0;
height: 32px;
}
.leadership .leadership-popup-body .social-links a.twitter {
background-image: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/x-logo-cohesity-green.svg);
width: 35px;
background-size: contain;
}
.leadership .leadership-popup-body .social-links a.linkedin {
background-image: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/linkedin_green.svg);
width: 35px;
background-size: contain;
}
.leadership .leadership-popup-body .leadership-popup-container {
margin-top: 30px;
}
.leadership-slide {
padding: 10px 0;
}
.leadership .slick-dots {
padding: 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 50px;
gap: 10px;
}
@media (max-width: 1199.98px) {
.leadership .slick-dots {
margin-bottom: 30px;
}
}
.leadership .slick-dots li {
margin: 0;
}
.leadership .slick-dots li::before {
display: none;
}
.leadership .slick-dots li button {
border: 0;
outline: none;
width: 30px;
height: 30px;
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;
font-size: 18px;
border-radius: 2px;
-webkit-transition: 0.3s;
transition: 0.3s;
background: transparent;
}
.leadership .slick-dots li button:hover {
background: #00FD45;
color: #fff;
}
.leadership .slick-dots li.slick-active button {
background: #00FD45;
color: #fff;
}
.leadership.blog-detail-user .leadership-popup-body, .leadership.team-blade-new .leadership-popup-body {
padding: 57px 64px 54px 64px;
margin: 0 !important;
}
@media (max-width: 1199px) {
.leadership.blog-detail-user .leadership-popup-body, .leadership.team-blade-new .leadership-popup-body {
padding: 33px 40px 30px 40px;
}
}
@media (max-width: 991px) {
.leadership.blog-detail-user .leadership-popup-body, .leadership.team-blade-new .leadership-popup-body {
padding: 23px 30px 20px 30px;
}
}
@media (max-width: 767px) {
.leadership.blog-detail-user .leadership-popup-body, .leadership.team-blade-new .leadership-popup-body {
padding: 20px;
}
}
.leadership.blog-detail-user .leadership-popup-body h3, .leadership.team-blade-new .leadership-popup-body h3 {
margin-top: 0;
margin-bottom: 8px;
color: #1d242b;
letter-spacing: 0 !important;
}
@media (min-width: 1600px) and (max-width: 1799px) {
.leadership.blog-detail-user .leadership-popup-body h3, .leadership.team-blade-new .leadership-popup-body h3 {
font-size: 30px !important;
line-height: 40px !important;
}
}
.leadership.blog-detail-user .leadership-popup-body .row, .leadership.team-blade-new .leadership-popup-body .row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 767px) {
.leadership.blog-detail-user .leadership-popup-body .row, .leadership.team-blade-new .leadership-popup-body .row {
display: block;
}
}
.leadership.blog-detail-user .leadership-popup-body .row > div, .leadership.team-blade-new .leadership-popup-body .row > div {
padding: 0;
margin-top: 0;
}
.leadership.blog-detail-user .leadership-popup-body .row > div:first-child, .leadership.team-blade-new .leadership-popup-body .row > div:first-child {
min-width: 184px;
max-width: 184px;
}
@media (max-width: 991px) {
.leadership.blog-detail-user .leadership-popup-body .row > div:first-child, .leadership.team-blade-new .leadership-popup-body .row > div:first-child {
min-width: 120px;
max-width: 120px;
}
}
@media (max-width: 767px) {
.leadership.blog-detail-user .leadership-popup-body .row > div:first-child, .leadership.team-blade-new .leadership-popup-body .row > div:first-child {
min-width: 100%;
max-width: 100%;
}
}
.leadership.blog-detail-user .leadership-popup-body .row > div:first-child img, .leadership.team-blade-new .leadership-popup-body .row > div:first-child img {
width: 184px;
height: 184px;
margin-bottom: 24px;
}
@media (max-width: 991px) {
.leadership.blog-detail-user .leadership-popup-body .row > div:first-child img, .leadership.team-blade-new .leadership-popup-body .row > div:first-child img {
width: 120px;
height: 120px;
}
}
.leadership.blog-detail-user .leadership-popup-body .row > div:last-child, .leadership.team-blade-new .leadership-popup-body .row > div:last-child {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
max-width: 100%;
padding-left: 64px;
}
@media (max-width: 1199px) {
.leadership.blog-detail-user .leadership-popup-body .row > div:last-child, .leadership.team-blade-new .leadership-popup-body .row > div:last-child {
padding-left: 40px;
}
}
@media (max-width: 991px) {
.leadership.blog-detail-user .leadership-popup-body .row > div:last-child, .leadership.team-blade-new .leadership-popup-body .row > div:last-child {
padding-left: 30px;
}
}
@media (max-width: 767px) {
.leadership.blog-detail-user .leadership-popup-body .row > div, .leadership.team-blade-new .leadership-popup-body .row > div {
padding: 0 !important;
}
}
.leadership.blog-detail-user .leadership-popup-body .company-logo img, .leadership.team-blade-new .leadership-popup-body .company-logo img {
max-width: 190px;
max-height: 40px;
width: auto;
-o-object-fit: contain;
font-family: "object-fit:contain;object-position:left";
object-fit: contain;
-o-object-position: left;
object-position: left;
margin: 0 !important;
height: auto;
border-radius: 0;
}
@media (max-width: 767px) {
.leadership.blog-detail-user .leadership-popup-body .company-logo img, .leadership.team-blade-new .leadership-popup-body .company-logo img {
display: block;
margin: 0 auto !important;
}
}
.leadership.blog-detail-user .leadership-popup-body .social-links, .leadership.team-blade-new .leadership-popup-body .social-links {
margin: 0 -12px;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 768px) and (max-width: 991px) {
.leadership.blog-detail-user .leadership-popup-body .social-links, .leadership.team-blade-new .leadership-popup-body .social-links {
margin: 0 -2px;
}
}
.leadership.blog-detail-user .leadership-popup-body .social-links a, .leadership.team-blade-new .leadership-popup-body .social-links a {
margin: 0 12px;
width: 34px;
height: 34px;
text-indent: -99999px;
}
@media (min-width: 768px) and (max-width: 991px) {
.leadership.blog-detail-user .leadership-popup-body .social-links a, .leadership.team-blade-new .leadership-popup-body .social-links a {
margin: 0 2px;
}
}
.leadership.blog-detail-user .leadership-popup-body .social-links a.twitter, .leadership.team-blade-new .leadership-popup-body .social-links a.twitter {
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/x-logo-blue.svg");
}
.leadership.blog-detail-user .leadership-popup-body .social-links a.linkedin, .leadership.team-blade-new .leadership-popup-body .social-links a.linkedin {
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/linkedin-logo-blue.svg");
}
.leadership.blog-detail-user .leadership-popup-body .social-links a.facebook, .leadership.team-blade-new .leadership-popup-body .social-links a.facebook {
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/facebook-logo-blue.svg");
}
.leadership.blog-detail-user .leadership-popup-body p, .leadership.team-blade-new .leadership-popup-body p {
margin-bottom: 24px;
color: #1d242b;
letter-spacing: -0.3px;
}
.leadership.blog-detail-user .leadership-popup-body .leadership-popup-container, .leadership.team-blade-new .leadership-popup-body .leadership-popup-container {
margin-top: 40px;
}
.leadership.blog-detail-user .leadership-popup-body .links-wrap, .leadership.team-blade-new .leadership-popup-body .links-wrap {
margin-top: 0 !important;
border-top: 1px solid #78828C;
padding-top: 24px;
}
.leadership.blog-detail-user .leadership-popup-body .links-wrap a span, .leadership.team-blade-new .leadership-popup-body .links-wrap a span {
font-size: 1.6rem !important;
line-height: 22px !important;
font-weight: 600 !important;
}
.leadership.blog-detail-user .leadership-popup-body .links-wrap a:hover, .leadership.team-blade-new .leadership-popup-body .links-wrap a:hover {
color: #1d242b !important;
}
@media (max-width: 575.98px) {
.author-wrap h4 {
font-size: 20px !important;
line-height: 26px !important;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.author-wrap h4 {
font-size: 20px !important;
line-height: 26px !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.author-wrap h4 {
font-size: 20px !important;
line-height: 26px !important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.author-wrap h4 {
font-size: 20px !important;
line-height: 26px !important;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.author-wrap h4 {
font-size: 24px !important;
line-height: 32px !important;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.author-wrap h4 {
font-size: 24px !important;
line-height: 32px !important;
}
}
@media (min-width: 1600px) and (max-width: 1799px) {
.author-wrap h4 {
font-size: 26px !important;
line-height: 32px !important;
}
.leadership-new .author-wrap h4,
.leadership-new .author-wrap .h4 {
font-size: 26px !important;
}
}
@media (min-width: 1800px) {
.author-wrap h4 {
font-size: 30px !important;
line-height: 40px !important;
font-weight: 600 !important;
letter-spacing: -0.01em !important;
}
}
.leadership.blog-detail-user .leadership-popup-body h4,
.leadership.team-blade-new .leadership-popup-body h4 {
margin-top: 0px;
margin-bottom: 8px;
color: rgb(29, 36, 43);
letter-spacing: 0px !important;
font-weight: 600 !important;
text-transform: capitalize;
}
.leadership-heading h4 {
font-weight: 600 !important;
letter-spacing: -0.03em !important;
margin-bottom: 16px;
}
.leadership-heading p {
font-size: var(--font-size-p-lg);
line-height: var(--line-height-p-lg);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-lg) * -0.033);
}
.cmp-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cmp-list__container .no-result {
margin-block: 6.4rem;
}
.cmp-list__item, .cmp-list__item-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 3rem;
position: relative;
margin-bottom: 2.8rem;
color: #000000;
}
@media (max-width: 991px) {
.cmp-list__item, .cmp-list__item-link {
margin-top: 0;
}
}
@media (max-width: 991px) {
.cmp-list__item, .cmp-list__item-link {
gap: 0rem;
}
}
@media (max-width: 575px) {
.cmp-list__item, .cmp-list__item-link {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.cmp-list__item-image, .cmp-list__item-link-image {
-webkit-box-flex: 0;
-ms-flex: 0 0 310px;
flex: 0 0 310px;
max-width: 310px;
}
@media (min-width: 1800px) {
.cmp-list__item-image, .cmp-list__item-link-image {
-webkit-box-flex: 0;
-ms-flex: 0 0 370px;
flex: 0 0 370px;
max-width: 370px;
}
}
@media (max-width: 1199px) {
.cmp-list__item-image, .cmp-list__item-link-image {
-webkit-box-flex: 0;
-ms-flex: 0 0 310px;
flex: 0 0 310px;
max-width: 310px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.cmp-list__item-image, .cmp-list__item-link-image {
-webkit-box-flex: 0;
-ms-flex: 0 0 280px;
flex: 0 0 280px;
max-width: 280px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.cmp-list__item-image, .cmp-list__item-link-image {
-webkit-box-flex: 0;
-ms-flex: 0 0 250px;
flex: 0 0 250px;
max-width: 250px;
}
}
@media (max-width: 575px) {
.cmp-list__item-image, .cmp-list__item-link-image {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.cmp-list__item-image img, .cmp-list__item-link-image img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
border: 1px solid #CACCCE;
max-height: 200px;
min-height: 200px;
}
@media (min-width: 576px) {
.cmp-list__item-content, .cmp-list__item-link-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 20px;
}
}
@media (max-width: 575px) {
.cmp-list__item-content, .cmp-list__item-link-content {
margin-top: 20px;
padding: 5px 0;
}
}
.cmp-list__item-pretitle, .cmp-list__item-link-pretitle {
margin-bottom: 1.6rem;
color: #3E4C5A;
}
.cmp-list__item-category:after, .cmp-list__item-link-category:after {
content: "|";
width: 2px;
height: 5px;
color: #3E4C5A;
position: relative;
top: 0;
left: 7px;
}
.cmp-list__item-publication-date, .cmp-list__item-link-publication-date {
margin-left: 10px;
}
.cmp-list__item:not(:first-child):after, .cmp-list__item-link:not(:first-child):after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #caccce;
top: -32px;
}
.cmp-list__filter-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 98px;
}
@media (max-width: 1199px) {
.cmp-list__filter-container {
margin-bottom: 38px;
}
}
@media (max-width: 991px) {
.cmp-list__filter-container {
margin-bottom: 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.cmp-list__filter-container {
gap: 2.5rem;
}
}
.cmp-list__filter-horizontal-year {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 3rem;
}
@media (min-width: 992px) and (max-width: 1199px) {
.cmp-list__filter-horizontal-year {
gap: 1.5rem;
}
}
.cmp-list__filter-horizontal-year label {
position: relative;
}
.cmp-list__filter-horizontal-year span {
border: 2px solid #82AAB4;
border-radius: 5px;
padding: 5px 20px;
font-size: 18px;
font-weight: 700;
line-height: 26px;
cursor: pointer;
}
.cmp-list__filter-horizontal-year span:hover {
background: #82AAB4;
font-weight: 700;
color: #000;
}
.cmp-list__filter-horizontal-year input {
position: absolute;
display: none;
}
.cmp-list__filter-horizontal-year input:checked + span {
background: #82AAB4;
font-weight: 700;
color: #000;
border-radius: 5px;
}
.cmp-list__filter-vertical-year {
position: relative;
}
.cmp-list__filter-vertical-year:hover .cmp-list__filter-prior-years-dropdown {
opacity: 1;
visibility: visible;
}
.cmp-list__filter-vertical-year:hover .cmp-list__filter-prior-years-dropdown:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.cmp-list__filter-language {
position: relative;
}
.cmp-list__filter-language:hover .cmp-list__filter-language-list-dropdown {
opacity: 1;
visibility: visible;
}
.cmp-list__filter-language:hover .cmp-list__filter-language-list-dropdown:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.cmp-list__filter-by {
display: inline-block;
font-size: 22px;
font-weight: 600;
padding-right: 7px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.cmp-list__filter-by {
font-size: 16px;
}
}
.cmp-list__filter-prior-years, .cmp-list__filter-language-list {
position: relative;
display: inline-block;
font-size: 18px;
font-weight: 400;
cursor: pointer;
z-index: 2;
padding-bottom: 7px;
padding-right: 70px;
border-bottom: 1px solid #CACCCE;
}
@media (max-width: 1399px) {
.cmp-list__filter-prior-years, .cmp-list__filter-language-list {
padding-right: 50px;
}
}
@media (max-width: 1199px) {
.cmp-list__filter-prior-years, .cmp-list__filter-language-list {
padding-right: 30px;
}
}
.cmp-list__filter-prior-years:hover:after, .cmp-list__filter-language-list:hover:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.cmp-list__filter-prior-years:after, .cmp-list__filter-language-list:after {
content: "";
position: absolute;
top: 5px;
right: 0;
width: 15px;
height: 10px;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/green-down.svg);
background-size: cover;
}
.cmp-list__filter-prior-years-dropdown, .cmp-list__filter-language-list-dropdown {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: absolute;
top: 100%;
width: 70%;
right: 0px;
left: auto;
padding: 0;
margin-bottom: 10px;
max-height: 192px;
overflow-y: auto;
display: block;
-webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.16);
background: #fff;
border-radius: 0 0 5px 5px;
z-index: 10;
}
.cmp-list__filter-prior-years-dropdown div, .cmp-list__filter-language-list-dropdown div {
display: inline-block;
padding: 15px 0 15px 15px;
margin: 0;
position: relative;
list-style: none;
width: 100%;
text-align: left;
}
.cmp-list__filter-prior-years-dropdown div:hover, .cmp-list__filter-language-list-dropdown div:hover {
background: rgba(103, 191, 27, 0.2);
}
.cmp-list__filter-prior-years-dropdown label, .cmp-list__filter-language-list-dropdown label {
position: relative;
font-size: 18px;
padding-left: 25px;
cursor: pointer;
line-height: 0.8;
font-weight: 400;
}
@media (min-width: 992px) and (max-width: 1199px) {
.cmp-list__filter-prior-years-dropdown label, .cmp-list__filter-language-list-dropdown label {
font-size: 16px;
}
}
.cmp-list__filter-prior-years-dropdown label:before, .cmp-list__filter-language-list-dropdown label:before {
content: "";
position: absolute;
top: 2px;
left: 0;
width: 16px;
height: 16px;
border: 1px solid #82AAB4;
}
.cmp-list__filter-prior-years-dropdown label:after, .cmp-list__filter-language-list-dropdown label:after {
content: "";
position: absolute;
top: 5px;
left: 3px;
width: 10px;
height: 6px;
border-bottom: 2px solid #00FD45;
border-left: 2px solid #00FD45;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
.cmp-list__filter-prior-years-dropdown label span, .cmp-list__filter-language-list-dropdown label span {
text-transform: capitalize;
padding-left: 2px;
}
.cmp-list__filter-prior-years-dropdown input, .cmp-list__filter-language-list-dropdown input {
position: absolute;
top: 20px;
left: 18px;
opacity: 0;
}
.cmp-list__filter-prior-years-dropdown input:checked + label:after, .cmp-list__filter-language-list-dropdown input:checked + label:after {
opacity: 1;
}
.cmp-list__filter-container.mobile {
display: none;
}
@media (max-width: 991px) {
.cmp-list__filter-container {
display: none;
}
.cmp-list__filter-container.mobile {
display: block;
margin-bottom: 10px;
text-align: center;
}
}
@media (max-width: 991px) and (max-width: 575px) {
.cmp-list__filter-container.mobile {
text-align: left;
width: 100%;
}
}
@media (max-width: 991px) {
.cmp-list__filter-container.mobile .cmp-list__filter-wrap {
text-align: center;
display: inline;
padding-right: 40px;
}
}
@media (max-width: 991px) and (max-width: 575px) {
.cmp-list__filter-container.mobile .cmp-list__filter-wrap {
text-align: left;
display: block;
width: 100%;
}
}
@media (max-width: 991px) {
.cmp-list__filter-container.mobile .cmp-list__filter-wrap > span {
display: inline-block;
font-size: 22px;
font-weight: 600;
}
}
@media (max-width: 991px) {
.cmp-list__filter-container.mobile .filters {
max-width: 140px;
width: 100%;
margin-top: 3px;
display: inline-block;
position: relative;
font-size: 18px;
font-weight: 400;
cursor: pointer;
padding-bottom: 7px;
}
}
@media (max-width: 991px) and (max-width: 575px) {
.cmp-list__filter-container.mobile .filters {
padding-bottom: 0px;
margin: 1px 0 35px 10px;
border-bottom: 1px solid #CACCCE;
max-width: 168px;
}
}
@media (max-width: 991px) {
.cmp-list__filter-container.mobile .filters:hover::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@media (max-width: 991px) {
.cmp-list__filter-container.mobile .filters:after {
content: "";
position: absolute;
top: 5px;
right: 0;
width: 15px;
height: 10px;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/green-down.svg);
background-size: cover;
}
}
@media (max-width: 991px) {
.cmp-list__filter-container.mobile .filters.active .dropdown {
opacity: 1;
visibility: visible;
padding: 0;
margin-bottom: 10px;
max-height: 192px;
overflow-y: auto;
}
}
@media (max-width: 991px) {
.cmp-list__filter-container.mobile .dropdown {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.16);
position: absolute;
top: 32px;
left: 0;
background: #fff;
border-radius: 0 0 5px 5px;
width: 100%;
z-index: 1;
padding: 0;
}
.cmp-list__filter-container.mobile .dropdown > div {
display: inline-block;
padding: 15px 0 15px 15px;
margin: 0;
position: relative;
list-style: none;
width: 100%;
text-align: left;
}
.cmp-list__filter-container.mobile .dropdown > div:hover {
background: rgba(103, 191, 27, 0.2);
}
.cmp-list__filter-container.mobile .dropdown > div input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.cmp-list__filter-container.mobile .dropdown > div input:checked + label:after {
opacity: 1;
}
.cmp-list__filter-container.mobile .dropdown > div label {
position: relative;
font-size: 18px;
padding-left: 25px;
cursor: pointer;
line-height: 0.8;
font-weight: 400;
}
.cmp-list__filter-container.mobile .dropdown > div label:before {
content: "";
position: absolute;
top: 1px;
left: 0;
width: 16px;
height: 16px;
border: 1px solid #82AAB4;
}
.cmp-list__filter-container.mobile .dropdown > div label:after {
content: "";
position: absolute;
top: 5px;
left: 3px;
width: 10px;
height: 6px;
border-bottom: 2px solid #00FD45;
border-left: 2px solid #00FD45;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
.cmp-list__filter-container.mobile .dropdown > div label span {
padding-left: 2px;
text-transform: capitalize;
}
}
.cmp-list__filter-filtered-item {
text-align: left;
margin: 10px 0 20px;
padding-inline: 32px;
}
@media (max-width: 991px) {
.cmp-list__filter-filtered-item {
display: block;
}
}
.cmp-list__filter-filtered-item .single-item {
display: inline-block;
}
.cmp-list__filter-filtered-item .single-item span {
position: relative;
font-size: 16px;
font-weight: 500;
padding: 8px 53px 8px 21px;
border-radius: 5px;
display: inline-block;
margin-right: 15px;
margin-bottom: 10px;
cursor: pointer;
text-transform: capitalize;
background: rgba(103, 191, 27, 0.25);
line-height: 1.57;
letter-spacing: -0.21px;
}
.cmp-list__filter-filtered-item .single-item span:hover {
background: rgba(103, 191, 27, 0.2);
}
.cmp-list__filter-filtered-item .single-item span:after {
content: "";
position: absolute;
top: 13px;
right: 21px;
width: 12px;
height: 12px;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/close-icon-black.svg);
background-size: cover;
}
.cmp-list__filter-filtered-item .clearAll {
display: none;
font-size: 14px;
font-weight: 600;
padding: 3px 10px 4px;
cursor: pointer;
text-transform: capitalize;
color: #3E4C5A;
line-height: 1.57;
letter-spacing: -0.21px;
}
.cmp-list .loader {
position: absolute;
top: 50%;
left: 50%;
z-index: 9999;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
width: 50px;
height: 50px;
}
.cmp-list .loader img {
width: 50px;
height: 50px;
}
.pagination-controls {
text-align: center;
margin-top: 20px;
}
@media (max-width: 575px) {
.pagination-controls {
margin-top: 40px;
}
}
.pagination-controls .paginationjs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagination-controls .paginationjs .paginationjs-pages ul {
gap: 15px;
}
@media (max-width: 575px) {
.pagination-controls .paginationjs .paginationjs-pages ul {
gap: 5px;
}
}
.pagination-controls .paginationjs .paginationjs-pages li {
border: none;
}
.pagination-controls .paginationjs .paginationjs-pages li > a {
font-size: 18px;
font-family: "KlavikaWeb";
}
.pagination-controls .paginationjs .paginationjs-pages li.paginationjs-page.active > a {
background: #00FD92;
color: #000000;
}
.pagination-controls .paginationjs .paginationjs-pages li.paginationjs-page:hover > a {
background: #00FD92;
cursor: pointer;
}
.pagination-controls .paginationjs .paginationjs-pages li > a:hover {
background-color: transparent;
}
.pagination-controls .paginationjs .paginationjs-pages .paginationjs-prev > a {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow-right.svg) !important;
background-repeat: no-repeat !important;
background-position: center !important;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.pagination-controls .paginationjs .paginationjs-pages .paginationjs-next > a {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow-right.svg) !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.pagination-controls ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0;
margin: 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pagination-controls .prev,
.pagination-controls .next {
display: inline-block;
margin: 5px 18px;
}
.pagination-controls .prev a,
.pagination-controls .next a {
width: 17px;
height: 17px;
cursor: pointer;
display: inline-block;
}
.pagination-controls .prev a {
background-size: contain;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow-right.svg) no-repeat;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.pagination-controls .prev.disabled a {
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow-gray.svg) no-repeat;
}
.pagination-controls .next a {
background-size: contain;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow-right.svg) no-repeat;
}
.pagination-controls .next.disabled a {
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow-gray.svg) no-repeat;
}
.pagination-controls span a {
display: inline-block;
margin: 0 15px;
font-weight: 400;
font-size: 18px;
position: relative;
cursor: pointer;
color: #1d242b;
}
.pagination-controls span a.current:before {
content: "";
position: absolute;
background: #00FD45;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 2px;
z-index: -1;
}
.pagination-controls span a:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 2px;
z-index: -1;
}
.pagination-controls span a:hover:after {
background: #00FD45;
}
.cmp-list.customer-list .cmp-list__filter-container {
display: block;
margin-bottom: 0;
}
.cmp-list.customer-list .cmp-list__filter-container.mobile {
display: none;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 50px;
margin-bottom: 60px;
}
@media (max-width: 767px) {
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 0;
}
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .close-filter {
width: 100%;
height: 26px;
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/close-white.svg);
background-size: contain;
position: fixed;
z-index: 101;
top: 50%;
left: 50%;
margin-top: -240px;
max-width: 320px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-repeat: no-repeat;
background-position: right;
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
opacity: 0;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .close-filter.filter-open {
visibility: visible;
opacity: 1;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown {
position: relative;
z-index: 1;
width: 33.3%;
margin-right: 30px;
}
@media (max-width: 767px) {
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown {
width: 100%;
}
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown:hover {
z-index: 2;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown:hover p::after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
@media (max-width: 767px) {
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown:hover .dropdown {
opacity: 1;
overflow: visible;
}
}
@media (min-width: 768px) {
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown:hover .dropdown ul {
opacity: 1;
visibility: visible;
margin-top: 0;
}
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown p {
height: 32px;
width: 100%;
border-bottom: 1px solid #caccce;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown p::after {
content: "";
position: absolute;
right: 2px;
top: 50%;
margin-top: -5px;
border: solid #00FD45;
border-width: 0 2px 2px 0;
padding: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown .dropdown {
position: relative;
}
@media (max-width: 767px) {
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown .dropdown {
opacity: 0;
overflow: hidden;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown ul {
position: absolute;
left: 0;
width: 100%;
top: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
max-height: 205px;
overflow: auto;
margin: 0;
padding: 0;
margin-top: 5px;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
border-radius: 0 0 5px 5px;
padding: 5px 15px;
background: #fff;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown ul li {
margin: 15px 0;
position: relative;
padding-left: 0px;
list-style: none;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown ul li input {
position: absolute;
opacity: 0;
padding: 0;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown ul li label {
padding-left: 25px;
position: relative;
display: inline-block;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown ul li label::before {
content: "";
position: absolute;
top: 2.5px;
left: 0;
width: 16px;
height: 16px;
border: 1px solid #333434;
border-radius: 2px;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown ul li label::after {
content: "";
position: absolute;
top: 7px;
left: 3px;
width: 9px;
height: 5px;
border-bottom: 3px solid #06f;
border-left: 3px solid #06f;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-filters {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
padding-top: 10px;
}
@media (max-width: 767px) {
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-filters {
display: none;
position: fixed;
top: 50%;
left: 50%;
margin-left: -160px;
margin-top: -200px;
width: 100%;
height: 100%;
z-index: 101;
background: #fff;
max-height: 450px;
max-width: 320px;
padding: 20px;
border-radius: 5px;
overflow-y: auto;
overflow-x: hidden;
}
}
@media (max-width: 767px) {
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-filters.filter-open {
display: block;
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 767px) {
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-filters.filter-open .filter-dropdown {
margin-right: 0;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-filters.filter-open .filter-dropdown.active .dropdown {
opacity: 1;
}
}
@media (max-width: 767px) {
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-filters.filter-open .filter-dropdown.active .dropdown ul {
width: 100%;
margin: 0;
max-height: 205px;
position: static;
visibility: visible;
opacity: 1;
}
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-filters .filter-label {
white-space: nowrap;
padding-right: 10px;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-filters .filter-dropdown li input {
z-index: 1;
margin-top: 2px;
width: 20px;
height: 20px;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-filters .filter-dropdown li input:checked ~ label:after {
opacity: 1;
visibility: visible;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 30%;
}
@media (max-width: 767px) {
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search {
max-width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
gap: 20px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-search {
width: 100%;
position: relative;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-search input {
outline: none;
border: 1px solid #caccce;
border-radius: 5px;
width: 100%;
height: 52px;
padding: 0 30px 0 50px;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-search .search-clear {
position: absolute;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/close_icon_black.svg);
background-repeat: no-repeat;
background-position: center;
width: 16px;
height: 16px;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
display: none;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-search .search-button {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/search.svg);
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
width: 43px;
height: 100%;
position: absolute;
left: 6px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-sort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
gap: 10px;
}
@media (max-width: 767px) {
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-sort {
gap: 0;
width: 45px;
}
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-sort .filter-dropdown {
width: 105px;
margin-right: 0;
}
@media (min-width: 992px) {
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-sort .filter-dropdown {
width: 125px;
}
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-sort .filter-dropdown:hover {
z-index: 2;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-sort .filter-dropdown:hover ul {
opacity: 1;
visibility: visible;
margin-top: 0;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-sort .filter-dropdown ul {
min-width: 170px;
right: 0;
left: auto;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-sort .filter-dropdown ul li input[type=radio] ~ label::before {
border-radius: 100px;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-sort .filter-dropdown ul li input[type=radio] ~ label::after {
-webkit-transform: scale(0);
transform: scale(0);
width: 8px;
border: 0;
height: 8px;
background: #00FD92;
border-radius: 100px;
left: 5px;
top: 8px;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-sort .filter-dropdown ul li input[type=radio]:checked ~ label:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-icon,
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .sort-icon {
background-position: center;
background-size: 24px;
background-repeat: no-repeat;
width: 45px;
height: 45px;
min-width: 45px;
border-radius: 100px;
border: 1px solid #caccce;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-icon {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/filter-icon.svg);
}
.cmp-list.customer-list .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .sort-icon {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/customers/sort-icon.svg);
}
.cmp-list.customer-list .cmp-list__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -12px;
}
.cmp-list.customer-list .cmp-list__container > div {
margin-bottom: 30px;
}
.cmp-list.customer-list .cmp-list__container .list-grid-card {
border-radius: 5px;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
position: relative;
-webkit-box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
height: 390px;
}
.cmp-list.customer-list .cmp-list__container .list-grid-card:hover .list-grid-card__content {
max-height: 100%;
height: auto;
}
.cmp-list.customer-list .cmp-list__container .list-grid-card:hover .hover-content {
opacity: 1;
visibility: visible;
}
.cmp-list.customer-list .cmp-list__container .list-grid-card:hover .button--style-tertiary a::after {
content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.25' y='1.25' width='21.5' height='21.5' rx='2' fill='%2300FD45' stroke='%2300FD45' stroke-width='1.5'/%3E%3Cpath d='M6 12H16' stroke='%231D242B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8L18 12L14 16' stroke='%231D242B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
margin-left: 12px;
}
.cmp-list.customer-list .cmp-list__container .list-grid-card__image {
position: relative;
height: 245px;
overflow: hidden;
}
.cmp-list.customer-list .cmp-list__container .list-grid-card__image::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: linear-gradient(180.61deg, rgba(0, 0, 0, 0.4) 37.82%, rgba(0, 0, 0, 0) 87.52%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-list.customer-list .cmp-list__container .list-grid-card__image .card-logo {
z-index: 1;
position: absolute;
left: 30px;
top: 30px;
max-width: 130px;
max-height: 50px;
width: auto;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-list.customer-list .cmp-list__container .list-grid-card__image .card-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-list.customer-list .cmp-list__container .list-grid-card__content {
cursor: pointer;
padding: 30px 30px;
z-index: 1;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
min-height: 160px;
max-height: 160px;
-webkit-transition: max-height 0.6s ease-out;
transition: max-height 0.6s ease-out;
}
.cmp-list.customer-list .cmp-list__container .list-grid-card__content .cta-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 2;
}
.cmp-list.customer-list .cmp-list__container .list-grid-card__content .eyebrow {
color: #3E4C5A;
display: block;
margin-bottom: 15px;
padding-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cmp-list.customer-list .cmp-list__container .list-grid-card__content p {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: var(--font-size-p-xl);
line-height: var(--line-height-p-xl);
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-xl) * -0.03);
}
.cmp-list.customer-list .cmp-list__container .list-grid-card__content .hover-content {
opacity: 0;
visibility: hidden;
margin-top: 20px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.cmp-list.customer-list .cmp-list__container .list-grid-card__content .hover-content .btn-wrap {
margin-top: 30px;
height: auto;
position: relative;
}
@media (max-width: 575px) {
.cmp-list.customer-list .cmp-list__container .list-grid-card__content .hover-content .btn-wrap {
margin-top: 20px;
}
}
@media (min-width: 1200px) {
.cmp-list.customer-list .cmp-list__container .list-grid-card__content .hover-content .btn-wrap {
margin-top: 55px;
}
}
.cmp-logo-carousel {
padding: 120px 0;
}
.cmp-logo-carousel .cmp-logo-carousel__logos {
overflow: hidden;
position: relative;
width: 100%;
}
.cmp-logo-carousel .cmp-logo-carousel__logos-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-animation-name: scroll-left;
animation-name: scroll-left;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-play-state: running;
animation-play-state: running;
gap: 20px;
}
.cmp-logo-carousel .cmp-logo-carousel__logo-container {
width: 252px;
}
@media (max-width: 1799px) {
.cmp-logo-carousel .cmp-logo-carousel__logo-container {
width: 188px;
}
}
@media (max-width: 1199px) {
.cmp-logo-carousel .cmp-logo-carousel__logo-container {
width: 168px;
}
}
@media (max-width: 991px) {
.cmp-logo-carousel .cmp-logo-carousel__logo-container {
width: 125px;
}
}
@media (max-width: 767px) {
.cmp-logo-carousel .cmp-logo-carousel__logo-container {
width: 90px;
}
}
@media (max-width: 575px) {
.cmp-logo-carousel .cmp-logo-carousel__logo-container {
width: 181px;
}
}
.cmp-logo-carousel .cmp-logo-carousel__logo-container .cmp-logo-carousel__logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
white-space: nowrap;
max-width: 155px;
margin: 0 auto;
}
@media (min-width: 1801px) {
.cmp-logo-carousel .cmp-logo-carousel__logo-container .cmp-logo-carousel__logo {
max-width: 210px;
}
}
.cmp-logo-carousel .cmp-logo-carousel__logo-container .cmp-logo-carousel__logo img {
height: 70px;
-o-object-fit: contain;
object-fit: contain;
font-family: "object-fit:contain";
margin: 0 auto;
display: block;
width: 100%;
vertical-align: top;
border: 0;
}
@media (min-width: 1801px) {
.cmp-logo-carousel .cmp-logo-carousel__logo-container .cmp-logo-carousel__logo img {
height: 80px;
max-width: 210px;
}
}
@-webkit-keyframes scroll-left {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@keyframes scroll-left {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.cmp-logo-grid-overlay-carousel {
padding-top: 40px;
padding-bottom: 80px;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__title-container {
text-align: center;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__title-container .cmp-logo-grid-overlay-carousel__title {
max-width: 700px;
margin: 0 auto;
margin-bottom: 16px;
}
@media (min-width: 1801px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__title-container .cmp-logo-grid-overlay-carousel__title {
max-width: 800px;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__title-container .cmp-logo-grid-overlay-carousel__subtitle {
font-size: 22px;
line-height: 28px;
letter-spacing: -0.66px;
}
@media (max-width: 1799px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__title-container .cmp-logo-grid-overlay-carousel__subtitle {
font-size: 20px;
line-height: 26px;
letter-spacing: -0.4px;
}
}
@media (max-width: 1199px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__title-container .cmp-logo-grid-overlay-carousel__subtitle {
font-size: 18px;
line-height: 24px;
letter-spacing: -0.18px;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2.4rem;
width: 100%;
margin-top: 24px;
}
@media (max-width: 991px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container {
gap: 1.5rem;
}
}
@media (max-width: 575px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container {
grid-template-columns: repeat(2, 1fr);
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item {
position: relative;
border-radius: 5px;
border: 1px solid lightgray;
background: #fff;
padding: 20px;
height: 182px;
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;
overflow: hidden;
-webkit-transition: 0.1s;
transition: 0.1s;
}
@media (min-width: 1801px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item {
padding: 20px 40px;
}
}
@media (max-width: 1799px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item {
height: 162px;
}
}
@media (max-width: 1399px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item {
height: 132px;
}
}
@media (max-width: 991px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item {
height: 112px;
}
}
@media (max-width: 767px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item {
height: 102px;
}
}
@media (max-width: 575px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item {
height: 90px;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
}
@media (max-width: 1199px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item img {
height: 90px;
}
}
@media (max-width: 991px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item img {
height: 70px;
}
}
@media (max-width: 767px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item img {
height: 60px;
}
}
@media (max-width: 575px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item img {
height: 100%;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item .cmp-logo-grid-overlay-carousel__logo {
max-height: 70px;
-o-object-fit: contain;
object-fit: contain;
margin: 0 auto;
margin-top: 40px;
padding-right: 30px;
padding-left: 30px;
margin-bottom: 10px;
}
@media (min-width: 577px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item:hover {
overflow: visible;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item:hover .cmp-logo-grid-overlay-carousel__overlay {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item .cmp-logo-grid-overlay-carousel__logo {
display: none;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__active {
border-color: #1FB6FF;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
cursor: pointer;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay {
position: absolute;
top: 0;
width: 100%;
background: #fff;
-webkit-box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
border-radius: 5px;
z-index: 10;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 40px;
border-radius: 5px;
-webkit-transform: translateY(150px);
transform: translateY(150px);
}
@media (max-width: 991px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay {
min-width: 300px;
}
}
@media (max-width: 575px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay {
-webkit-transform: scale(1) translate(-50%, -50%) !important;
transform: scale(1) translate(-50%, -50%) !important;
position: fixed;
z-index: 999999;
width: calc(100% - 32px) !important;
max-width: calc(100% - 32px) !important;
min-width: calc(100% - 32px) !important;
top: 50% !important;
left: 50% !important;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
padding: 10px 15px 30px;
z-index: -1;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay.is-active {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
z-index: 999999;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__modal-close {
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 30px;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.75 8.0125L21.9875 6.25L15 13.2375L8.0125 6.25L6.25 8.0125L13.2375 15L6.25 21.9875L8.0125 23.75L15 16.7625L21.9875 23.75L23.75 21.9875L16.7625 15L23.75 8.0125Z' fill='%231D242B'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
text-indent: -99999px;
z-index: 10000;
display: none;
}
@media (max-width: 575px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__modal-close {
display: inline-block;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__overlay-content {
position: relative;
z-index: 10;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__overlay-content a {
color: #000;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__overlay-content .cmp-logo-grid-overlay-carousel__link-overlay {
position: absolute;
text-indent: -99999px;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__overlay-content h5 {
color: #005F79;
padding-bottom: 8px;
border-bottom: 1px solid #99C2FF;
font-size: 25px;
line-height: 28px;
font-weight: 500;
}
@media (max-width: 1599px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__overlay-content h5 {
font-size: 20px;
line-height: 24px;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__overlay-content p {
color: #000;
font-size: 18px;
line-height: 24px;
margin: 16px 0;
font-weight: 500;
}
@media (max-width: 1599px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__overlay-content p {
font-size: 14px;
line-height: 20px;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__overlay-content .cmp-logo-grid-overlay-carousel__overlay-link {
color: #1061B6;
font-weight: 500;
font-size: 17px;
line-height: 15px;
position: relative;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__overlay-content .cmp-logo-grid-overlay-carousel__overlay-link:after {
content: "";
display: inline-block;
margin-left: 8px;
width: 16px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6L16 6' stroke='%2300FD45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.6804 1L17.0205 6L11.6804 11' stroke='%2300FD45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: repeat;
margin-top: 3px;
}
@media (max-width: 1799px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__nonslider {
width: 130%;
}
}
@media (max-width: 1199px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__nonslider {
width: 165%;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__slide {
color: #000;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__slide a {
color: #000;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__multislider {
width: 132%;
min-width: 470px;
}
@media (max-width: 1599px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__multislider {
width: 150%;
}
}
@media (max-width: 991px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__multislider {
min-width: auto;
}
}
@media (max-width: 767px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__multislider {
min-width: 400px;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay-slider {
height: 100%;
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 575px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__overlay-slider {
padding: 0;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-dots {
padding: 0;
margin: 0;
position: absolute;
bottom: -25px;
left: 0;
width: 100%;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-dots li {
margin: 0 3px;
line-height: 0;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-dots li:only-child {
display: none;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-dots li button {
width: 10px;
height: 10px;
text-indent: -99999px;
border-radius: 100px;
background: #D9D9D9;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-dots li.slick-active button {
background: #00FD92;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-dots li::before {
display: none;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-prev,
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-next {
width: 28px;
height: 28px;
background-size: cover;
background-repeat: no-repeat;
border: none;
z-index: 10;
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-prev {
background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='-1' width='40' height='40' rx='4' transform='matrix(1 0 0 -1 0 40)' fill='white'/%3E%3Crect x='1' y='-1' width='40' height='40' rx='4' transform='matrix(1 0 0 -1 0 40)' stroke='%2300B96B' stroke-width='2'/%3E%3Cpath d='M14 21L32 21' stroke='%23080808' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M20.0684 13L12 21L20.0684 29' stroke='%23080808' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 575px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-prev {
background-image: none;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-prev::before {
content: "";
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-prev:hover {
color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='-1' width='40' height='40' rx='4' transform='matrix(1 0 0 -1 0 40)' fill='%23080808'/%3E%3Crect x='1' y='-1' width='40' height='40' rx='4' transform='matrix(1 0 0 -1 0 40)' stroke='%2300B96B' stroke-width='2'/%3E%3Cpath d='M10.886 21L30.886 21' stroke='%2300FD92' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M16.6582 13L8.11401 21L16.6582 29' stroke='%2300FD92' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 575px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-prev:hover {
background-image: none;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-next {
background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='40' height='40' rx='4' fill='white'/%3E%3Crect x='1' y='1' width='40' height='40' rx='4' stroke='%2300B96B' stroke-width='2'/%3E%3Cpath d='M10 21L28 21' stroke='%23080808' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M21.9316 13L30 21L21.9316 29' stroke='%23080808' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 575px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-next {
background-image: none;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-next::before {
content: "";
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-next:hover {
background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='40' height='40' rx='4' fill='%23080808'/%3E%3Crect x='1' y='1' width='40' height='40' rx='4' stroke='%2300B96B' stroke-width='2'/%3E%3Cpath d='M11.0879 21L31.0879 21' stroke='%2300FD92' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M25.3681 13L33.9124 21L25.3681 29' stroke='%2300FD92' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 575px) {
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-next:hover {
background-image: none;
}
}
.cmp-logo-grid-overlay-carousel .cmp-logo-grid-overlay-carousel__grid-container .slick-dotted.slick-slider {
margin-bottom: 0;
}
.cmp-logo-grid-overlay-carousel .slick-slide {
height: auto !important;
}
.cmp-logo-grid-overlay-carousel__backdrop {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100dvh;
background: rgba(0, 0, 0, 0.5);
z-index: 99999;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
opacity: 0;
}
.cmp-logo-grid-overlay-carousel__backdrop.is-active {
display: block;
opacity: 1;
}
@media (min-width: 769px) {
.cmp-logo-grid-overlay-carousel__backdrop {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1400px) {
.cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item:nth-child(4n+1) .cmp-logo-grid-overlay-carousel__overlay {
left: 0 !important;
right: auto !important;
}
.cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item:nth-child(4n) .cmp-logo-grid-overlay-carousel__overlay {
left: auto !important;
right: 0 !important;
}
.cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item:nth-child(4n+2) .cmp-logo-grid-overlay-carousel__overlay, .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item:nth-child(4n+3) .cmp-logo-grid-overlay-carousel__overlay {
right: auto !important;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item:nth-child(3n+1) .cmp-logo-grid-overlay-carousel__overlay {
left: 0 !important;
right: auto !important;
}
.cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item:nth-child(3n) .cmp-logo-grid-overlay-carousel__overlay {
left: auto !important;
right: 0 !important;
}
.cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item:nth-child(3n+2) .cmp-logo-grid-overlay-carousel__overlay {
right: auto !important;
}
}
.cmp-logo-grid-overlay-carousel__overlay-slider {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.slick-initialized {
visibility: visible !important;
opacity: 1 !important;
}
.cmp-logo-grid-overlay-carousel__grid-item.animated {
-webkit-animation-fill-mode: none !important;
animation-fill-mode: none !important;
}
.hover-enabled .cmp-logo-grid-overlay-carousel__grid-item.hover .cmp-logo-grid-overlay-carousel__overlay {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.cmp-partner-grid .cmp-partner-grid__filter-container .cmp-list__filter-container .cmp-list__filter-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 42px;
margin-top: 40px;
margin-bottom: 30px;
}
@media (max-width: 991px) {
.cmp-partner-grid .cmp-partner-grid__filter-container .cmp-list__filter-container .cmp-list__filter-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.cmp-partner-grid .cmp-partner-grid__filter-container .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown p {
line-height: 32px;
}
.cmp-partner-grid .cmp-partner-grid__filter-container .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown ul li label {
text-transform: capitalize;
}
@media (max-width: 767px) {
.cmp-partner-grid .cmp-partner-grid__filter-container .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown.active-class .dropdown {
opacity: 1;
visibility: visible;
overflow: visible;
}
.cmp-partner-grid .cmp-partner-grid__filter-container .cmp-list__filter-container .cmp-list__filter-wrap .filter-dropdown.active-class ul {
opacity: 1;
visibility: visible;
}
}
.cmp-partner-grid .cmp-partner-grid__filter-container .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-filters {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
.cmp-partner-grid .cmp-partner-grid__filter-container .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-filters {
display: none;
}
}
@media (max-width: 991px) {
.cmp-partner-grid .cmp-partner-grid__filter-container .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-filters {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 700px;
}
}
@media (max-width: 767px) {
.cmp-partner-grid .cmp-partner-grid__filter-container .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-filters {
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
max-width: 320px;
padding: 20px;
}
}
.cmp-partner-grid .cmp-partner-grid__filter-container .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 750px;
}
@media (max-width: 991px) {
.cmp-partner-grid .cmp-partner-grid__filter-container .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search {
max-width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.cmp-partner-grid .cmp-partner-grid__filter-container .cmp-list__filter-container .cmp-list__filter-wrap .cmp-list__filter-wrap-search .filter-sort .filter-dropdown {
width: 130px;
}
.cmp-partner-grid .cmp-partner-grid__filtered-list {
text-align: left;
margin: 10px 0 20px;
display: none;
}
.cmp-partner-grid .cmp-partner-grid__filtered-list .cmp-partner-grid__filtered-item {
display: inline-block;
}
.cmp-partner-grid .cmp-partner-grid__filtered-list .cmp-partner-grid__filtered-item span {
position: relative;
font-size: 16px;
font-weight: 500;
padding: 8px 53px 8px 21px;
border-radius: 5px;
display: inline-block;
margin-right: 15px;
margin-bottom: 10px;
cursor: pointer;
text-transform: capitalize;
background: rgba(103, 191, 27, 0.25);
line-height: 1.57;
letter-spacing: -0.21px;
}
.cmp-partner-grid .cmp-partner-grid__filtered-list .cmp-partner-grid__filtered-item span:after {
content: "";
position: absolute;
top: 13px;
right: 21px;
width: 12px;
height: 12px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.439' height='11.436'%3E%3Cpath d='M7.075 5.718l4.086-4.086A.957.957 0 109.807.278L5.721 4.364 1.635.278A.957.957 0 10.281 1.632l4.086 4.086L.281 9.804a.957.957 0 001.354 1.354l4.086-4.086 4.086 4.086a.957.957 0 001.354-1.354z'/%3E%3C/svg%3E%0A");
background-size: cover;
}
.cmp-partner-grid .cmp-partner-grid__filtered-list .cmp-partner-grid__clear-all {
font-size: 14px;
font-weight: 600;
padding: 3px 10px 4px;
cursor: pointer;
text-transform: capitalize;
color: #3e4c5a;
line-height: 1.57;
letter-spacing: -0.21px;
display: inline-block;
}
.cmp-partner-grid .cmp-logo-grid-overlay-carousel__grid-container {
margin-bottom: 45px;
}
@media (max-width: 575px) {
.cmp-partner-grid .cmp-logo-grid-overlay-carousel__grid-container {
margin-bottom: 0;
}
}
@media (max-width: 1799px) {
.cmp-partner-grid .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item .cmp-logo-grid-overlay-carousel__overlay {
max-width: 385px;
min-width: 385px;
}
}
.cmp-partner-grid .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__overlay-content img {
margin-top: 25px;
display: block;
width: 100%;
height: 100%;
max-width: 260px;
max-height: 70px;
-o-object-fit: contain;
object-fit: contain;
margin: 0 auto;
padding: 0 30px;
}
@media (max-width: 575px) {
.cmp-partner-grid .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__overlay-content img {
display: none;
}
}
.cmp-partner-grid .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__overlay-content p {
font-size: var(--font-size-p-sm);
line-height: var(--line-height-p-sm);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-sm) * -0.02);
margin-bottom: 32px;
margin-top: 10px;
}
.cmp-partner-grid .cmp-logo-grid-overlay-carousel__grid-container .cmp-logo-grid-overlay-carousel__grid-item .cmp-logo-grid-overlay-carousel__overlay .cmp-logo-grid-overlay-carousel__overlay-content .cmp-partner-grid__cta-container .button {
margin-bottom: 0;
margin-right: 10px;
}
.partner-overlay.active {
z-index: 999999 !important;
}
.popular-blogs-grid-listing {
overflow: visible;
z-index: 1;
}
.popular-blogs-grid-listing .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
}
.popular-blogs-grid-listing .row > div {
margin-bottom: 30px;
}
.popular-blogs-grid-listing .text-center {
text-align: center !important;
}
.popular-blogs-grid-listing .blogs-grid {
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
border-radius: 20px;
position: relative;
background: white;
overflow: hidden;
height: 435px;
}
.popular-blogs-grid-listing .blogs-grid .img-wrap {
height: 190px;
}
.popular-blogs-grid-listing .blogs-grid .img-wrap img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.popular-blogs-grid-listing .blogs-grid .text-wrap {
padding: 30px;
position: absolute;
left: 0;
bottom: 0;
background: white;
width: 100%;
min-height: 245px;
max-height: 245px;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
z-index: 1;
}
.popular-blogs-grid-listing .blogs-grid .text-wrap .link-black {
position: absolute;
bottom: 30px;
left: 30px;
}
.popular-blogs-grid-listing .blogs-grid .text-wrap .link-black span span::after {
display: none;
}
.popular-blogs-grid-listing .blogs-grid .text-wrap .eyebrow {
color: lightblue;
display: block;
margin-bottom: 8px;
font-weight: 700 !important;
}
.popular-blogs-grid-listing .blogs-grid .text-wrap .p-l-bold {
-webkit-box-orient: vertical;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 24px;
}
.popular-blogs-grid-listing .blogs-grid .text-wrap .blogs-grid-user {
display: grid;
grid-template-columns: 48px calc(100% - 56px);
gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.3s;
transition: 0.3s;
position: absolute;
left: 0;
bottom: 30px;
width: 100%;
padding: 0 30px;
}
.popular-blogs-grid-listing .blogs-grid .text-wrap .blogs-grid-user img {
min-width: 48px;
width: 48px;
height: 48px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 100%;
}
.popular-blogs-grid-listing .blogs-grid .text-wrap .blogs-grid-user p {
-webkit-box-orient: vertical;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
}
@media (max-width: 575px) {
.popular-blogs-grid-listing .blogs-grid .text-wrap .blogs-grid-user p {
-webkit-line-clamp: inherit;
display: block;
}
}
.popular-blogs-grid-listing .blogs-grid .text-wrap .overlay-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.popular-blogs-grid-listing .blogs-grid .text-wrap .link-black span::after {
border-radius: 100px;
}
.popular-blogs-grid-listing .blogs-grid .text-wrap .overlay-text {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.popular-blogs-grid-listing .blogs-grid .text-wrap:hover .link-black span::after {
margin-left: 20px;
background-color: green;
background-size: cover;
width: 25px;
}
.popular-blogs-grid-listing .blogs-grid:hover .text-wrap {
max-height: 100%;
padding-bottom: 90px;
}
.popular-blogs-grid-listing .blogs-grid:hover .text-wrap .p-l-bold {
display: block;
}
.popular-blogs-grid-listing .blogs-grid:hover .text-wrap .overlay-text {
opacity: 1;
visibility: visible;
}
.popular-blogs-grid-listing .blogs-grid:hover .text-wrap .blogs-grid-user {
opacity: 0;
visibility: hidden;
}
.popular-blogs-grid-listing.glossary-grid .blogs-grid-user {
grid-template-columns: auto auto !important;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 48px;
}
.cmp-blogs-cards {
padding: 50px 0;
}
.cmp-blogs-cards .cmp-blogs-cards__title {
text-align: center;
font-size: var(--font-size-h2);
padding-bottom: 4rem;
}
.cmp-blogs-cards .cmp-blogs-cards__container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4rem;
width: 100%;
min-height: 505px;
position: relative;
}
@media (max-width: 991px) {
.cmp-blogs-cards .cmp-blogs-cards__container {
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}
}
@media (max-width: 575px) {
.cmp-blogs-cards .cmp-blogs-cards__container {
grid-template-columns: 1fr;
gap: 3rem;
}
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card {
background: #f0f0f0;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
min-height: 500px;
position: relative;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
-webkit-transition: -webkit-transform 300ms ease, -webkit-box-shadow 300ms ease;
transition: -webkit-transform 300ms ease, -webkit-box-shadow 300ms ease;
transition: transform 300ms ease, box-shadow 300ms ease;
transition: transform 300ms ease, box-shadow 300ms ease, -webkit-transform 300ms ease, -webkit-box-shadow 300ms ease;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card:hover {
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card:hover .cmp-blogs-cards__blog-card-content {
max-height: 100%;
padding-bottom: 90px;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card:hover .cmp-blogs-cards__blog-card-content .cmp-blog-cards__blog-overlay-link {
opacity: 1;
visibility: visible;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card:hover .cmp-blogs-cards__blog-card-content .cmp-blog-cards__blog-description {
opacity: 1 !important;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card:hover .cmp-blogs-cards__blog-card-content .cmp-blogs-cards__blog-card-author {
opacity: 0;
visibility: hidden;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card:hover .cmp-blogs-cards__blog-card-content .cmp-blog-cards__blog-overlay-link p::after {
background-color: #00FD45;
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card .cmp-blogs-cards__blog-card-img {
height: 250px;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card .cmp-blogs-cards__blog-card-img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 100%;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card .cmp-blogs-cards__blog-card-content {
min-height: 255px;
max-height: 255px;
color: #000;
padding: 30px;
position: absolute;
left: 0;
bottom: 0;
background: #fff;
width: 100%;
z-index: 1;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
-webkit-transition: max-height 400ms ease, padding-bottom 400ms ease;
transition: max-height 400ms ease, padding-bottom 400ms ease;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card .cmp-blogs-cards__blog-card-content .cmp-blogs-cards__blog-card-eyebrow h5 {
font-size: var(--font-size-p-md);
line-height: var(--line-height-p-md);
margin-bottom: 8px;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card .cmp-blogs-cards__blog-card-content .cmp-blogs-cards__blog-card-header h4 {
font-size: var(--font-size-p-xl);
line-height: var(--line-height-p-xl);
margin-bottom: 24px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card .cmp-blogs-cards__blog-card-content .cmp-blog-cards__blog-description {
bottom: 30px;
opacity: 0;
-webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;
transition: opacity 400ms ease, -webkit-transform 400ms ease;
transition: opacity 400ms ease, transform 400ms ease;
transition: opacity 400ms ease, transform 400ms ease, -webkit-transform 400ms ease;
z-index: 2;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card .cmp-blogs-cards__blog-card-content .cmp-blog-cards__blog-description p {
background: white;
font-size: var(--font-size-p-lg);
line-height: var(--line-height-p-lg);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card .cmp-blogs-cards__blog-card-content .cmp-blog-cards__blog-overlay-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 400ms ease, visibility 400ms ease;
transition: opacity 400ms ease, visibility 400ms ease;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card .cmp-blogs-cards__blog-card-content .cmp-blog-cards__blog-overlay-link p {
display: inline-block;
position: absolute;
bottom: 40px;
padding: 0 35px;
font-size: var(--font-size-p-lg);
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card .cmp-blogs-cards__blog-card-content .cmp-blog-cards__blog-overlay-link p::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
margin-left: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='46' height='47' viewBox='0 0 46 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(clientlib-site/css/%23clip0_14852_37560)'%3E%3Ccircle cx='23' cy='23.582' r='22' transform='rotate(-180 23 23.582)' stroke='%2300FD45' stroke-width='2'/%3E%3Cpath d='M11.5 23.584L34.5 23.5831' stroke='%231D242B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.8333 31.25L34.5 23.5833L26.8333 15.9167' stroke='%231D242B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14852_37560'%3E%3Crect width='46' height='46' fill='white' transform='translate(46 46.582) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
border-radius: 100%;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card .cmp-blogs-cards__blog-card-content .cmp-blogs-cards__blog-card-author {
position: absolute;
bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 25px;
z-index: 1;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 400ms ease, visibility 400ms ease;
transition: opacity 400ms ease, visibility 400ms ease;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card .cmp-blogs-cards__blog-card-content .cmp-blogs-cards__blog-card-author img {
width: 48px;
height: 48px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 100%;
margin-right: 20px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.cmp-blogs-cards .cmp-blogs-cards__container .cmp-blogs-cards__blog-card .cmp-blogs-cards__blog-card-content .cmp-blogs-cards__blog-card-author p {
font-size: var(--font-size-p-sm);
line-height: var(--line-height-p-sm);
}
.quote {
position: relative;
}
.quote.star-rating {
padding: 45px 20px;
}
.quote.star-rating:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -17px;
width: 50px;
height: 50px;
margin: 0 auto;
z-index: 1;
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/testimonial_quotes.png);
background-size: 100%;
background-repeat: no-repeat;
}
.cmp-quote {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
visibility: hidden;
gap: 4.4rem;
padding: 3.2rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
border-radius: 5px;
}
@media (max-width: 991px) {
.cmp-quote {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.4rem;
}
}
@media (max-width: 767px) {
.cmp-quote {
padding-left: 0;
padding-right: 0;
}
}
.star-rating .cmp-quote {
text-align: center;
}
.cmp-quote__rating-container {
display: none;
}
.star-rating .cmp-quote__rating-container {
display: block;
max-width: 350px;
width: 100%;
margin: 0 auto !important;
}
.star-rating .cmp-quote__rating-container img {
max-width: 200px;
margin: 0 auto;
}
.cmp-quote__content {
width: 100%;
}
@media (max-width: 991px) {
.cmp-quote__content {
margin-bottom: 50px !important;
}
}
.cmp-quote__content:has(+ .cmp-quote__info) {
width: 58%;
}
@media (max-width: 991px) {
.cmp-quote__content:has(+ .cmp-quote__info) {
width: 100%;
}
}
@media (max-width: 767px) {
.cmp-quote__content:has(+ .cmp-quote__info) {
padding: 0 !important;
margin-bottom: 60px;
}
}
.cmp-quote__content > div {
margin-bottom: 40px;
}
@media (max-width: 991px) {
.cmp-quote__content > div {
margin-bottom: 0;
}
}
.cmp-quote__content > div:last-child {
margin-bottom: 0;
}
.star-rating .cmp-quote__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.star-rating .cmp-quote__content > div {
margin: 0;
}
.star-rating .cmp-quote__content:hover .cmp-quote__stat-link {
opacity: 1;
visibility: visible;
}
@media (max-width: 1199px) {
.cmp-quote__company {
margin-bottom: 40px;
}
}
.star-rating .cmp-quote__company {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.cmp-quote__company-logo {
max-width: 245px;
max-height: 77px;
}
.cmp-quote__stat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 991px) {
.cmp-quote__stat {
width: 100%;
}
}
.cmp-quote__stat-wrapper {
display: none;
width: 100%;
}
.cmp-quote__stat-wrapper .button {
margin: 0;
}
.stat-top .cmp-quote__stat-wrapper.top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: solid 2px #78828C;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 20px;
}
@media (max-width: 991px) {
.stat-top .cmp-quote__stat-wrapper.top {
margin-bottom: 20px;
}
}
.stat-bottom .cmp-quote__stat-wrapper.bottom {
margin-top: 3.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 2rem;
}
@media (max-width: 1199px) {
.stat-bottom .cmp-quote__stat-wrapper.bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 1rem;
}
}
@media (max-width: 991px) {
.stat-bottom .cmp-quote__stat-wrapper.bottom {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
margin-top: 2rem;
}
}
.stat-bottom .cmp-quote__button-container {
display: none;
}
.cmp-quote__stat-suffix-heading {
margin-left: 5px;
}
.cmp-quote__stat-suffix-heading .cmp-quote__stat-suffix {
font-size: 28px;
line-height: 26px;
}
@media (max-width: 1799px) {
.cmp-quote__stat-suffix-heading .cmp-quote__stat-suffix {
font-size: 20px;
line-height: 20px;
}
}
@media (max-width: 1399px) {
.cmp-quote__stat-suffix-heading .cmp-quote__stat-suffix {
font-size: 16px;
line-height: 16px;
}
}
.cmp-quote__stat-suffix-heading .cmp-quote__stat-heading {
font-size: 28px;
line-height: 26px;
}
@media (max-width: 1799px) {
.cmp-quote__stat-suffix-heading .cmp-quote__stat-heading {
font-size: 20px;
line-height: 20px;
}
}
@media (max-width: 1399px) {
.cmp-quote__stat-suffix-heading .cmp-quote__stat-heading {
font-size: 16px;
line-height: 16px;
}
}
.cmp-quote__text {
position: relative;
margin-bottom: 4rem;
font-size: var(--font-size-p-lg);
line-height: var(--line-height-p-lg);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-lg) * -0.033);
}
.cmp-quote__text:before {
position: absolute;
top: 0;
left: -43px;
content: "";
width: 33px;
height: 29px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='30' viewBox='0 0 34 30' fill='none'%3E%3Cpath d='M19.475 29.5059V14.9059L27.0031 0.505859L33.5 3.30586L28.9625 14.9059H33.2938V29.5059H19.475ZM0.5 29.5059V14.9059L8.02813 0.505859L14.525 3.30586L9.9875 14.9059H14.3188V29.5059H0.5Z' fill='%2300B96B'/%3E%3C/svg%3E");
background-size: contain;
}
@media (max-width: 767px) {
.cmp-quote__text:before {
left: 0;
}
}
@media (max-width: 767px) {
.cmp-quote__text {
padding-left: 50px;
}
}
.cmp-quote__text p {
font-size: var(--font-size-p-lg);
line-height: var(--line-height-p-lg);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-lg) * -0.033);
}
.star-rating .cmp-quote__text {
margin: 18px 0 !important;
padding: 0;
line-height: 1.37;
letter-spacing: -0.45px;
}
.star-rating .cmp-quote__text:before {
content: none;
}
.cmp-quote__author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.4rem;
padding-top: 2.4rem;
width: 100%;
border-top: 1px solid #9FA6AD;
}
@media (max-width: 991px) {
.cmp-quote__author {
margin-top: 24px;
}
}
.star-rating .cmp-quote__author {
border: 0;
text-align: center;
width: 100%;
margin: 17px 0 0 0 !important;
display: block;
padding: 0;
}
.cmp-quote__author-image {
height: 90px;
width: 90px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.star-rating .cmp-quote__author-image {
display: none;
}
.cmp-quote__author-wrapper {
-ms-flex-item-align: center;
align-self: center;
}
.star-rating .cmp-quote__author-wrapper {
display: block;
font-weight: 600;
margin: 0 0 26px;
font-size: 20px;
letter-spacing: -0.002em;
}
.star-rating .cmp-quote__author-name {
display: none;
}
.star-rating .cmp-quote__author-title {
display: block;
font-weight: 600;
margin: 0 0 26px;
font-size: 20px;
letter-spacing: -0.002em;
}
.cmp-quote__info {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 991px) {
.cmp-quote__info {
width: 100%;
padding: 10px;
}
}
@media (max-width: 767px) {
.cmp-quote__info {
padding: 0;
}
}
.rating-star .cmp-quote__info {
display: none;
}
.cmp-quote__info .video-container {
max-width: 100%;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
margin: 0;
}
@media (max-width: 991px) {
.cmp-quote__info .video-container {
max-width: 100%;
padding-left: 24px;
}
}
@media (max-width: 767px) {
.cmp-quote__info .video-container {
padding-left: 21px;
}
}
.cmp-quote__info .video-container .video-thumbnail {
max-height: unset;
cursor: unset;
overflow: visible;
}
.cmp-quote__info .video-container .video-thumbnail:before {
content: "";
position: absolute;
background: #080808;
left: -20px;
bottom: -20px;
height: 100%;
width: 100%;
}
.cmp-quote__info .video-container .video-thumbnail img {
position: relative;
z-index: 10;
max-height: unset;
width: 100%;
height: 100%;
}
.cmp-quote__info .video-container .video-thumbnail .play-button {
cursor: pointer;
z-index: 100;
}
.cmp-quote__slide-image {
width: 100%;
max-width: 480px;
}
.cmp-quote__stat-link {
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.cmp-quote__stat-link::after {
position: absolute;
right: -34px;
}
.cmp-quote__stat-link:hover::after {
right: -39px;
}
.star-rating .cmp-quote__stat-link {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
opacity: 0;
visibility: hidden;
text-align: center;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
margin: 25px auto 0;
font-weight: 600;
color: #000;
font-size: 17px;
line-height: 1.38;
letter-spacing: -0.24px;
}
.cmp-quote__stat-link:hover::after {
background-color: #00FD92;
}
@media (max-width: 991px) {
.cmp-quote__button-container {
margin-top: 40px;
}
}
@media (max-width: 575px) {
.cmp-carousel .swiper-button-prev {
left: 5px;
}
}
@media (max-width: 575px) {
.cmp-carousel .swiper-button-next {
right: 5px;
}
}
.cmp-carousel .cmp-quote {
padding: 3.2rem 7.2rem;
}
@media (max-width: 767px) {
.cmp-carousel .cmp-quote {
padding: 3.2rem 5.2rem !important;
}
}
@media (max-width: 575px) {
.cmp-carousel .cmp-quote {
padding: 3.2rem 3rem !important;
}
}
.cmp-carousel .cmp-quote__author {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.cmp-carousel .cmp-quote__button-container {
margin-bottom: 15px;
}
@media (max-width: 991px) {
.cmp-carousel .cmp-quote__button-container {
padding-top: 20px;
}
}
@media (max-width: 767px) {
.cmp-carousel .cmp-quote__button-container {
padding-top: 15px;
}
}
.cyber-resilience-section .cyber-resilience-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media screen and (max-width: 991px) {
.cyber-resilience-section .cyber-resilience-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.cyber-resilience-section .cyber-resilience-wrap .intro {
width: 23%;
padding-right: 2rem;
-webkit-transition: position 0.3s ease;
transition: position 0.3s ease;
}
@media screen and (max-width: 991px) {
.cyber-resilience-section .cyber-resilience-wrap .intro {
width: 100%;
padding-bottom: 15px;
padding-left: 0;
padding-right: 0;
text-align: center;
}
}
.cyber-resilience-section .cyber-resilience-wrap .intro h2 {
position: absolute;
max-width: 340px;
top: 12rem;
z-index: 2;
}
@media screen and (min-width: 1299px) {
.cyber-resilience-section .cyber-resilience-wrap .intro h2 {
font-size: 56px !important;
font-weight: 500 !important;
letter-spacing: normal !important;
line-height: 58px !important;
}
}
@media (max-width: 1200px) {
.cyber-resilience-section .cyber-resilience-wrap .intro h2 {
max-width: 250px;
}
}
@media screen and (max-width: 991px) {
.cyber-resilience-section .cyber-resilience-wrap .intro h2 {
position: relative !important;
width: 100%;
top: auto;
max-width: 400px;
margin: 0 auto;
}
}
.cyber-resilience-section .cyber-resilience-wrap .intro.sticky {
position: fixed;
top: 2rem;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.cyber-resilience-section .cyber-resilience-wrap .intro h2 h2 {
font-size: 3.6rem;
line-height: 42px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.cyber-resilience-section .cyber-resilience-wrap .intro h2 h2 {
font-size: 2.8rem !important;
line-height: 34px !important;
}
}
.cyber-resilience-section .cyber-resilience-wrap .timeline {
width: 77%;
position: relative;
padding-left: 2rem;
padding-top: 6rem;
padding-bottom: 6rem;
background: var(--COHESITY-CORE-COLORS-Gray, #F0F3F4);
padding-left: 15rem;
}
.cyber-resilience-section .cyber-resilience-wrap .timeline::before {
content: "";
position: absolute;
height: 90%;
width: 1px;
left: 10.25rem;
background-image: repeating-linear-gradient(to bottom, black 0 4px, transparent 7px 12px);
}
@media screen and (max-width: 991px) {
.cyber-resilience-section .cyber-resilience-wrap .timeline::before {
left: 1rem;
}
}
@media screen and (max-width: 991px) {
.cyber-resilience-section .cyber-resilience-wrap .timeline {
width: 100%;
padding-left: 3rem;
padding-top: 3rem;
padding-bottom: 3rem;
}
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block {
position: relative;
margin-bottom: 2rem;
opacity: 0.5;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
@media screen and (max-width: 991px) {
.cyber-resilience-section .cyber-resilience-wrap .timeline .block {
opacity: 1;
}
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .marker {
position: absolute;
left: -5.45rem;
top: 3.5rem;
width: 16px;
height: 16px;
background: #00D42D;
border-radius: 50%;
}
@media (max-width: 1399px) {
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .marker {
top: 3.2rem;
}
}
@media screen and (max-width: 991px) {
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .marker {
width: 12px;
height: 12px;
left: -2.55rem;
top: 3.3rem;
}
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content {
padding: 1rem;
border-radius: 6px;
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content h3 {
font-size: 38px;
font-style: normal;
line-height: 40px;
margin-bottom: 16px;
color: #fff;
display: inline-block;
padding: 16px 24px;
font-weight: 500 !important;
}
@media (max-width: 1399px) {
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content h3 {
font-size: 24px !important;
line-height: 32px !important;
}
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content p {
padding-left: 20px;
}
@media screen and (min-width: 1399px) {
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content p {
font-size: 20px !important;
}
}
@media screen and (max-width: 767.98px) {
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content p {
padding-left: 0;
}
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content ul {
margin: 16px 0;
padding-left: 45px;
}
@media screen and (max-width: 767.98px) {
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content ul {
padding-left: 20px;
}
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content ul li {
margin-bottom: 0.25rem;
font-weight: 400;
margin: 15px 0;
}
@media screen and (min-width: 1399px) {
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content ul li {
font-size: 20px;
}
}
@media (max-width: 1399px) {
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content ul li {
margin: 10px 0;
}
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content a {
text-decoration: none;
display: inline-block;
font-size: 22px;
font-weight: 500;
margin-top: 1rem;
position: relative;
padding-left: 20px;
line-height: 22px;
}
@media (max-width: 1799px) {
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content a {
font-size: 20px;
}
}
@media screen and (max-width: 767.98px) {
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content a {
padding-left: 0;
}
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block .content a::after {
position: absolute;
width: 20px;
height: 20px;
background-color: #fff;
bottom: 0;
border-radius: 4px;
border: 1px solid var(--COHESITY-DARK-TINTS-Bright-Green-Dark-Tint-1, #00B96B);
font-size: 16px;
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block.inview {
opacity: 1;
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block.speed .content h3 {
background: #FC0080;
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block.scale .content h3 {
background: #00B96B;
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block.simplicity .content h3 {
background: #FF5400;
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block.security .content h3 {
background: #00A323;
}
.cyber-resilience-section .cyber-resilience-wrap .timeline .block.smarts .content h3 {
background: #D922C7;
}
.cmp-stat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4rem;
padding-block: var(--spacing-sm);
color: var(--stat-text-color);
}
.cmp-stat__block-heading {
text-align: center;
}
.cmp-stat__block-link {
text-align: center;
height: 100%;
}
.cmp-stat__container {
padding-top: 15px;
}
.cmp-stat__rating-container {
display: none;
}
.cmp-stat__rating-container img {
max-width: 150px;
}
.cmp-stat__card {
display: grid;
grid-template-columns: repeat(3, calc(33.3333333333% - 16px));
gap: var(--gutter);
overflow: hidden;
}
@media (max-width: 767px) {
.cmp-stat__card {
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.cmp-stat__card:first-child:has(.cmp-stat__card-text) {
padding-left: 0;
}
.cmp-stat__card-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 2.4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 3.5rem;
text-align: center;
border-right: 1px solid #DADADA;
}
@media (max-width: 767px) {
.cmp-stat__card-item {
border-right: 0;
border-bottom: 1px solid #DADADA;
padding: 2.4rem 0;
}
}
.cmp-stat__card-item:last-child {
border: 0;
}
.cmp-stat__card-value {
color: var(--stat-value-color);
z-index: 1;
}
.cmp-stat__card-link {
text-align: center;
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;
font-size: 22px;
font-style: normal;
color: #00774C;
font-weight: var(--font-weight-medium);
}
.cmp-stat__card-link:after {
content: "";
margin-left: 0.8rem;
display: inline-block;
width: 2.4rem;
height: 2.4rem;
background-size: contain;
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow.svg") no-repeat center;
border-radius: 3px;
border: 2px solid #00B96B;
gap: 10px;
}
.cmp-stat__card-link:hover:after {
background-color: #00FD92;
}
.cmp-stat__card-logo {
display: none;
}
.stat-graphic .cmp-stat__card-item {
border: 0;
text-align: left;
}
.stat-graphic .cmp-stat__card-value {
color: var(--stat-value-color);
padding: 0 64px 12px 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
white-space: nowrap;
}
.stat-graphic .cmp-stat__card-value > span {
line-height: normal;
font-weight: 700;
}
.stat-graphic .cmp-stat__card-value:after {
content: "";
position: absolute;
z-index: -1;
left: 0;
bottom: 0;
height: 40px;
width: 100%;
background-color: #91FF87;
}
@media (max-width: 1399px) {
.stat-graphic .cmp-stat__card-value:after {
width: 90%;
}
}
.stat-graphic .cmp-stat__card-text {
border-bottom: 1px solid #000;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media (max-width: 767px) {
.stat-graphic .cmp-stat__card-text {
-ms-flex-item-align: center;
align-self: center;
text-align: center;
}
}
.stat-graphic .cmp-stat__card-description {
padding-bottom: 4rem;
padding-top: 7px;
}
@media (max-width: 1199px) {
.stat-graphic .cmp-stat__card-description {
padding-bottom: 3rem;
}
}
.stat-graphic .cmp-stat__card-logo {
display: block;
}
.stat-graphic .cmp-stat__card-logo img {
height: 45px;
}
@media (max-width: 767px) {
.stat-graphic .cmp-stat__card-logo {
-ms-flex-item-align: center;
align-self: center;
}
}
.stat-graphic .cmp-stat .cmp-stat__container {
padding-top: 15px;
}
.stat-graphic .cmp-stat .cmp-stat__block-link {
padding-top: 30px;
}
@media (max-width: 767px) {
.stat-graphic .cmp-stat .cmp-stat__block-link {
padding-top: 0;
}
}
.company-rating .cmp-stat__container {
padding-bottom: 15px;
}
.company-rating .cmp-stat__block-heading {
display: none;
}
.company-rating .cmp-stat__rating-container {
display: block;
padding: 0 24px;
border-right: 1px solid #B6C3CA;
text-align: center;
-ms-flex-line-pack: center;
align-content: center;
}
.company-rating .cmp-stat__rating-container p {
font-size: 3.4rem;
line-height: 4rem;
font-weight: var(--font-weight-medium);
}
@media (max-width: 1199px) {
.company-rating .cmp-stat__rating-container {
grid-column: 1/-1;
border: 0;
padding-bottom: 2.4rem;
}
}
@media (max-width: 767px) {
.company-rating .cmp-stat__rating-container {
border-right: 0;
border-bottom: 1px solid #DADADA;
}
.company-rating .cmp-stat__rating-container p {
font-size: 4.2rem;
line-height: 4.4rem;
}
}
.company-rating .cmp-stat__rating-text {
padding-bottom: 0.5rem;
}
.company-rating .cmp-stat__card {
grid-template-columns: repeat(4, auto);
}
@media (max-width: 1199px) {
.company-rating .cmp-stat__card {
grid-template-columns: repeat(3, 1fr);
}
}
.company-rating .cmp-stat__card-item {
border-right: 1px solid #B6C3CA;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.company-rating .cmp-stat__card-item:last-child {
border: 0;
}
@media (max-width: 1199px) {
.company-rating .cmp-stat__card-item {
gap: 2rem;
}
}
@media (max-width: 767px) {
.company-rating .cmp-stat__card-item {
border-right: 0;
}
}
.company-rating .cmp-stat__card-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
gap: 1rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
@media (max-width: 991px) {
.company-rating .cmp-stat__card-text {
width: 100%;
}
}
.company-rating .cmp-stat__card-value {
font-size: 5rem;
line-height: 5.2rem;
}
.company-rating .cmp-stat__card-description {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.company-rating .cmp-stat__card-logo {
display: block;
-ms-flex-item-align: center;
align-self: center;
height: 60px;
width: 60px;
}
.company-rating .cmp-stat__card-logo img {
height: 100%;
}
.cmp-stat__orange .cmp-stat__card-value:after {
background-color: #F90;
}
.cmp-stat__pink .cmp-stat__card-value:after {
background-color: #FF61F0;
}
.cmp-stat__green .cmp-stat__card-value:after {
background-color: #91FF87;
}
.cmp-stat__magenta .cmp-stat__card-value:after {
background-color: #FC0080;
}
.stat-quote-blade {
padding: 5rem 0;
border-radius: 20px;
background-color: #3E4C5A;
color: #ffffff;
}
.stat-quote-blade.edit-mode > div {
display: block;
}
.stat-quote-blade .cmp-stat {
border: 0;
}
.stat-quote-blade .cmp-stat .cmp-stat__card-item {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
@media (max-width: 767px) {
.stat-quote-blade .cmp-stat .cmp-stat__card-item {
padding: 0 0 30px 0 !important;
}
}
@media (max-width: 767px) {
.stat-quote-blade {
padding: 3rem 0;
}
}
@media (max-width: 767px) {
.stat-quote-container {
display: block !important;
}
}
.stat-quote .stat-quote-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.two-stat .stat-quote-container, .full-quote .stat-quote-container {
display: none !important;
}
.stat-quote-container .cmp-stat {
width: 100%;
max-width: 405px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-right: 1px solid #CACCCE;
padding: 0 80px !important;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-bottom: 0px !important;
padding-top: 0px !important;
margin-top: 24px;
margin-bottom: 24px !important;
position: relative;
}
@media (max-width: 767px) {
.stat-quote-container .cmp-stat {
border-right: 0;
border-bottom: 1px solid #CACCCE !important;
padding: 0 30px 30px 30px !important;
max-width: 450px !important;
margin-top: 0px;
margin: 0 auto;
margin-bottom: 0px !important;
margin-left: 30px !important;
margin-right: 30px !important;
}
}
@media (max-width: 991px) {
.stat-quote-container .cmp-stat {
max-width: 350px;
padding: 0 30px !important;
}
}
.stat-quote-container .cmp-stat__card {
display: block;
}
.stat-quote-container .cmp-stat__card-description {
color: var(--stat-value-color);
}
.stat-quote-container .cmp-quote {
padding: 0 8rem;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.stat-quote-container .cmp-quote .cmp-quote__content.section-container {
padding: 0 0 !important;
}
@media (max-width: 767px) {
.stat-quote-container .cmp-quote {
padding: 0 30px 0px 30px !important;
}
}
.stat-quote-container .cmp-quote__company {
margin-bottom: 1.6rem;
}
.stat-quote-container .cmp-quote__content {
width: 100%;
}
.stat-quote-container .cmp-quote__info {
display: none;
}
.stat-quote-container .cmp-quote__text:before {
display: block;
position: static;
margin-bottom: 1.6rem;
top: 0;
left: 0;
content: "";
height: 26px;
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/green-quote-icon.svg") no-repeat;
background-size: contain;
}
.two-stat .two-stats-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 23rem;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
@media (max-width: 991px) {
.two-stat .two-stats-container {
gap: 6rem;
}
}
@media (max-width: 767px) {
.two-stat .two-stats-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.two-stat .two-stats-container:after {
content: "";
position: absolute;
width: 1px;
height: 70px;
background: #00FD45;
left: 50%;
top: 50%;
margin-top: -35px;
}
@media (max-width: 767px) {
.two-stat .two-stats-container:after {
width: 70px;
height: 1px;
margin-top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.two-stat .two-stats-container .cmp-stat {
max-width: 390px;
padding-block: 0;
}
.two-stat .two-stats-container .cmp-stat:last-child {
border-right: 0;
padding-right: 0;
}
.two-stat .two-stats-container .cmp-stat__card {
display: block;
}
.two-stat .two-stats-container .cmp-stat__card-value {
margin-bottom: 1.6rem;
}
.two-stat .two-stats-container .cmp-stat__card-item {
padding: 0;
}
.two-stat .two-stats-container .cmp-stat__card-description {
color: var(--stat-value-color);
}
.two-stat .two-stats-container .cmp-stat__card-value span {
font-size: inherit;
}
@media (max-width: 767px) {
.two-stat .two-stats-container .cmp-stat {
max-width: 100%;
width: 100%;
}
}
.stat-quote .two-stats-container, .full-quote .two-stats-container {
display: none !important;
}
.full-quote .full-quote-container {
display: block;
}
.stat-quote .full-quote-container, .two-stat .full-quote-container {
display: none !important;
}
.full-quote-container .cmp-quote {
padding: 0;
}
.full-quote-container .cmp-quote__text:before {
display: block;
position: static;
margin-bottom: 1.6rem;
top: 0;
left: 0;
content: "";
height: 26px;
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/green-quote-icon.svg") no-repeat;
background-size: contain;
}
.customer-detail__wrapper > .statquoteblade {
padding: 0px;
margin-bottom: 0px;
}
.customer-detail__wrapper > .statquoteblade .stat-quote-blade {
margin-bottom: 0px;
}
@media (max-width: 991px) {
.customer-detail__wrapper > .statquoteblade .stat-quote-blade .stat-quote-container .cmp-quote .cmp-quote__content {
margin-bottom: 0 !important;
}
}
.customer-detail__wrapper > .statquoteblade .stat-quote-blade .stat-quote-container .cmp-quote .cmp-quote__content .eyebrow {
margin-bottom: 0;
}
.customer-detail__wrapper > .statquoteblade .stat-quote-blade .stat-quote-container .cmp-quote .cmp-quote__content .cmp-quote__company {
margin-bottom: 0;
}
@media (max-width: 991px) {
.customer-detail__wrapper > .statquoteblade .stat-quote-blade .stat-quote-container .cmp-quote .cmp-quote__content .cmp-quote__company {
margin-bottom: 0 !important;
}
}
.customer-detail__wrapper > .statquoteblade .stat-quote-blade .full-quote-container {
padding: 0 80px;
}
@media (max-width: 991px) {
.customer-detail__wrapper > .statquoteblade .stat-quote-blade .full-quote-container {
padding: 0 30px;
}
}
@media (max-width: 991px) {
.customer-detail__wrapper > .statquoteblade .stat-quote-blade .full-quote-container .cmp-quote .cmp-quote__content {
margin-bottom: 0 !important;
}
}
.customer-detail__wrapper > .statquoteblade .stat-quote-blade .full-quote-container .cmp-quote .cmp-quote__content .cmp-quote__company {
margin-bottom: 0;
}
@media (max-width: 991px) {
.customer-detail__wrapper > .statquoteblade .stat-quote-blade .full-quote-container .cmp-quote .cmp-quote__content .cmp-quote__company {
margin-bottom: 0 !important;
}
}
.customer-detail__wrapper > .statquoteblade .stat-quote-blade .cmp-quote .cmp-quote__author {
margin-bottom: 0px !important;
}
@media only screen and (min-width: 768px) {
.tabs-default .cmp-tabs__tablist {
gap: 6.4rem;
}
.tabs-default .cmp-tabs__pillars {
display: none;
}
.tabs-default .cmp-tabs__tab {
font-size: var(--font-size-h3-sm);
line-height: var(--line-height-h3-sm);
font-weight: var(--font-weight-medium);
font-family: "KlavikaWebCondensed";
color: #00FD92;
padding-bottom: 1.6rem;
outline: none;
border-bottom-color: transparent;
position: relative;
}
.tabs-default .cmp-tabs__tab--active {
border-bottom-color: #00FD92;
border-bottom-width: 0.4rem;
color: #000000;
}
.tabs-default .cmp-tabs__tabpanel {
margin-top: 1.6rem;
}
.tabs-default.active-indicator-color--blue .cmp-tabs__tab--active {
border-bottom-color: #C5CACE;
}
.tabs-default.tab-alignment--center .cmp-tabs__tablist {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tabs-default.tab-type--vertical .cmp-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tabs-default.tab-type--vertical .cmp-tabs__tablist {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 0;
position: relative;
gap: 1.2rem;
margin-top: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.tabs-default.tab-type--vertical .cmp-tabs__tablist {
gap: 0.6rem;
}
}
@media only screen and (min-width: 768px) {
.tabs-default.tab-type--vertical .cmp-tabs__tab {
padding: 2rem 3rem;
font-size: var(--font-size-h3-sm);
line-height: var(--line-height-h3-sm);
font-weight: var(--font-weight-medium);
font-family: "KlavikaWebCondensed";
color: #1d242b;
border-bottom: transparent;
}
.tabs-default.tab-type--vertical .cmp-tabs__tab:hover {
background: #ECEDEF;
}
.tabs-default.tab-type--vertical .cmp-tabs__tab:hover::after {
background: #00FD92 !important;
}
.tabs-default.tab-type--vertical .cmp-tabs__tab--active {
background: #00FD92 !important;
}
.tabs-default.tab-type--vertical .cmp-tabs__tab--active::after {
background: #00FD92 !important;
}
.tabs-default.tab-type--vertical .cmp-tabs__tab::after {
content: "";
-webkit-transition: 0.3s;
transition: 0.3s;
position: absolute;
width: 0.5rem;
left: 0;
top: 50%;
height: calc(100% - 1.6rem);
background: #caccce;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (min-width: 768px) {
.tabs-default.tab-type--vertical .cmp-tabs__tabpanel {
margin-top: 0;
}
}
@media only screen and (min-width: 768px) {
.tabs-default.tab-type--vertical.active-indicator-color--blue .cmp-tabs__tab:hover::after {
background: #C5CACE !important;
}
.tabs-default.tab-type--vertical.active-indicator-color--blue .cmp-tabs__tab--active::after {
background: #0066FF !important;
}
}
@media only screen and (min-width: 768px) {
.tabs-default.tab-type--vertical.active-indicator-color--charcoal .cmp-tabs__tab:hover::after {
background: #3E4C5A !important;
}
.tabs-default.tab-type--vertical.active-indicator-color--charcoal .cmp-tabs__tab--active::after {
background: #3E4C5A !important;
}
}
@media screen and (max-width: 767px) {
.tabs-default .cmp-tabs__tabpanel {
margin-top: 1.6rem;
}
.tabs-default.aem-GridColumn {
padding-inline: initial;
margin: 1.6rem 0;
}
.tabs-default .cmp-tabs__tab {
display: none;
font-weight: 600;
font-size: 1.6rem;
line-height: 2.4rem;
color: #000000;
}
.tabs-default .cmp-tabs__tab--active {
color: #00FD92;
border-bottom-color: transparent;
}
.tabs-default .cmp-tabs__tablist {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.1019607843);
box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.1019607843);
gap: 2.8rem;
}
.tabs-default .cmp-tabs__pillars {
display: block;
border-bottom-color: #00FD92;
position: relative;
padding: 1.3rem 1.5rem;
}
.tabs-default .cmp-tabs__pillars::after {
content: "";
display: inline-block;
width: 2.2rem;
height: 1.3rem;
position: absolute;
right: 1.5rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/tabs-navigation-arrow-up.svg") no-repeat;
}
.tabs-default .cmp-tabs__pillars-open::after {
-webkit-transform: translateY(-50%) rotateX(-180deg);
transform: translateY(-50%) rotateX(-180deg);
}
.tabs-default .cmp-tabs__tab-block {
display: block;
}
}
.tabs-default .intro-wrap {
margin-bottom: 40px;
}
.tabs-default .intro-wrap .eyebrow {
color: #3E4C5A;
}
.tabs-default .intro-wrap .description {
margin-top: 16px;
}
@media (max-width: 767px) {
.tabs-default.tab-type--vertical .cmp-tabs__tablist {
width: 100%;
}
}
@media (min-width: 768px) {
.tabs-default.tab-type--vertical .cmp-tabs__tablist {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media (min-width: 992px) {
.tabs-default.tab-type--vertical .cmp-tabs__tablist {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
}
@media (max-width: 767px) {
.tabs-default.tab-type--vertical .cmp-tabs__tabpanel {
width: 100%;
}
}
@media (min-width: 768px) {
.tabs-default.tab-type--vertical .cmp-tabs__tabpanel {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media (min-width: 992px) {
.tabs-default.tab-type--vertical .cmp-tabs__tabpanel {
-webkit-box-flex: 0;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
}
@media only screen and (min-width: 601px) {
.tabsnavigation .cmp-tabs__tablist {
gap: 6.4rem;
}
.tabsnavigation .cmp-tabs__pillars {
display: none;
}
.tabsnavigation .cmp-tabs__tab {
font-style: normal;
font-weight: 500;
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: -0.01em;
color: #616365;
padding-bottom: 1.6rem;
outline: none;
border-bottom-color: transparent;
position: relative;
}
.tabsnavigation .cmp-tabs__tab--active {
border-bottom-color: #00D42D;
border-bottom-width: 0.4rem;
color: #000000;
}
.tabsnavigation .cmp-tabs__tabpanel {
margin-top: 1.6rem;
}
.tabsnavigation.active-indicator-color--blue .cmp-tabs__tab--active {
border-bottom-color: #0066FF;
}
.tabsnavigation.tab-alignment--center .cmp-tabs__tablist {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tabsnavigation.tab-type--vertical > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tabsnavigation.tab-type--vertical .cmp-tabs__tablist {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 40rem;
margin-right: 0;
position: relative;
gap: 1.2rem;
}
.tabsnavigation.tab-type--vertical .cmp-tabs__tab {
padding: 2.4rem 3rem;
font-size: 2.6rem !important;
line-height: 3.4rem !important;
font-weight: 600 !important;
color: #1d242b;
border-bottom: transparent;
}
.tabsnavigation.tab-type--vertical .cmp-tabs__tab:hover {
background: #ECEDEF;
}
.tabsnavigation.tab-type--vertical .cmp-tabs__tab:hover::after {
background: #00FD45 !important;
}
.tabsnavigation.tab-type--vertical .cmp-tabs__tab--active {
background: #ECEDEF;
}
.tabsnavigation.tab-type--vertical .cmp-tabs__tab--active::after {
background: #00FD45 !important;
}
.tabsnavigation.tab-type--vertical .cmp-tabs__tab::after {
content: "";
-webkit-transition: 0.3s;
transition: 0.3s;
position: absolute;
width: 0.5rem;
left: 0;
top: 50%;
height: calc(100% - 1.6rem);
background: #caccce;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tabsnavigation.tab-type--vertical.active-indicator-color--blue .cmp-tabs__tab:hover::after {
background: #0066FF !important;
}
.tabsnavigation.tab-type--vertical.active-indicator-color--blue .cmp-tabs__tab--active::after {
background: #0066FF !important;
}
}
@media screen and (max-width: 600px) {
.tabsnavigation .cmp-tabs__tabpanel {
margin-top: 1.6rem;
}
.tabsnavigation.aem-GridColumn {
padding-inline: initial;
margin: 1.6rem 0;
}
.tabsnavigation .cmp-tabs__tab {
display: none;
font-weight: 600;
font-size: 1.6rem;
line-height: 2.4rem;
color: #000000;
}
.tabsnavigation .cmp-tabs__tab--active {
color: #00FD45;
border-bottom-color: transparent;
}
.tabsnavigation .cmp-tabs__tablist {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.1019607843);
box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.1019607843);
gap: 2.8rem;
}
.tabsnavigation .cmp-tabs__pillars {
display: block;
border-bottom-color: #00FD45;
position: relative;
padding: 1.3rem 1.5rem;
}
.tabsnavigation .cmp-tabs__pillars::after {
content: "";
display: inline-block;
width: 2.2rem;
height: 1.3rem;
position: absolute;
right: 1.5rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/tabs-navigation-arrow-up.svg") no-repeat;
}
.tabsnavigation .cmp-tabs__pillars-open::after {
-webkit-transform: translateY(-50%) rotateX(-180deg);
transform: translateY(-50%) rotateX(-180deg);
}
.tabsnavigation .cmp-tabs__tab-block {
display: block;
}
}
.cmp-teaser {
border-radius: 5px !important;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
color: #000000;
display: block;
background-color: #ffffff;
}
.cmp-teaser a {
color: #000000;
}
.theme-dark .cmp-teaser a {
color: #ffffff;
}
.cmp-teaser .cmp-teaser__title {
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-lg) * -0.022);
}
.theme-dark .cmp-teaser {
color: #ffffff;
}
.hight-variation-1 .cmp-teaser {
height: 100%;
}
@media (min-width: 1800px) {
.hight-variation-1 .cmp-teaser {
height: 530px;
}
}
@media (min-width: 992px) and (max-width: 1799px) {
.hight-variation-1 .cmp-teaser {
height: 450px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hight-variation-1 .cmp-teaser {
height: 380px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.hight-variation-1 .cmp-teaser {
height: 420px;
}
}
@media (max-width: 575px) {
.hight-variation-1 .cmp-teaser {
height: 100%;
}
}
.hight-variation-1 .cmp-teaser .cmp-teaser__title {
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
padding-bottom: 0;
}
.hight-variation-2 .cmp-teaser {
height: 100%;
}
.hight-variation-2 .cmp-teaser .cmp-teaser__title {
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
padding-bottom: 0;
}
.variation-1 .cmp-teaser {
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.6rem;
padding: 2.4rem;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.variation-1 .cmp-teaser:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.variation-1 .cmp-teaser:hover .cmp-teaser__pretitle:after {
background-color: #00FD92;
}
.variation-2 .cmp-teaser {
-webkit-box-shadow: 6px 6px 12px 0 rgba(0, 0, 0, 0.15);
box-shadow: 6px 6px 12px 0 rgba(0, 0, 0, 0.15);
padding: 4rem;
}
.variation-2 .cmp-teaser .cmp-teaser__content {
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.variation-2 .cmp-teaser, .variation-2 .cmp-teaser .cmp-teaser__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
}
.variation-2 .cmp-teaser:hover, .variation-2 .cmp-teaser .cmp-teaser__link:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.variation-2 .cmp-teaser:hover .cmp-teaser__action-link:after, .variation-2 .cmp-teaser .cmp-teaser__link:hover .cmp-teaser__action-link:after {
background-color: #00FD92;
}
.variation-3 .cmp-teaser {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 2.4rem;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
position: relative;
}
.variation-3 .cmp-teaser:hover .cmp-teaser__title {
display: block;
overflow: visible;
}
.variation-3 .cmp-teaser:hover .cmp-teaser__description {
display: block;
}
.variation-3 .cmp-teaser:hover .cmp-teaser__content {
max-height: 100%;
}
.variation-3 .cmp-teaser:hover .cmp-teaser__action-container {
display: block;
}
.variation-4 .cmp-teaser {
padding: 4rem;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
.variation-5 .cmp-teaser {
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
.variation-6 .cmp-teaser {
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.6rem;
padding: 4rem;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
@media (min-width: 1200px) and (max-width: 1799px) {
.variation-6 .cmp-teaser {
padding: 4rem;
}
}
@media (min-width: 576px) and (max-width: 1199px) {
.variation-6 .cmp-teaser {
padding: 3rem;
}
}
@media (max-width: 575px) {
.variation-6 .cmp-teaser {
padding: 2rem;
}
}
.cmp-teaser__image .cmp-image__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.variation-3 .cmp-teaser__image .cmp-image__image {
border-radius: 5px 5px 0 0;
padding-bottom: 152px;
}
.variation-6 .cmp-teaser__image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
max-width: 557px;
margin: 0 auto;
width: 100%;
}
.variation-1 .cmp-teaser__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.6rem;
}
.variation-2 .cmp-teaser__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4rem;
}
.variation-3 .cmp-teaser__content {
position: absolute;
left: 0;
bottom: 0;
min-height: 152px;
max-height: 152px;
width: 100%;
padding: 24px;
background: #fff;
z-index: 1;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.variation-4 .cmp-teaser__content {
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;
text-align: center;
height: 100%;
}
.variation-5 .cmp-teaser__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 24px;
}
.variation-6 .cmp-teaser__content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-top: 30px;
}
.variation-6 .cmp-teaser__content .cmp-teaser__title {
margin-bottom: 10px;
}
.variation-6 .cmp-teaser__content .cmp-teaser__description {
margin-bottom: 24px;
}
.variation-1 .cmp-teaser__pretitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.variation-1 .cmp-teaser__pretitle img {
display: none;
}
.variation-1 .cmp-teaser__pretitle:after {
content: "";
display: inline-block;
width: 2.4rem;
height: 2.4rem;
background-size: contain;
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow.svg") no-repeat center;
padding: 2px 3px;
border-radius: 3px;
border: 2px solid #00B96B;
}
.variation-2 .cmp-teaser__pretitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
}
.variation-2 .cmp-teaser__pretitle img {
width: 80px;
height: 80px;
-o-object-fit: contain;
object-fit: contain;
}
.variation-3 .cmp-teaser__pretitle {
margin-bottom: 1.6rem;
}
.variation-3 .cmp-teaser__pretitle img {
display: none;
}
.variation-4 .cmp-teaser__pretitle {
margin-bottom: 2.4rem;
}
.variation-4 .cmp-teaser__pretitle img {
height: 80px;
-o-object-fit: cover;
object-fit: cover;
}
.variation-5 .cmp-teaser__pretitle {
display: none;
}
h4.cmp-teaser__title {
font-size: var(--font-size-h4-sm);
line-height: var(--line-height-h4-sm);
}
.cmp-teaser__title {
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
text-overflow: ellipsis;
overflow-y: hidden;
}
.variation-3 .cmp-teaser__title {
font-size: var(--font-size-p-xl);
line-height: var(--line-height-p-xl);
font-weight: var(--font-weight-regular);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0.8rem;
}
.variation-4 .cmp-teaser__title {
margin-bottom: 4rem;
}
.variation-5 .cmp-teaser__title {
background-color: var(--title-background-color);
text-align: center;
border-radius: 5px 5px 0 0;
}
.cmp-teaser__title-link {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
text-overflow: ellipsis;
overflow-y: hidden;
}
.cmp-teaser__description {
font-size: var(--font-size-p-sm);
line-height: var(--line-height-p-sm);
letter-spacing: -0.36px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.variation-3 .cmp-teaser__description {
display: none;
}
.variation-4 .cmp-teaser__description {
margin-bottom: 1.6rem;
}
.variation-5 .cmp-teaser__description {
margin-top: 1.4rem;
text-align: center;
overflow: visible;
display: unset;
}
.variation-5 .cmp-teaser__button-container {
margin-top: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.variation-2 .cmp-teaser__action-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.4rem;
}
.variation-3 .cmp-teaser__action-container {
margin-top: 2.4rem;
display: none;
}
.variation-5 .cmp-teaser__action-container {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding-top: 16px;
}
.variation-6 .cmp-teaser__action-container {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.cmp-teaser__action-link {
color: #000000;
}
.theme-dark .cmp-teaser__action-link {
color: #00FD45;
}
.variation-1.link-teaser .cmp-teaser__action-link, .variation-2.link-teaser .cmp-teaser__action-link, .variation-3.link-teaser .cmp-teaser__action-link, .variation-4.link-teaser .cmp-teaser__action-link, .variation-5.link-teaser .cmp-teaser__action-link, .variation-6.link-teaser .cmp-teaser__action-link, .variation-7.link-teaser .cmp-teaser__action-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #00774C;
font-family: "KlavikaWebCondensed";
font-weight: 500;
text-transform: none;
position: relative;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1600px) {
.variation-1.link-teaser .cmp-teaser__action-link, .variation-2.link-teaser .cmp-teaser__action-link, .variation-3.link-teaser .cmp-teaser__action-link, .variation-4.link-teaser .cmp-teaser__action-link, .variation-5.link-teaser .cmp-teaser__action-link, .variation-6.link-teaser .cmp-teaser__action-link, .variation-7.link-teaser .cmp-teaser__action-link {
font-size: 24px;
}
}
@media (min-width: 768px) and (max-width: 1599px) {
.variation-1.link-teaser .cmp-teaser__action-link, .variation-2.link-teaser .cmp-teaser__action-link, .variation-3.link-teaser .cmp-teaser__action-link, .variation-4.link-teaser .cmp-teaser__action-link, .variation-5.link-teaser .cmp-teaser__action-link, .variation-6.link-teaser .cmp-teaser__action-link, .variation-7.link-teaser .cmp-teaser__action-link {
font-size: 22px;
}
}
@media (max-width: 767px) {
.variation-1.link-teaser .cmp-teaser__action-link, .variation-2.link-teaser .cmp-teaser__action-link, .variation-3.link-teaser .cmp-teaser__action-link, .variation-4.link-teaser .cmp-teaser__action-link, .variation-5.link-teaser .cmp-teaser__action-link, .variation-6.link-teaser .cmp-teaser__action-link, .variation-7.link-teaser .cmp-teaser__action-link {
font-size: 18px;
}
}
.variation-1.link-teaser .cmp-teaser__action-link:hover, .variation-2.link-teaser .cmp-teaser__action-link:hover, .variation-3.link-teaser .cmp-teaser__action-link:hover, .variation-4.link-teaser .cmp-teaser__action-link:hover, .variation-5.link-teaser .cmp-teaser__action-link:hover, .variation-6.link-teaser .cmp-teaser__action-link:hover, .variation-7.link-teaser .cmp-teaser__action-link:hover {
color: #080808;
}
.variation-1.link-teaser .cmp-teaser__action-link:hover::after, .variation-2.link-teaser .cmp-teaser__action-link:hover::after, .variation-3.link-teaser .cmp-teaser__action-link:hover::after, .variation-4.link-teaser .cmp-teaser__action-link:hover::after, .variation-5.link-teaser .cmp-teaser__action-link:hover::after, .variation-6.link-teaser .cmp-teaser__action-link:hover::after, .variation-7.link-teaser .cmp-teaser__action-link:hover::after {
content: "";
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg") no-repeat;
background-size: cover;
right: -5px;
}
.variation-1.link-teaser .cmp-teaser__action-link::after, .variation-2.link-teaser .cmp-teaser__action-link::after, .variation-3.link-teaser .cmp-teaser__action-link::after, .variation-4.link-teaser .cmp-teaser__action-link::after, .variation-5.link-teaser .cmp-teaser__action-link::after, .variation-6.link-teaser .cmp-teaser__action-link::after, .variation-7.link-teaser .cmp-teaser__action-link::after {
content: "";
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow.svg") no-repeat;
background-size: cover;
height: 26px !important;
width: 26px !important;
margin-left: 8px;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
right: 0;
}
@media (min-width: 768px) and (max-width: 1599px) {
.variation-1.link-teaser .cmp-teaser__action-link::after, .variation-2.link-teaser .cmp-teaser__action-link::after, .variation-3.link-teaser .cmp-teaser__action-link::after, .variation-4.link-teaser .cmp-teaser__action-link::after, .variation-5.link-teaser .cmp-teaser__action-link::after, .variation-6.link-teaser .cmp-teaser__action-link::after, .variation-7.link-teaser .cmp-teaser__action-link::after {
height: 24px;
width: 24px;
}
}
@media (max-width: 767px) {
.variation-1.link-teaser .cmp-teaser__action-link::after, .variation-2.link-teaser .cmp-teaser__action-link::after, .variation-3.link-teaser .cmp-teaser__action-link::after, .variation-4.link-teaser .cmp-teaser__action-link::after, .variation-5.link-teaser .cmp-teaser__action-link::after, .variation-6.link-teaser .cmp-teaser__action-link::after, .variation-7.link-teaser .cmp-teaser__action-link::after {
height: 20px;
width: 20px;
}
}
.variation-1.button-teaser .cmp-teaser__action-link, .variation-2.button-teaser .cmp-teaser__action-link, .variation-3.button-teaser .cmp-teaser__action-link, .variation-4.button-teaser .cmp-teaser__action-link, .variation-5.button-teaser .cmp-teaser__action-link, .variation-6.button-teaser .cmp-teaser__action-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 32px;
border-radius: 5px;
border: 1.5px solid #006616;
background-color: #00FD92;
line-height: 100%;
font-family: "KlavikaWeb";
font-weight: 700;
text-transform: uppercase;
-webkit-transition: color 0.3s, background 0.3s, border 0.3s;
transition: color 0.3s, background 0.3s, border 0.3s;
}
@media (min-width: 1600px) {
.variation-1.button-teaser .cmp-teaser__action-link, .variation-2.button-teaser .cmp-teaser__action-link, .variation-3.button-teaser .cmp-teaser__action-link, .variation-4.button-teaser .cmp-teaser__action-link, .variation-5.button-teaser .cmp-teaser__action-link, .variation-6.button-teaser .cmp-teaser__action-link {
padding: 18px 32px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) and (max-width: 1599px) {
.variation-1.button-teaser .cmp-teaser__action-link, .variation-2.button-teaser .cmp-teaser__action-link, .variation-3.button-teaser .cmp-teaser__action-link, .variation-4.button-teaser .cmp-teaser__action-link, .variation-5.button-teaser .cmp-teaser__action-link, .variation-6.button-teaser .cmp-teaser__action-link {
padding: 16px 32px;
font-size: 1.6rem;
}
}
@media (max-width: 767px) {
.variation-1.button-teaser .cmp-teaser__action-link, .variation-2.button-teaser .cmp-teaser__action-link, .variation-3.button-teaser .cmp-teaser__action-link, .variation-4.button-teaser .cmp-teaser__action-link, .variation-5.button-teaser .cmp-teaser__action-link, .variation-6.button-teaser .cmp-teaser__action-link {
font-size: 1.2rem;
padding: 14px 22px;
}
}
.variation-1.button-teaser .cmp-teaser__action-link img, .variation-2.button-teaser .cmp-teaser__action-link img, .variation-3.button-teaser .cmp-teaser__action-link img, .variation-4.button-teaser .cmp-teaser__action-link img, .variation-5.button-teaser .cmp-teaser__action-link img, .variation-6.button-teaser .cmp-teaser__action-link img {
margin-left: 8px;
}
.variation-1.button-teaser .cmp-teaser__action-link:hover, .variation-2.button-teaser .cmp-teaser__action-link:hover, .variation-3.button-teaser .cmp-teaser__action-link:hover, .variation-4.button-teaser .cmp-teaser__action-link:hover, .variation-5.button-teaser .cmp-teaser__action-link:hover, .variation-6.button-teaser .cmp-teaser__action-link:hover {
background: #00774C;
border: 1.5px solid #080808;
color: #ffffff;
}
.variation-1.button-teaser .cmp-teaser__action-link:first-child, .variation-2.button-teaser .cmp-teaser__action-link:first-child, .variation-3.button-teaser .cmp-teaser__action-link:first-child, .variation-4.button-teaser .cmp-teaser__action-link:first-child, .variation-5.button-teaser .cmp-teaser__action-link:first-child, .variation-6.button-teaser .cmp-teaser__action-link:first-child {
background: #00FD92;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.variation-1.button-teaser .cmp-teaser__action-link:first-child:hover, .variation-2.button-teaser .cmp-teaser__action-link:first-child:hover, .variation-3.button-teaser .cmp-teaser__action-link:first-child:hover, .variation-4.button-teaser .cmp-teaser__action-link:first-child:hover, .variation-5.button-teaser .cmp-teaser__action-link:first-child:hover, .variation-6.button-teaser .cmp-teaser__action-link:first-child:hover {
background: #00774C;
border: 1.5px solid #080808;
color: #ffffff;
}
.variation-5 .cmp-teaser__action-link {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.variation-1 .cmp-teaser__pretitle {
color: #000000;
padding-bottom: 0 !important;
}
.variation-1 .cmp-teaser p {
font-size: var(--font-size-p-lg);
line-height: var(--line-height-p-lg);
}
.variation-7 .cmp-teaser {
border-radius: 5px;
padding: 40px;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
background-color: #FAFAFA;
height: 100%;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
display: block;
position: relative;
overflow: hidden;
}
.variation-7 .cmp-teaser:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
@media (max-width: 1199px) {
.variation-7 .cmp-teaser {
padding: 24px;
}
}
.variation-7 .cmp-teaser .cmp-teaser__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.variation-7 .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 0;
margin-bottom: 34px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.variation-7 .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle img {
margin-right: 16px;
max-width: 50px;
max-height: 50px;
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.variation-7 .cmp-teaser .cmp-teaser__content .eyebrow {
color: #3E4C5A;
}
.variation-7 .cmp-teaser .cmp-teaser__content p.cmp-teaser__title {
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-xl) * -0.02);
font-size: var(--font-size-p-xl);
line-height: var(--line-height-p-xl);
letter-spacing: calc(var(--font-size-p-xl) * -0.03);
-webkit-line-clamp: none;
}
.variation-7 .cmp-teaser .cmp-teaser__content .cmp-teaser__button-container {
padding-top: 34px;
margin: 0;
margin-top: auto;
}
.variation-7 .cmp-teaser .cmp-teaser__content .cmp-teaser__button-container .cmp-teaser__action-link {
position: initial;
padding: 0;
}
.variation-7 .cmp-teaser .cmp-teaser__content .cmp-teaser__button-container .cmp-teaser__action-link:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.cmp-text {
margin-bottom: 2.4rem;
}
.cmp-text h1, .cmp-text h2, .cmp-text h3, .cmp-text h4, .cmp-text h5, .cmp-text h6 {
margin-bottom: 1.6rem;
}
@media (max-width: 767px) {
.cmp-text {
margin-bottom: 1.6rem;
}
}
.cmp-text__cta-container {
width: 100%;
}
@media (max-width: 1799px) {
.cmp-text__cta-container {
padding-top: 35px;
}
}
@media (max-width: 991px) {
.cmp-text__cta-container {
padding-top: 30px;
}
}
@media (max-width: 575px) {
.cmp-text__cta-container {
padding-top: 25px;
}
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.cmp-text__video-overlay {
opacity: 1 !important;
visibility: visible !important;
z-index: 99999 !important;
}
.cmp-texticon {
margin-bottom: 4rem;
}
@media (max-width: 992px) {
.cmp-texticon {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.cmp-texticon {
margin-bottom: 2.4rem;
}
}
.cmp-texticon .cmp-texticon__image {
height: 100%;
}
.icon-small .cmp-texticon .cmp-texticon__image {
width: 36px;
}
.icon-medium .cmp-texticon .cmp-texticon__image {
width: 46px;
}
.icon-large .cmp-texticon .cmp-texticon__image {
width: 56px;
}
.style-icon-left .cmp-texticon .cmp-texticon__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.icon-top .cmp-texticon .cmp-texticon__item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.icon-center .cmp-texticon .cmp-texticon__item-icon {
text-align: center;
}
.icon-right .cmp-texticon .cmp-texticon__item-icon {
text-align: right;
}
.text-center .cmp-texticon .cmp-texticon__item-content {
text-align: center;
}
.text-right .cmp-texticon .cmp-texticon__item-content {
text-align: right;
}
.cmp-texticon__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--gutter);
}
.cmp-texticon__item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.6rem;
}
@media (min-width: 1800px) {
.texticons.style-icon-top:not(.icon-center) .cmp-texticon__subheading {
max-width: 365px;
}
}
.cmp-texticon__subheading p {
font-size: var(--font-size-p-sm);
line-height: var(--line-height-p-sm);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-sm) * -0.02);
}
.cmp-two-column .cmp-two-column__wrapper {
width: 100%;
height: 100%;
padding: 0 60px;
max-width: 1445px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
@media (max-width: 1199px) {
.cmp-two-column .cmp-two-column__wrapper {
padding: 0 20px;
padding: 0;
}
}
.cmp-two-column .cmp-two-column__wrapper .img-left {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.cmp-two-column .cmp-two-column__wrapper .img-left .cmp-two-column__column {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (max-width: 767px) {
.cmp-two-column .cmp-two-column__wrapper .img-left .cmp-two-column__column {
padding-left: 0;
}
}
@media (max-width: 767px) {
.cmp-two-column .cmp-two-column__wrapper .img-left .inner-text {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0;
}
}
.cmp-two-column .cmp-two-column__wrapper .img-left .img-outer {
padding-right: 0;
padding-left: 16px;
width: auto;
position: static;
-webkit-box-flex: 0;
-ms-flex: 0 1 47%;
flex: 0 1 47%;
margin-bottom: 15px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-ms-flex-line-pack: end;
align-content: flex-end;
}
@media (max-width: 767px) {
.cmp-two-column .cmp-two-column__wrapper .img-left .img-outer {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
.cmp-two-column .cmp-two-column__wrapper .img-left .img-outer .img-block {
position: relative;
}
.cmp-two-column .cmp-two-column__wrapper .img-left .img-outer .img-block .img-box {
max-height: inherit;
max-width: inherit;
overflow: visible;
position: relative;
border-top-right-radius: 250px;
border-bottom-right-radius: 250px;
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.cmp-two-column .cmp-two-column__wrapper .img-left .img-outer .img-block .img-box {
left: 0;
margin-bottom: 30px;
max-width: 450px;
}
}
.cmp-two-column .cmp-two-column__wrapper .img-left .img-outer .img-block .img-box::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 0;
left: -25px;
top: 25px;
right: auto;
}
.cmp-two-column .cmp-two-column__wrapper .cmp-two-column__outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cmp-two-column .cmp-two-column__wrapper .cmp-two-column__outer .img-outer {
-ms-flex-line-pack: end;
align-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cmp-two-column .cmp-two-column__wrapper .cmp-two-column__outer .img-outer .column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cmp-two-column .cmp-two-column__wrapper .cmp-two-column__outer .img-outer .img-block .img-box img {
position: relative;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
max-width: 100%;
}
.pill-brand-rich-green .img-box::after {
background: #00D42D;
}
.cd-two-img-slider .intro {
margin: 0 auto;
max-width: 1090px;
text-align: center;
padding: 20px;
}
.cd-two-img-slider .images-wrapper {
width: calc(75% - 50px);
max-width: 1260px;
margin: 0 auto;
}
.cd-two-img-slider .images-wrapper .slick-list {
position: relative;
max-width: 960px;
width: 100%;
overflow: hidden;
margin: 0 auto;
}
.cd-two-img-slider .images-wrapper .slick-slide {
opacity: 0.5;
}
.cd-two-img-slider .images-wrapper .slick-slide.slick-active {
opacity: 1;
}
.cd-two-img-slider .images-wrapper .img-wrap {
padding: 15px;
max-height: 287px;
height: 287px;
max-width: 480px;
}
.cd-two-img-slider .images-wrapper .img-wrap img {
height: 100%;
width: 100%;
font-family: "object-fit:cover";
-o-object-fit: cover;
object-fit: cover;
}
.cd-two-img-slider .slick-next {
position: absolute;
top: 50%;
right: -25pxpx;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 29px;
height: 29px;
text-indent: 100px;
overflow: hidden;
background: url(https://careers.cohesity.com/wp-content/themes/cohesity_new/assets/images/promo-slider/black_slider_arrow.svg) no-repeat;
background-size: cover;
z-index: 4;
}
.cd-two-img-slider .slick-prev {
position: absolute;
top: 50%;
right: 0px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 29px;
height: 29px;
text-indent: 100px;
overflow: hidden;
background: url(https://careers.cohesity.com/wp-content/themes/cohesity_new/assets/images/promo-slider/black_slider_arrow.svg) no-repeat;
background-size: cover;
z-index: 4;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.cd-two-img-slider .slick-dots {
bottom: -7px !important;
}
.cd-two-img-slider .slick-dots li {
display: inline-block;
width: 10px;
height: 10px;
border: 1px solid #00fd45;
list-style: none;
border-radius: 50%;
margin: 0 8px 0 7px;
cursor: pointer;
}
.cd-two-img-slider .slick-dots li::before {
display: none;
}
.cd-two-img-slider .slick-dots li.slick-active {
background: #00fd45;
}
.cd-two-img-slider .slick-dots li button {
display: none;
}
.thanku-explore {
margin-block: var(--spacing-md);
}
.thanku-explore .intro :first-child {
margin-bottom: 22px;
}
.thanku-explore .intro .btn-wrap {
margin-top: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.thanku-explore .intro .btn-default {
overflow: hidden;
background: #67bf1b;
color: #fff;
border-radius: 5px;
display: inline-block;
position: relative;
-webkit-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
font-size: 16px;
text-align: center;
text-decoration: none;
padding: 7px 20px 10px 20px;
min-width: 126px;
height: 39px;
letter-spacing: -0.009em;
border: 2px solid #67bf1b;
margin-right: 10px;
}
.mktoForm * {
font-family: "KlavikaWebCondensed" !important;
}
.mktoForm {
width: 100% !important;
}
.mktoForm .mktoFormCol,
.mktoForm .mktoFieldWrap {
width: 100%;
}
.mktoForm .mktoFormCol .mktoHtmlText, .mktoForm .mktoFormCol .mktoField, .mktoForm .mktoFormCol select.mktoField option,
.mktoForm .mktoFieldWrap .mktoHtmlText,
.mktoForm .mktoFieldWrap .mktoField,
.mktoForm .mktoFieldWrap select.mktoField option {
font-family: "KlavikaWebCondensed" !important;
font-weight: 400;
}
.mktoForm .mktoFormCol .mktoField, .mktoForm .mktoFormCol select.mktoField option,
.mktoForm .mktoFieldWrap .mktoField,
.mktoForm .mktoFieldWrap select.mktoField option {
font-weight: 14px !important;
}
.mktoForm .mktoFormCol select {
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/tabs-navigation-arrow-up.svg) no-repeat right #fff !important;
-webkit-appearance: none;
background-position: 99% 50% !important;
}
.mktoForm .mktoError {
display: none !important;
top: 75%;
}
.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField {
padding: 2px 16px;
width: 100% !important;
height: 40px !important;
border: solid 1px #000000;
font-size: 14px !important;
line-height: 1.33 !important;
letter-spacing: 0.01em;
font-weight: 500 !important;
text-align: left;
color: #000000;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-radius: 0 !important;
min-height: auto !important;
}
.mktoForm input[type=text]::-webkit-input-placeholder,
.mktoForm input[type=url]::-webkit-input-placeholder,
.mktoForm input[type=email]::-webkit-input-placeholder,
.mktoForm input[type=tel]::-webkit-input-placeholder,
.mktoForm input[type=number]::-webkit-input-placeholder,
.mktoForm input[type=date]::-webkit-input-placeholder,
.mktoForm textarea.mktoField::-webkit-input-placeholder,
.mktoForm select.mktoField::-webkit-input-placeholder {
color: #000000;
}
.mktoForm input[type=text].mktoInvalid, .mktoForm input[type=text].error,
.mktoForm input[type=url].mktoInvalid,
.mktoForm input[type=url].error,
.mktoForm input[type=email].mktoInvalid,
.mktoForm input[type=email].error,
.mktoForm input[type=tel].mktoInvalid,
.mktoForm input[type=tel].error,
.mktoForm input[type=number].mktoInvalid,
.mktoForm input[type=number].error,
.mktoForm input[type=date].mktoInvalid,
.mktoForm input[type=date].error,
.mktoForm textarea.mktoField.mktoInvalid,
.mktoForm textarea.mktoField.error,
.mktoForm select.mktoField.mktoInvalid,
.mktoForm select.mktoField.error {
border-bottom: 1px solid #f60000 !important;
}
.mktoForm .mktoButtonWrap.mktoInset .mktoButton,
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
color: #000;
border: 1px solid #aeb0b6;
padding: 0.4em 1em;
font-size: 1em;
-webkit-box-shadow: 1px 1px 6px 1px #ccc;
box-shadow: 1px 1px 6px 1px #ccc;
background-color: #f5f5f5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dfdfdf));
background-image: linear-gradient(to bottom, #f5f5f5, #dfdfdf);
}
.mktoForm .mktoButtonWrap.mktoInset .mktoButton:hover, .mktoForm .mktoButtonWrap.mktoInset .mktoButton:focus,
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover,
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus {
border: 1px solid #999;
outline: none;
}
.mktoForm .mktoButtonWrap.mktoInset .mktoButton:active,
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active {
-webkit-box-shadow: inset 1px 1px 6px 1px #ccc;
box-shadow: inset 1px 1px 6px 1px #ccc;
background-color: #dfdfdf;
background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#f5f5f5));
background-image: linear-gradient(to bottom, #dfdfdf, #f5f5f5);
}
.mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset {
margin-left: 55px !important;
}
@media (max-width: 991px) {
.mktoForm .mktoButtonRow .mktoButtonWrap.mktoInset {
margin-left: 192px !important;
}
}
.mktoForm .mktoButtonWrap.mktoInset .mktoButton,
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
border: none !important;
width: 150px !important;
background-color: #00FD45 !important;
background-image: none;
font-size: 16px;
font-weight: 500;
line-height: 1.1;
letter-spacing: -0.24px;
text-align: center;
color: #000000 !important;
padding: 10px 17px !important;
border-radius: 5px !important;
min-width: 115px !important;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 767px) {
.mktoForm .mktoButtonWrap.mktoInset .mktoButton,
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
padding: 8px 20px;
min-width: 123px;
height: 36px;
font-size: 14px;
}
}
.mktoForm .mktoButtonWrap.mktoInset .mktoButton:hover,
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
border: none;
}
.marketo-form__container {
border-radius: 5px;
background: #FFF;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
overflow: hidden;
}
.marketo-form__container.overlap {
position: absolute;
top: 25%;
right: 3%;
}
@media (max-width: 991px) {
.marketo-form__container.overlap {
position: static;
}
}
.marketo-form__container .form-heading {
padding: 2.4rem 4.8rem;
background-color: #00B96B;
}
.marketo-form__container .form-heading .info-text {
margin-top: 0.8rem;
}
.marketo-form__container .mktoForm {
padding: 2.4rem 4.8rem;
}
.marketo-form__container .mktoForm input[type=text],
.marketo-form__container .mktoForm input[type=url],
.marketo-form__container .mktoForm input[type=email],
.marketo-form__container .mktoForm input[type=tel],
.marketo-form__container .mktoForm input[type=number],
.marketo-form__container .mktoForm input[type=date],
.marketo-form__container .mktoForm textarea.mktoField,
.marketo-form__container .mktoForm select.mktoField {
width: 100% !important;
height: 40px !important;
line-height: 1.33 !important;
letter-spacing: 0.01em;
text-align: left;
color: #000000;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-radius: 0 !important;
min-height: auto !important;
border: 0;
background: transparent;
font-size: 20px;
font-weight: 400;
border-bottom: 1px solid #CACCCE;
padding-bottom: 15px;
padding-left: 0 !important;
outline: none;
}
.marketo-form__container .mktoForm input:-webkit-autofill,
.marketo-form__container .mktoForm input:-webkit-autofill:hover,
.marketo-form__container .mktoForm input:-webkit-autofill:focus,
.marketo-form__container .mktoForm input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.marketo-form__container .mktoForm input[type=text]:focus,
.marketo-form__container .mktoForm input[type=url]:focus,
.marketo-form__container .mktoForm input[type=email]:focus,
.marketo-form__container .mktoForm input[type=tel]:focus,
.marketo-form__container .mktoForm input[type=number]:focus,
.marketo-form__container .mktoForm input[type=date]:focus,
.marketo-form__container .mktoForm select.mktoField:focus,
.marketo-form__container .mktoForm textarea.mktoField:focus {
outline: none;
border: none;
border-bottom: 1px solid #CACCCE;
}
.marketo-form__container .mktoForm .mktoFormRow.gdpr {
width: 100% !important;
}
.marketo-form__container .mktoForm .mktoFormRow.gdpr .mktoFormCol {
width: 100% !important;
}
.marketo-form__container .mktoForm .mktoFormRow.gdpr .mktoFormCol .mktoFieldWrap label.mktoLabel {
display: block !important;
margin: 0px -33px 0px;
width: 90% !important;
float: right !important;
padding-top: 0px;
cursor: pointer;
width: 100% !important;
color: #1D242B !important;
font-size: 16px !important;
line-height: 20px;
font-weight: 400;
padding-right: 35px;
}
@media (max-width: 575px) {
.marketo-form__container .mktoForm .mktoFormRow.gdpr .mktoFormCol .mktoFieldWrap label.mktoLabel {
width: 90% !important;
}
}
.marketo-form__container .mktoForm .mktoFormRow.gdpr .mktoFormCol .mktoFieldWrap .mktoCheckboxList {
width: auto !important;
}
.marketo-form__container .mktoForm .mktoFormRow select.mktoField {
height: auto !important;
min-height: 40px !important;
padding-right: 30px;
}
.marketo-form__container .mktoForm label {
display: none;
}
.marketo-form__container .mktoForm .mktoButtonRow {
width: 100% !important;
}
.marketo-form__container .mktoForm .mktoButtonRow .mktoButtonWrap {
margin-left: 0px !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.marketo-form__container .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
margin-left: 0px !important;
}
.marketo-form__container.marketo__two-column .mktoForm {
clear: both;
}
.marketo-form__container.marketo__two-column .mktoForm.mktoLayoutAbove .mktoFormRow {
float: left;
clear: none;
}
.marketo-form__container.marketo__two-column .mktoForm.mktoLayoutAbove .mktoFormRow .mktoFormCol {
padding: 0px 5px;
}
.marketo-form__container.marketo__two-column .mktoForm.mktoLayoutLeft .mktoFormRow {
clear: both;
}
.marketo-form__container.marketo__two-column .mktoForm.mktoLayoutLeft .mktoFormRow .mktoFormCol {
float: left;
}
.marketo-form__container.marketo__two-column .mktoForm.mktoLayoutLeft .mktoFormRow .mktoFormCol:has(.mktoHtmlText) {
padding: 0px !important;
}
.marketo-form__container.marketo__two-column .mktoForm.mktoLayoutLeft .mktoFormRow .mktoFormCol:has(.mktoHtmlText) .mktoHtmlText span, .marketo-form__container.marketo__two-column .mktoForm.mktoLayoutLeft .mktoFormRow .mktoFormCol:has(.mktoHtmlText) .mktoHtmlText span a {
margin-left: 0px !important;
font-family: "KlavikaWebCondensed" !important;
font-weight: 400;
font-size: 14px !important;
}
.marketo-form__container.marketo__two-column .mktoForm.mktoLayoutLeft .mktoFormRow .mktoFormCol:nth-child(odd) {
padding-right: 10px;
}
.marketo-form__container.marketo__two-column .mktoForm.mktoLayoutLeft .mktoFormRow .mktoFormCol:nth-child(even) {
padding-left: 10px;
}
.marketo-form__container.marketo__two-column .mktoForm .mktoFormRow:has(.mktoHtmlText) {
width: 100% !important;
clear: none !important;
}
.marketo-form__container.marketo__two-column .mktoForm.mktoLayoutAbove .mktoFormRow, .marketo-form__container.marketo__two-column .mktoForm.mktoLayoutLeft .mktoFormRow .mktoFormCol {
width: 50%;
}
@media (max-width: 767px) {
.marketo-form__container.marketo__two-column .mktoForm.mktoLayoutAbove .mktoFormRow, .marketo-form__container.marketo__two-column .mktoForm.mktoLayoutLeft .mktoFormRow .mktoFormCol {
width: 100%;
}
.marketo-form__container.marketo__two-column .mktoForm.mktoLayoutAbove .mktoFormRow:nth-child(odd), .marketo-form__container.marketo__two-column .mktoForm.mktoLayoutLeft .mktoFormRow .mktoFormCol:nth-child(odd) {
padding-right: 0px;
}
.marketo-form__container.marketo__two-column .mktoForm.mktoLayoutAbove .mktoFormRow:nth-child(even), .marketo-form__container.marketo__two-column .mktoForm.mktoLayoutLeft .mktoFormRow .mktoFormCol:nth-child(even) {
padding-left: 0px;
}
}
.form-marketo {
display: none;
}
.blog-detail .cmp-breadcrumb__item-link:hover::before {
width: 100%;
}
.blog-detail .cmp-heroes {
padding-bottom: 40px;
}
@media (max-width: 1199px) {
.blog-detail .cmp-heroes {
padding-bottom: 32px;
}
}
@media (max-width: 575px) {
.blog-detail .cmp-heroes {
padding-bottom: 28px;
}
}
.blog-detail .cmp-heroes .cmp-heroes-two-column {
margin-top: 32px;
}
@media (max-width: 767px) {
.blog-detail .cmp-heroes .cmp-heroes-two-column {
margin-top: 10px;
}
}
@media (max-width: 1599px) {
.blog-detail .cmp-heroes .cmp-heroes-two-column .cmp-heroes-two-column__content {
max-width: 100%;
}
}
.blog-detail .cmp-heroes__date {
border-bottom: 2px solid #00FD45;
padding-bottom: 24px;
padding-right: 55px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.blog-detail .cmp-heroes__date-text {
margin-right: 15px;
}
.blog-detail .cmp-heroes__date-duration {
margin-inline: 15px;
}
.blog-detail .cmp-heroes__date-type {
margin-left: 15px;
}
.blog-detail .blog-content--wrapper {
color: #1D242B;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.blog-detail .blog-content--wrapper {
display: block;
}
}
.blog-detail .blog-content--wrapper h2 {
font-size: var(--font-size-h3);
line-height: var(--line-height-h3);
}
.blog-detail .blog-content--wrapper .blog-left-content {
width: 100%;
padding-right: 70px;
padding-top: 60px;
}
@media (max-width: 1599px) {
.blog-detail .blog-content--wrapper .blog-left-content {
padding-top: 40px;
}
}
@media (max-width: 1199px) {
.blog-detail .blog-content--wrapper .blog-left-content {
padding-top: 32px;
}
}
@media (max-width: 767px) {
.blog-detail .blog-content--wrapper .blog-left-content {
padding-right: 0;
}
}
.blog-detail .blog-content--wrapper .blog-left-content p {
font-size: var(--font-size-p-lg);
line-height: var(--line-height-p-lg);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-lg) * -0.033);
}
.blog-detail .blog-content--wrapper .blog-left-content iframe {
margin: 20px 0 10px 0 !important;
width: 100%;
z-index: 0;
}
@media (max-width: 767px) {
.blog-detail .blog-content--wrapper .blog-left-content iframe {
height: 360px;
}
}
@media (max-width: 575px) {
.blog-detail .blog-content--wrapper .blog-left-content iframe {
height: 300px;
}
}
@media (min-width: 768px) and (max-width: 850px) {
.blog-detail .blog-content--wrapper .blog-left-content iframe {
height: 260px;
}
}
@media (min-width: 850px) and (max-width: 1030px) {
.blog-detail .blog-content--wrapper .blog-left-content iframe {
height: 330px;
}
}
@media (min-width: 1030px) and (max-width: 1799px) {
.blog-detail .blog-content--wrapper .blog-left-content iframe {
height: 430px;
}
}
@media (min-width: 1800px) {
.blog-detail .blog-content--wrapper .blog-left-content iframe {
height: 650px;
}
}
.blog-detail .blog-content--wrapper .blog-left-content ul, .blog-detail .blog-content--wrapper .blog-left-content ol {
padding-left: 16px;
}
.blog-detail .blog-content--wrapper .blog-left-content ul li, .blog-detail .blog-content--wrapper .blog-left-content ol li {
position: relative;
padding-left: 0px;
margin: 15px 0;
line-height: 1.4;
}
.blog-detail .blog-content--wrapper .blog-left-content ul li:last-child, .blog-detail .blog-content--wrapper .blog-left-content ol li:last-child {
margin-bottom: 25px;
}
.blog-detail .blog-content--wrapper .blog-left-content ul li.hide-before::before, .blog-detail .blog-content--wrapper .blog-left-content ol li.hide-before::before {
display: none;
}
.blog-detail .blog-content--wrapper .blog-left-content ul li {
list-style-type: disc;
}
.blog-detail .blog-content--wrapper .blog-left-content ul li li {
list-style-type: circle;
}
.blog-detail .blog-content--wrapper .blog-left-content ul li::before {
display: none;
}
.blog-detail .blog-content--wrapper .blog-left-content ul li::marker {
font-size: 15px;
}
.blog-detail .blog-content--wrapper .blog-left-content ol {
padding-left: 24px;
}
.blog-detail .blog-content--wrapper .blog-left-content li, .blog-detail .blog-content--wrapper .blog-left-content p, .blog-detail .blog-content--wrapper .blog-left-content td {
font-size: 2.2rem;
font-weight: 400 !important;
line-height: 30px !important;
letter-spacing: 0.01em !important;
margin-bottom: 25px;
}
@media (min-width: 1800px) {
.blog-detail .blog-content--wrapper .blog-left-content li, .blog-detail .blog-content--wrapper .blog-left-content p, .blog-detail .blog-content--wrapper .blog-left-content td {
font-size: 2.2rem !important;
line-height: 30px !important;
}
}
@media (min-width: 1600px) and (max-width: 1799px) {
.blog-detail .blog-content--wrapper .blog-left-content li, .blog-detail .blog-content--wrapper .blog-left-content p, .blog-detail .blog-content--wrapper .blog-left-content td {
font-size: 2rem !important;
line-height: 28px !important;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.blog-detail .blog-content--wrapper .blog-left-content li, .blog-detail .blog-content--wrapper .blog-left-content p, .blog-detail .blog-content--wrapper .blog-left-content td {
font-size: 2rem !important;
line-height: 28px !important;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.blog-detail .blog-content--wrapper .blog-left-content li, .blog-detail .blog-content--wrapper .blog-left-content p, .blog-detail .blog-content--wrapper .blog-left-content td {
font-size: 1.8rem !important;
line-height: 26px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-detail .blog-content--wrapper .blog-left-content li, .blog-detail .blog-content--wrapper .blog-left-content p, .blog-detail .blog-content--wrapper .blog-left-content td {
font-size: 1.6rem !important;
line-height: 24px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.blog-detail .blog-content--wrapper .blog-left-content li, .blog-detail .blog-content--wrapper .blog-left-content p, .blog-detail .blog-content--wrapper .blog-left-content td {
font-size: 1.6rem !important;
line-height: 24px !important;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.blog-detail .blog-content--wrapper .blog-left-content li, .blog-detail .blog-content--wrapper .blog-left-content p, .blog-detail .blog-content--wrapper .blog-left-content td {
font-size: 1.8rem !important;
line-height: 26px !important;
}
}
@media (max-width: 575px) {
.blog-detail .blog-content--wrapper .blog-left-content li, .blog-detail .blog-content--wrapper .blog-left-content p, .blog-detail .blog-content--wrapper .blog-left-content td {
font-size: 1.8rem !important;
line-height: 26px !important;
}
}
.blog-detail .blog-content--wrapper .blog-left-content li {
margin: 5px 0;
margin-bottom: 15px;
}
.blog-detail .blog-content--wrapper .blog-left-content h2 {
margin-top: 40px;
margin-bottom: 9px;
}
.blog-detail .blog-content--wrapper .blog-left-content h3 {
margin-bottom: 20px;
}
.blog-detail .blog-content--wrapper .blog-left-content table, .blog-detail .blog-content--wrapper .blog-left-content th, .blog-detail .blog-content--wrapper .blog-left-content td {
border: 1px solid black;
border-collapse: collapse;
}
.blog-detail .blog-content--wrapper .blog-left-content th, .blog-detail .blog-content--wrapper .blog-left-content td {
padding: 15px;
}
.blog-detail .blog-content--wrapper .blog-left-content img {
width: 100%;
height: auto;
}
.blog-detail .blog-content--wrapper .blog-left-content a {
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.blog-detail .blog-content--wrapper .blog-left-content a:hover {
-webkit-box-shadow: rgb(255, 255, 255) 0px -1px 0px 0px inset, rgb(0, 102, 255) 0px -2px 0px 0px inset;
box-shadow: rgb(255, 255, 255) 0px -1px 0px 0px inset, rgb(0, 102, 255) 0px -2px 0px 0px inset;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.blog-detail .blog-content--wrapper .blog-right-content {
max-width: 300px;
width: 100%;
padding-top: 60px;
/* Style the popup */
/* Close button */
}
@media (max-width: 1599px) {
.blog-detail .blog-content--wrapper .blog-right-content {
padding-top: 40px;
}
}
@media (max-width: 1199px) {
.blog-detail .blog-content--wrapper .blog-right-content {
padding-top: 32px;
}
}
@media (max-width: 767px) {
.blog-detail .blog-content--wrapper .blog-right-content {
padding-right: 0;
}
}
@media (max-width: 767px) {
.blog-detail .blog-content--wrapper .blog-right-content {
max-width: 100%;
}
}
.blog-detail .blog-content--wrapper .blog-right-content__written {
margin-bottom: 15px;
}
.blog-detail .blog-content--wrapper .blog-right-content__author-popup {
background: #ffffff;
padding: 57px 64px 54px 64px;
border-radius: 5px;
width: 100%;
position: relative;
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
overflow: auto;
overflow-x: hidden;
max-width: 1000px;
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
max-height: 500px;
}
@media (max-width: 767px) {
.blog-detail .blog-content--wrapper .blog-right-content__author-popup {
background: #fff;
position: absolute;
top: 40px;
left: 0;
width: 100%;
height: calc(100% - 90px);
padding: 20px;
max-height: none;
}
}
@media (max-width: 767px) {
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-info {
text-align: center;
}
}
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-name {
margin-bottom: 8px;
}
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-y: auto;
gap: 64px;
}
@media (max-width: 767px) {
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-wrap {
display: block;
}
}
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-all-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000000;
}
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-all-links:after {
content: "";
margin-left: 1.5rem;
display: inline-block;
width: 2.4rem;
height: 2.4rem;
background-size: contain;
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow.svg") no-repeat center;
border-radius: 3px;
border: 2px solid #00B96B;
}
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-blog-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
border-top: 1px solid #78828C;
padding-top: 24px;
}
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-blog-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-blog-item:after {
content: "";
width: 8px;
height: 16px;
display: inline-block;
background-image: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/arrow-blue.svg");
background-size: contain;
background-repeat: no-repeat;
margin-left: 8px;
vertical-align: middle;
}
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-detail {
margin-top: 40px;
}
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-img > img {
width: 184px;
height: 184px;
border-radius: 0;
margin-bottom: 24px;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
@media (max-width: 767px) {
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-img > img {
width: 120px;
height: 120px;
margin: 0 auto 2.4rem;
}
}
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(29, 36, 43, 0.6);
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1000;
}
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-overlay.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blog-detail .blog-content--wrapper .blog-right-content__author-popup-overlay.active .blog-right-content__author-popup {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blog-detail .blog-content--wrapper .blog-right-content__social-icon {
width: 34px;
height: 34px;
}
.blog-detail .blog-content--wrapper .blog-right-content__social-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 24px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-detail .blog-content--wrapper .blog-right-content .popup-close-btn {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
font-size: 20px;
cursor: pointer;
}
.blog-detail .blog-content--wrapper .blog-right-content__author-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
padding: 16px;
border-radius: 5px;
gap: 24px;
-webkit-box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.1);
}
.blog-detail .blog-content--wrapper .blog-right-content__author-wrapper:hover {
-webkit-box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.25);
box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.25);
}
.blog-detail .blog-content--wrapper .blog-right-content__author-name {
margin-bottom: 0;
}
.blog-detail .blog-content--wrapper .blog-right-content__author-img {
max-width: 80px;
max-height: 80px;
}
.blog-detail .blog-content--wrapper .blog-right-content__author-img img {
height: 80px;
width: 80px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
border: 2px solid #00FD45;
}
.blog-detail .blog-content--wrapper .blog-right-content .blog-related-list {
margin-top: 80px;
}
@media (max-width: 767px) {
.blog-detail .blog-content--wrapper .blog-right-content .blog-related-list {
margin-top: 40px;
margin-bottom: 40px;
}
}
.blog-detail .blog-content--wrapper .blog-right-content .blog-related-list .related-list-container {
padding: 0;
}
.blog-detail .blog-content--wrapper .blog-right-content .blog-related-list .related-list__heading h2 {
text-align: left;
font-size: var(--font-size-h3);
line-height: var(--line-height-h3);
}
.blog-detail .blog-content__tag--wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 60px;
}
@media (max-width: 1799px) {
.blog-detail .blog-content__tag--wrapper {
padding-top: 50px;
}
}
@media (max-width: 1199px) {
.blog-detail .blog-content__tag--wrapper {
padding-top: 10px;
}
}
.blog-detail .blog-content__tag--item {
display: inline-block;
margin: 20px 0;
border: 2px solid #C0D4D9;
border-radius: 5px;
padding: 8px 24px;
color: #1D242B;
}
.blog-detail .blog-content__tag--item:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: #C0D4D9;
}
.blog-detail .blog-detail__most-popular__wrapper {
padding-top: 60px;
}
@media (max-width: 1799px) {
.blog-detail .blog-detail__most-popular__wrapper {
padding-top: 50px;
}
}
@media (max-width: 1199px) {
.blog-detail .blog-detail__most-popular__wrapper {
padding-top: 32px;
}
}
@media (max-width: 575px) {
.blog-detail .blog-detail__most-popular__wrapper {
padding-top: 28px;
}
}
.blog-detail .blog-detail__most-popular__wrapper .related-list-container {
padding: 0;
}
.blog-detail-page .blog-right-content .related-list__heading h2 {
margin-bottom: 15px;
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-xl) * -0.02);
font-size: var(--font-size-p-xl) !important;
line-height: var(--line-height-p-xl) !important;
font-family: "KlavikaWeb";
}
.blog-detail-page .blog-content--wrapper .cmp-related-tags {
padding-left: 0 !important;
padding-top: 70px !important;
}
@media (max-width: 1799px) {
.blog-detail-page .blog-content--wrapper .cmp-related-tags {
padding-top: 60px !important;
}
}
@media (max-width: 1199px) {
.blog-detail-page .blog-content--wrapper .cmp-related-tags {
padding-top: 20px !important;
}
}
.blog-detail-page .blog-content--wrapper .cmp-related-tags .cmp-related-tags__tag-list {
padding-left: 0 !important;
}
.blog-detail-page .cmp-heroes-two-column__subtitle {
font-style: normal !important;
}
.blog-detail .blog-content--wrapper .blog-left-content p {
margin-bottom: 10px;
}
.no-scroll {
overflow: hidden;
}
.cmp-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
max-width: 100%;
margin: 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 2.4rem;
}
.cmp-column > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; /* Allows internal content to stack naturally */
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
}
.equal-height .cmp-column > div > div.aem-Grid,
.equal-height .cmp-column > div > div.aem-Grid > div,
.equal-height .cmp-column > div > div.aem-Grid > div > div,
.equal-height .cmp-column div.image,
.equal-height .cmp-column .cmp-image,
.equal-height .cmp-column .cmp-image__image,
.equal-height .cmp-column a.cmp-teaser {
height: 100%;
border-radius: 0;
}
.cmp-column__container {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.cmp-column .cmp-image__image {
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 992px) {
.cmp-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.6rem;
}
}
.cmp-column .column__one-column {
width: 100%;
}
.cmp-column .column__two-columns {
width: calc(50% - 12px);
}
.cmp-column .column__three-columns {
width: calc(33.333% - 16px);
}
.cmp-column .column__four-columns {
width: calc(25% - 18px);
}
.cmp-column .column__five-columns {
width: calc(20% - 19.2px);
}
.cmp-column .column__six-columns {
width: calc(16.666% - 20px);
}
.cmp-column .column__col-8__two-columns {
width: calc(67% - 15px);
}
.cmp-column .column__col-4__two-columns {
width: calc(33% - 9px);
}
.cmp-column .column__col-3__two-columns {
width: calc(25% - 6px);
}
.cmp-column .column__col-9__two-columns {
width: calc(75% - 18px);
}
.cmp-column .column__col-7__two-columns {
width: calc(58% - 12px);
}
.cmp-column .column__col-5__two-columns {
width: calc(42% - 12px);
}
.cmp-column .column__col-6__three-columns {
width: calc(50% - 16px);
}
.cmp-column .column__col-3__three-columns {
width: calc(25% - 16px);
}
@media (max-width: 575px) {
.cmp-column .column--mobile {
width: 100% !important;
}
}
@media (max-width: 991px) {
.cmp-column .column__two-columns {
width: calc(50% - 8px);
}
.cmp-column .column__col-8__two-columns, .cmp-column .column__col-9__two-columns {
width: calc(67% - 16px);
}
.cmp-column .column__col-3__two-columns, .cmp-column .column__col-4__two-columns {
width: calc(33% - 10px);
}
.cmp-column .column__col-7__two-columns, .cmp-column .column__col-5__two-columns {
width: 100%;
}
.cmp-column .column__three-columns, .cmp-column .column__five-columns, .cmp-column .column__six-columns {
width: 100%;
}
.cmp-column .column__col-6__three-columns, .cmp-column .column__col-3__three-columns {
width: calc((100% - 32px) / 3);
}
.cmp-column .column__four-columns {
width: calc(50% - 8px);
}
}
.cmp-column__green-border {
border: 34px solid #00774C;
}
@media (max-width: 767px) {
.cmp-column__green-border {
border-width: 20px;
}
}
.customer-detail .cmp-heroes {
min-height: 50rem;
position: relative;
}
.customer-detail .cmp-heroes .section__container {
position: static;
}
.customer-detail .cmp-heroes .section__container.fade-in {
-webkit-animation: none;
animation: none;
}
.aem-AuthorLayer-Edit .customer-detail .cmp-heroes-two-column {
position: relative;
}
@media (max-width: 767px) {
.customer-detail .cmp-heroes-two-column {
gap: 0;
}
}
.customer-detail .cmp-heroes-two-column__media {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
max-width: 764px;
}
@media (min-width: 1800px) {
.customer-detail .cmp-heroes-two-column__media {
max-width: 964px;
}
}
.customer-detail .cmp-heroes-two-column__media .video-container {
max-width: 100%;
}
.customer-detail .cmp-heroes-two-column__media .video-container .video-thumbnail {
max-height: 100%;
}
.customer-detail .cmp-heroes-two-column__media .video-container .video-thumbnail img {
width: 100%;
height: 100%;
max-width: 100%;
}
.customer-detail .cmp-heroes-two-column__media .video-container .video-thumbnail .play-button {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
.customer-detail .cmp-heroes-two-column__media .video-container .video-thumbnail .play-button {
-webkit-transform: inherit;
transform: inherit;
}
}
.customer-detail .cmp-heroes-two-column__media .video-container .video-thumbnail .play-button svg {
width: 64px;
height: 64px;
}
.customer-detail .cmp-heroes-two-column__media .cmp-image__image,
.customer-detail .cmp-heroes-two-column__media .video-thumbnail {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
clip-path: circle(74% at 72% 70%);
}
.aem-AuthorLayer-Edit .customer-detail .cmp-heroes-two-column__media .cmp-image__image,
.aem-AuthorLayer-Edit .customer-detail .cmp-heroes-two-column__media .video-thumbnail {
position: relative;
}
@media (max-width: 991px) {
.customer-detail .cmp-heroes-two-column__media .cmp-image__image,
.customer-detail .cmp-heroes-two-column__media .video-thumbnail {
clip-path: circle(85% at 100% 65%);
}
}
@media (max-width: 767px) {
.customer-detail .cmp-heroes-two-column__media {
margin-top: 80px;
position: relative;
width: 100%;
}
.customer-detail .cmp-heroes-two-column__media .cmp-image__image,
.customer-detail .cmp-heroes-two-column__media .video-thumbnail {
position: static;
clip-path: inherit;
margin: 0 auto;
display: block;
width: 100%;
-o-object-fit: inherit;
object-fit: inherit;
height: auto;
border-radius: 20px;
}
}
.customer-detail .cmp-heroes-two-column__content {
padding-top: 0rem;
}
.customer-detail .cmp-heroes-two-column__content h1.cmp-heroes-two-column__title {
font-size: 3.2rem;
line-height: 1.2;
font-style: normal;
font-weight: 500;
}
@media (min-width: 576px) and (max-width: 1199px) {
.customer-detail .cmp-heroes-two-column__content h1.cmp-heroes-two-column__title {
font-size: 3.6rem;
line-height: 4.2rem;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.customer-detail .cmp-heroes-two-column__content h1.cmp-heroes-two-column__title {
font-size: 4.2rem;
line-height: 4.8rem;
}
}
@media (min-width: 1400px) and (max-width: 1799px) {
.customer-detail .cmp-heroes-two-column__content h1.cmp-heroes-two-column__title {
font-size: 5rem;
line-height: 5.2rem;
}
}
@media (min-width: 1800px) {
.customer-detail .cmp-heroes-two-column__content h1.cmp-heroes-two-column__title {
font-size: 6.2rem;
line-height: 6.2rem;
}
}
.customer-detail .cmp-heroes-two-column__logo {
max-width: 180px;
max-height: 70px;
width: auto;
margin-bottom: 24px;
}
@media (max-width: 767px) {
.customer-detail .cmp-heroes-two-column__logo {
display: none;
}
}
.customer-detail .cmp-heroes-two-column__logo.mobile {
display: block;
position: absolute;
top: -50px;
left: 40px;
width: 100px;
height: 100px;
max-width: 100%;
max-height: 100%;
padding: 10px;
margin: 0;
background-color: #fff;
border-radius: 100%;
-webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 768px) {
.customer-detail .cmp-heroes-two-column__logo.mobile {
display: none;
}
}
.customer-detail__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.customer-detail__wrapper {
display: block;
}
}
.customer-detail__wrapper .stat-quote-blade {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
border-radius: 10px;
margin-bottom: 80px;
}
@media (max-width: 991px) {
.customer-detail__wrapper .stat-quote-blade {
margin-bottom: 64px;
}
}
.customer-detail__wrapper .stat-quote-blade .cmp-stat {
padding: 0 70px !important;
}
@media (max-width: 767px) {
.customer-detail__wrapper .stat-quote-blade .cmp-stat {
max-width: 100% !important;
width: calc(100% - 60px) !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 30px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.customer-detail__wrapper .stat-quote-blade .cmp-stat {
max-width: 280px;
}
}
.customer-detail__wrapper .stat-quote-blade .cmp-stat__card-value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 6px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.customer-detail__wrapper .stat-quote-blade .cmp-stat__card-value.prefix-stat {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
}
.customer-detail__wrapper .stat-quote-blade .cmp-stat__card-value span {
white-space: nowrap;
}
.customer-detail__wrapper .stat-quote-blade .cmp-stat__card-value span.prefix {
max-width: 5ch;
overflow-wrap: break-word;
}
.customer-detail__wrapper .stat-quote-blade .cmp-stat__card-description {
margin-top: 10px;
}
@media (max-width: 991px) {
.customer-detail__wrapper .stat-quote-blade .cmp-quote {
padding: 0 3rem;
}
}
@media (max-width: 991px) {
.customer-detail__wrapper .stat-quote-blade .cmp-quote__content {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.customer-detail__wrapper .stat-quote-blade .cmp-quote__text {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.customer-detail__wrapper .stat-quote-blade .cmp-quote__text {
padding-left: 0;
}
}
.customer-detail__wrapper .stat-quote-blade .cmp-quote__author {
position: relative;
border-top: none;
}
.customer-detail__wrapper .stat-quote-blade .cmp-quote__author::before {
content: "";
height: 1px;
max-width: 330px;
width: 100%;
background: #00FD45;
position: absolute;
left: 0;
top: 0;
}
.customer-detail__info {
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 70px;
}
.customer-detail__info ul, .customer-detail__info li {
margin: 0;
padding: 0;
list-style: none;
}
.customer-detail__info h2 {
margin-bottom: 1.6rem;
}
.customer-detail__info h2:has(.heading-line) {
margin-bottom: 2.4rem;
padding-bottom: 20px;
}
.customer-detail__info h2 .heading-line {
position: relative;
padding-bottom: 20px;
}
.customer-detail__info h2 .heading-line:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 4px;
width: 120px;
background: orange;
}
.customer-detail__info ul {
padding-left: 23px;
-webkit-margin-after: 2.5rem;
margin-block-end: 2.5rem;
}
.customer-detail__info ul li {
margin: 0 0 8px 0;
position: relative;
}
.customer-detail__info ul li:before {
content: "";
position: absolute;
top: 2px;
bottom: 0;
border-radius: 50%;
width: 8px;
height: 8px;
background: #00FD45;
margin: 8px 0;
left: -23px;
}
@media (max-width: 767px) {
.customer-detail__info {
margin-bottom: 40px;
padding-right: 0;
}
}
.customer-detail__info .customer-content .cmp-container .text .cmp-text {
padding-left: 0 !important;
padding-right: 0 !important;
}
.customer-detail__info .customer-content .cmp-container .text .cmp-text p {
font-size: var(--font-size-p-lg);
line-height: var(--line-height-p-lg);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-lg) * -0.02);
}
.customer-detail__info .customer-content .cmp-container .text .cmp-text ul {
font-size: var(--font-size-p-lg);
line-height: var(--line-height-p-lg);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-lg) * -0.02);
}
.customer-detail__sidebar {
max-width: 390px;
width: 100%;
}
@media (max-width: 1199px) {
.customer-detail__sidebar {
max-width: 250px;
}
}
@media (max-width: 767px) {
.customer-detail__sidebar {
max-width: 100%;
}
}
.customer-detail__sidebar h4 {
margin-bottom: 2.4rem;
}
@media (max-width: 767px) {
.customer-detail__sidebar .social-link,
.customer-detail__sidebar .sidebar-listing,
.customer-detail__sidebar > h4 {
display: none;
}
}
.customer-detail__sidebar .sidebar-listing {
display: none;
}
@media (min-width: 768px) {
.customer-detail__sidebar .sidebar-listing {
display: block;
}
}
.customer-detail__sidebar .social-share {
display: none;
}
@media (min-width: 768px) {
.customer-detail__sidebar .social-share {
display: block;
}
}
.customer-detail__sidebar .social-share .social-share-this {
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media (max-width: 575px) {
.customer-detail__sidebar .social-share .social-share-this {
margin-bottom: -10px;
}
}
.customer-detail__sidebar .social-share .social-share-this div {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 22px;
display: inline-block;
margin-right: 20px;
margin-bottom: 15px;
cursor: pointer;
text-indent: -99999px;
}
@media (min-width: 1200px) {
.customer-detail__sidebar .social-share .social-share-this div {
margin-right: 30px;
}
}
.customer-detail__sidebar .social-share .social-share-this div:last-child {
margin-right: 0 !important;
}
.customer-detail__sidebar .social-share .social-share-this div.twitter {
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/customers/x-logo-blue.svg");
}
.customer-detail__sidebar .social-share .social-share-this div.linkedin {
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/customers/linkedin-blue.svg");
}
.customer-detail__sidebar .social-share .social-share-this div.facebook {
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/customers/facebook-blue.svg");
width: 12px;
}
.customer-detail__sidebar .social-share .social-share-this div.youtube {
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/youtube_green.svg");
width: 27px;
}
.customer-detail__sidebar .social-share .social-share-this div.rss {
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/customers/rss_green.svg");
width: 22px;
}
.customer-detail__sidebar .social-share .social-share-this div.share {
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/customers/share-blue.svg");
}
.customer-detail__sidebar .social-share .social-share-this div.email {
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/customers/email-blue.svg");
height: 24px;
}
.customer-detail__sidebar .social-links {
margin: 0 0 1.6rem;
width: 100%;
}
.customer-detail__sidebar .social-links a {
margin-right: 30px;
margin-bottom: 15px;
font-weight: var(--font-weight-medium);
}
.customer-detail__sidebar ul, .customer-detail__sidebar li {
margin: 0;
padding: 0;
list-style: none;
}
.customer-detail__sidebar ul li {
margin-top: 16px;
}
.customer-detail__sidebar .links {
padding: 32px 0;
border-top: 1px solid #00FD45;
}
.customer-detail__sidebar .links:first-child {
border: 0;
}
.customer-detail__sidebar .links:last-child {
margin-bottom: 80px;
padding-bottom: 0;
}
.customer-detail__sidebar .links.industry li {
padding-left: 32px;
position: relative;
}
.customer-detail__sidebar .links li {
position: relative;
}
.customer-detail__sidebar .links li img {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px;
height: 24px;
margin: 0;
-o-object-fit: contain;
object-fit: contain;
z-index: 1;
background: #fff;
}
.customer-detail__sidebar .recommended-resource .row {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -12px;
}
.customer-detail__sidebar .recommended-resource .row > div {
padding: 0 12px;
margin: 0 auto;
}
.customer-detail__sidebar .recommended-resource .listing-card {
border-radius: 5px;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
position: relative;
margin-bottom: 30px;
}
.customer-detail__sidebar .recommended-resource .listing-card:hover .listing-card-content h4, .customer-detail__sidebar .recommended-resource .listing-card:hover .listing-card-content p {
display: block;
}
.customer-detail__sidebar .recommended-resource .listing-card:hover .link-arrow {
background-image: url(../../../wp-content/themes/cohesity_new/assets/images/redesign-2025/buttons/right-black-arrow.svg);
background-position: no-repeat;
background-size: contain;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing {
-webkit-box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.15);
height: 390px;
}
@media (min-width: 1600px) and (max-width: 1799px) {
.customer-detail__sidebar .recommended-resource .listing-card.listing {
height: 405px;
}
}
@media (min-width: 1800px) {
.customer-detail__sidebar .recommended-resource .listing-card.listing {
height: 460px;
}
}
.customer-detail__sidebar .recommended-resource .listing-card.listing .eyebrow {
display: block;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-bottom: 0;
font-size: 2rem;
}
@media (min-width: 1800px) {
.customer-detail__sidebar .recommended-resource .listing-card.listing .eyebrow {
font-size: 2.2rem;
}
}
@media (max-width: 1199px) {
.customer-detail__sidebar .recommended-resource .listing-card.listing .eyebrow {
font-size: 1.8rem;
}
}
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-img {
height: 245px;
overflow: hidden;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-img::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: linear-gradient(180.61deg, rgba(0, 0, 0, 0.4) 37.82%, rgba(0, 0, 0, 0) 87.52%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-img .play-icon {
-webkit-transition: 0.3s;
transition: 0.3s;
background-image: url("../../../wp-content/themes/cohesity_new/assets/images/redesign-2023/large.svg");
background-size: contain;
background-repeat: no-repeat;
position: absolute;
width: 64px;
height: 64px;
right: 30px;
top: 30px;
z-index: 1;
cursor: pointer;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-img .play-icon:hover {
background-image: url("../../../wp-content/themes/cohesity_new/assets/images/redesign-2023/statelarge.svg");
}
@media (min-width: 1800px) {
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-img {
height: 300px;
}
}
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-img img.listing-logo {
z-index: 1;
position: absolute;
left: 30px;
top: 30px;
max-width: 130px;
max-height: 50px;
width: auto;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-img img.banner-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing:hover .listing-card-content {
max-height: 100% !important;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
min-height: 180px;
max-height: 180px;
z-index: 1;
background: #fff;
padding: 30px 30px;
-webkit-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out;
}
@media (max-width: 767px) {
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-content {
min-height: 145px;
max-height: 145px;
}
}
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-content p {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: var(--font-size-p-xl);
line-height: var(--line-height-p-xl);
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-xl) * -0.03);
}
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-content .overlay-content {
opacity: 0;
visibility: hidden;
margin-top: 20px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-content .overlay-content p {
-webkit-line-clamp: inherit !important;
display: block;
font-size: var(--font-size-p-sm);
line-height: var(--line-height-p-sm);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-sm) * -0.02);
}
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-content .overlay-content .btn-wrap {
margin-top: 30px;
height: auto;
position: relative;
}
@media (max-width: 575px) {
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-content .overlay-content .btn-wrap {
margin-top: 20px;
}
}
@media (min-width: 1200px) {
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-content .overlay-content .btn-wrap {
margin-top: 55px;
}
}
.customer-detail__sidebar .recommended-resource .listing-card.listing .listing-card-content .overlay-content .btn-wrap .button {
margin-bottom: 0;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing:hover .listing-card-content {
height: auto;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing:hover .listing-card-content .eyebrow {
white-space: inherit;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing:hover .listing-card-content p {
-webkit-line-clamp: inherit;
display: block;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing:hover .listing-card-content .overlay-content {
opacity: 1;
visibility: visible;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing:hover .listing-card-content .button--style-tertiary-green a {
color: #080808;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing:hover .listing-card-content .button--style-tertiary-green a::after {
content: "";
background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='28' height='28' rx='4' fill='%23080808'/%3E%3Crect x='1' y='1' width='28' height='28' rx='4' stroke='%2300B96B' stroke-width='2'/%3E%3Cpath d='M6 15L22.8535 15' stroke='%2300FD92' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 9L24 15L18 21' stroke='%2300FD92' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
margin-left: 12px;
}
@media (max-width: 767px) {
.customer-detail__sidebar .recommended-resource .listing-card.listing:hover .listing-card-content .button--style-tertiary-green a::after {
height: 20px;
width: 20px;
}
}
.customer-detail__sidebar .recommended-resource .listing-card.listing.single-cta .listing-card-content {
cursor: pointer;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing.single-cta .listing-card-content:hover .overlay-content .link-black::after {
margin-left: 20px;
background-color: #00FD45;
}
.customer-detail__sidebar .recommended-resource .listing-card.listing.single-cta .listing-card-content .link-cta {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 2;
text-indent: -9999px;
}
.customer-detail .cmp-container .text .cmp-text li {
font-size: var(--font-size-p-lg);
}
.form-page .form-container,
.form-page .thanku-explore {
max-width: var(--max-width);
margin: 0 auto;
padding-inline: var(--padding-side);
padding-block: var(--spacing-blade);
}
.form-page .form-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.4rem;
}
@media (max-width: 767px) {
.form-page .form-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.form-page .form-content {
width: 50%;
}
@media (max-width: 767px) {
.form-page .form-content {
width: 100%;
}
}
.form-page .form-marketo {
width: 50%;
}
@media (max-width: 767px) {
.form-page .form-marketo {
width: 100%;
}
}
.form-page .hidden {
display: none;
}
.form-page .thanku-explore {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.form-page .section__container {
z-index: 1;
}
.form-page .cmp-heroes {
z-index: 2;
}
@media (max-width: 991px) {
.form-page .cmp-heroes-two-column {
display: block;
}
}
.form-page .intro p {
margin-block: 15px;
}
.form-page .intro .btn-wrap {
margin-top: 15px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/*!
* animate.css -http://daneden.me/animate
* Version - 3.6.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2018 Daniel Eden
*/
.wow {
visibility: hidden;
}
.animated {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation: fadeInUp 0.9s 0s both;
animation: fadeInUp 0.9s 0s both;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.blur {
-webkit-animation-name: blur;
animation-name: blur;
}
@-webkit-keyframes blur {
from {
text-shadow: 0 0 100px #fff;
color: transparent;
}
to {
color: transparent;
text-shadow: 0 0 0 #fff;
}
}
@keyframes blur {
from {
text-shadow: 0 0 100px #fff;
color: transparent;
}
to {
color: transparent;
text-shadow: 0 0 0 #fff;
}
}
.scaleRight {
-webkit-animation-name: scaleRight;
animation-name: scaleRight;
}
@-webkit-keyframes scaleRight {
from {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
}
@keyframes scaleRight {
from {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
}
.scaleLeft {
-webkit-animation-name: scaleLeft;
animation-name: scaleLeft;
}
@-webkit-keyframes scaleLeft {
from {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
}
@keyframes scaleLeft {
from {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
}
.wefadeInRight {
-webkit-animation: we-fade-in-right 1.2s 0.2s both;
animation: we-fade-in-right 1.2s 0.2s both;
}
.wefadeInLeft {
-webkit-animation: we-fade-in-left 1.2s 0.2s both;
animation: we-fade-in-left 1.2s 0.2s both;
}
.wefadeInBottom {
-webkit-animation: we-fade-in-bottom 2s ease-in-out 0.2s both;
animation: we-fade-in-bottom 2s ease-in-out 0.2s both;
}
.kenburns-bottom-right {
-webkit-animation: kenburns-bottom-right 12s ease-in-out both;
animation: kenburns-bottom-right 12s ease-in-out both;
}
@media (max-width: 576px) {
.kenburns-bottom-right {
-webkit-animation: kenburns-bottom-right-mobile 12s ease-in-out both;
animation: kenburns-bottom-right-mobile 12s ease-in-out both;
}
}
/**
* ----------------------------------------
* custom animation fade-in-right
* ----------------------------------------
*/
@-webkit-keyframes we-fade-in-right {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes we-fade-in-right {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.we-zoom-in {
-webkit-animation: we-zoom-in 1.2s 0.2s both;
animation: we-zoom-in 1.2s 0.2s both;
}
@-webkit-keyframes we-zoom-in {
0% {
-webkit-transform: scale(0.75);
transform: scale(0.75);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes we-zoom-in {
0% {
-webkit-transform: scale(0.75);
transform: scale(0.75);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
/**
* ----------------------------------------
* custom animation fade-in-left
* ----------------------------------------
*/
@-webkit-keyframes we-fade-in-left {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes we-fade-in-left {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-webkit-keyframes we-fade-in-bottom {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes we-fade-in-bottom {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes we-fade-in-up {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes we-fade-in-up {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.wefadeInUp {
-webkit-animation: wefadeInUp 1.2s 0.2s both;
animation: wefadeInUp 1.2s 0.2s both;
}
@-webkit-keyframes we-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes we-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.wefadeIn {
-webkit-animation: we-fade-in 1.2s 0.2s both;
animation: we-fade-in 1.2s 0.2s both;
}
@-webkit-keyframes wefadeInUp {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes wefadeInUp {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.wefadeInUplarge {
-webkit-animation: wefadeInUplarge 1.2s 0.2s both;
animation: wefadeInUplarge 1.2s 0.2s both;
}
@-webkit-keyframes wefadeInUplarge {
0% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes wefadeInUplarge {
0% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes svgUpDown {
from {
stroke-dasharray: 1540px;
stroke-dashoffset: 1580px;
}
to {
stroke-dasharray: 1540px;
stroke-dashoffset: 3100px;
}
}
@keyframes svgUpDown {
from {
stroke-dasharray: 1540px;
stroke-dashoffset: 1580px;
}
to {
stroke-dasharray: 1540px;
stroke-dashoffset: 3100px;
}
}
@-webkit-keyframes svgCircleRotate {
from {
stroke-dasharray: 180px;
stroke-dashoffset: 180px;
}
to {
stroke-dasharray: 180px;
stroke-dashoffset: 0px;
}
}
@keyframes svgCircleRotate {
from {
stroke-dasharray: 180px;
stroke-dashoffset: 180px;
}
to {
stroke-dasharray: 180px;
stroke-dashoffset: 0px;
}
}
@-webkit-keyframes svgDownUp {
from {
stroke-dasharray: 1540px;
stroke-dashoffset: 1540px;
}
to {
stroke-dasharray: 1540px;
stroke-dashoffset: 10px;
}
}
@keyframes svgDownUp {
from {
stroke-dasharray: 1540px;
stroke-dashoffset: 1540px;
}
to {
stroke-dasharray: 1540px;
stroke-dashoffset: 10px;
}
}
@-webkit-keyframes svgTransform {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes svgTransform {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/**
* ----------------------------------------
* animation kenburns-bottom-right
* ----------------------------------------
*/
@-webkit-keyframes kenburns-bottom-right {
0% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
-webkit-transform-origin: 94% 94%;
transform-origin: 94% 94%;
}
100% {
-webkit-transform: scale(1.25) translate(20px, 15px);
transform: scale(1.25) translate(20px, 15px);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
}
@keyframes kenburns-bottom-right {
0% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
-webkit-transform-origin: 94% 94%;
transform-origin: 94% 94%;
}
100% {
-webkit-transform: scale(1.25) translate(20px, 15px);
transform: scale(1.25) translate(20px, 15px);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
}
/**
* ----------------------------------------
* animation kenburns-bottom-right-mobile
* ----------------------------------------
*/
@-webkit-keyframes kenburns-bottom-right-mobile {
0% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
-webkit-transform-origin: 94% 94%;
transform-origin: 94% 94%;
}
100% {
-webkit-transform: scale(1.15) translate(20px, 15px);
transform: scale(1.15) translate(20px, 15px);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
}
@keyframes kenburns-bottom-right-mobile {
0% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
-webkit-transform-origin: 94% 94%;
transform-origin: 94% 94%;
}
100% {
-webkit-transform: scale(1.15) translate(20px, 15px);
transform: scale(1.15) translate(20px, 15px);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
}
.awards-grid-listing {
overflow: visible;
z-index: 1;
padding-top: 30px;
}
.awards-grid-listing .container {
width: 100%;
margin: 0 auto;
padding: 0 20px;
position: relative;
max-width: 1264px;
}
.awards-grid-listing .container .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
}
.awards-grid-listing .container .row > div {
margin-bottom: 30px;
}
.awards-grid-listing .container .row .blogs-grid {
display: block;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
border-radius: 5px;
position: relative;
background: #fff;
overflow: hidden;
height: 435px;
}
.awards-grid-listing .container .row .blogs-grid .img-wrap {
height: 190px;
}
.awards-grid-listing .container .row .blogs-grid .img-wrap img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap {
padding: 30px;
position: absolute;
left: 0;
bottom: 0;
background: #fff;
width: 100%;
min-height: 245px;
max-height: 245px;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
z-index: 1;
padding-bottom: 40px !important;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap .link-black {
line-height: 28px;
font-weight: 600;
color: #000;
display: inline-block;
z-index: 1;
text-decoration: none;
font-size: 1.6rem;
position: absolute;
bottom: 30px;
left: 30px;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap .link-black span {
position: relative;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap .link-black span::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
margin-left: 15px;
-webkit-transform: translateX(0);
transform: translateX(0);
background: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/resource/hoover-arrow.svg) no-repeat;
background-size: contain;
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 100px;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap .link-black span span::after {
display: none;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap .link-black:hover {
color: #000;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap .link-black:hover span::after {
margin-left: 20px;
background: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/resource/green-arrow.svg) no-repeat;
background-size: cover;
width: 25px;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap .eyebrow {
font-size: 1.8rem;
font-weight: 700 !important;
line-height: 24px !important;
letter-spacing: 0.1em !important;
text-transform: uppercase;
color: #004A66;
display: inline-block;
margin-bottom: 8px;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap .p-l-bold {
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 24px;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap .overlay-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap .overlay-text {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
padding-bottom: 30px;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap:hover .link-black span::after {
margin-left: 20px;
background-color: #00FD45;
background-size: cover;
width: 25px;
}
.awards-grid-listing .container .row .blogs-grid:hover .text-wrap {
max-height: 100% !important;
padding-bottom: 90px;
}
.awards-grid-listing .container .row .blogs-grid:hover .text-wrap .p-l-bold {
-webkit-line-clamp: inherit;
display: block;
}
.awards-grid-listing .container .row .blogs-grid:hover .text-wrap .overlay-text {
opacity: 1;
visibility: visible;
}
@media (min-width: 1800px) {
.awards-grid-listing {
padding-top: 80px;
}
.awards-grid-listing .container {
max-width: 1650px;
}
.awards-grid-listing .container .row .blogs-grid {
height: 505px;
}
.awards-grid-listing .container .row .blogs-grid .img-wrap {
height: 250px;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap {
min-height: 255px;
max-height: 255px;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap .eyebrow {
font-size: 1.8rem !important;
font-weight: 600 !important;
}
}
@media (max-width: 991.98px) {
.awards-grid-listing .container {
padding: 0 16px;
}
}
@media (max-width: 767px) {
.awards-grid-listing .container .row > div:last-child {
margin-bottom: 0;
}
}
@media (max-width: 595px) {
.awards-grid-listing .container .row .blogs-grid {
height: 400px;
}
.awards-grid-listing .container .row .blogs-grid .img-wrap {
height: 180px;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap {
padding: 20px;
min-height: 220px;
max-height: 220px;
}
.awards-grid-listing .container .row .blogs-grid .text-wrap .link-black {
bottom: 20px;
left: 20px;
}
.awards-grid-listing .container .row .blogs-grid:hover .text-wrap {
padding-bottom: 80px;
}
}
@media (min-width: 1600px) and (max-width: 1799px) {
.awards-grid-listing .container .row .blogs-grid .text-wrap .eyebrow {
font-size: 1.6rem !important;
line-height: 22px !important;
font-weight: 600 !important;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.awards-grid-listing .container .row .blogs-grid .text-wrap .eyebrow {
font-size: 1.6rem !important;
line-height: 22px !important;
font-weight: 600 !important;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.awards-grid-listing .container .row .blogs-grid .text-wrap .eyebrow {
font-size: 1.4rem !important;
line-height: 20px !important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.awards-grid-listing .container .row .blogs-grid .text-wrap .eyebrow {
font-size: 1.4rem !important;
line-height: 20px !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.awards-grid-listing .container .row .blogs-grid .text-wrap .eyebrow {
font-size: 1.4rem !important;
line-height: 20px !important;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.awards-grid-listing .container .row .blogs-grid .text-wrap .eyebrow {
font-size: 1.4rem !important;
line-height: 20px !important;
}
}
@media (max-width: 575.98px) {
.awards-grid-listing .container .row .blogs-grid .text-wrap .eyebrow {
font-size: 1.4rem !important;
line-height: 20px !important;
}
}
.bingSearch__render {
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0 60px;
max-width: 1340px;
}
@media (max-width: 767px) {
.bingSearch__render {
padding: 0 20px;
}
}
.search-page {
float: left;
margin-bottom: 48px;
}
@media (max-width: 991px) {
.search-page {
margin-top: -60px;
}
}
@media (max-width: 767px) {
.search-page {
margin-top: 8px;
}
}
.search-page h2 {
padding-bottom: 2px;
font-size: 40px;
font-weight: 500;
line-height: 1.35;
letter-spacing: -0.015em;
color: #000;
}
.search-page .bg-img {
position: absolute;
top: 0;
z-index: -1;
display: none;
}
@media (min-width: 1600px) {
.search-page .bg-img {
max-height: 580px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.search-page .bg-img {
max-height: 380px;
}
}
@media (max-width: 767px) {
.search-page .bg-img {
height: 580px;
}
}
.search-page .bg-img img {
height: auto;
}
@media (min-width: 1600px) {
.search-page .bg-img img {
height: 100%;
-o-object-position: bottom;
object-position: bottom;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.search-page .bg-img img {
height: 100%;
-o-object-position: bottom;
object-position: bottom;
}
}
@media (max-width: 767px) {
.search-page .bg-img img {
height: 70%;
}
}
.search-page .container {
z-index: 1;
position: relative;
}
@media (max-width: 991px) {
.search-page .container > h2 {
font-size: 20px;
}
}
@media (max-width: 767px) {
.search-page .container > h2 {
padding-bottom: 0;
}
}
.search-page .container .search-wrap {
max-width: 1125px;
}
@media (max-width: 991px) {
.search-page .container .search-wrap {
max-width: 100%;
}
}
.search-page .container .search-wrap article {
margin-top: 30px;
}
.search-page .container .search-wrap article .post-content h2 a.post-title {
font-size: 30px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -0.4px;
color: #000000;
margin: 5px 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.search-page .container .search-wrap article .post-content h2 a.post-title {
font-size: 18px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.search-page .container .search-wrap article .post-content h2 a.post-title {
font-size: 18px;
}
}
@media (max-width: 575px) {
.search-page .container .search-wrap article .post-content h2 a.post-title {
font-size: 16px;
display: block;
line-height: 1.5;
}
}
.search-page .container .search-wrap article .post-content p {
margin: 0;
}
.search-page .container .search-wrap article .post-content p a {
font-size: 18px;
font-weight: 400;
line-height: 1.63;
letter-spacing: -0.19px;
word-break: break-all;
color: #3E4C5A;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (max-width: 575px) {
.search-page .container .search-wrap article .post-content p a {
font-size: 14px;
}
}
.search-page .container .search-wrap article .post-content p a:hover {
color: #00FD92;
}
.search-page .container .search-wrap article .post-content .entry-content {
font-size: 18px;
font-weight: 400;
line-height: 1.62;
letter-spacing: -0.24px;
color: #000000;
margin: 7px 0;
}
@media (max-width: 575px) {
.search-page .container .search-wrap article .post-content .entry-content {
font-size: 14px;
}
}
.button {
display: inline-block;
text-decoration: none;
text-align: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
margin-bottom: 18px;
margin-right: 18px;
border-radius: 5px;
background: none;
}
@media (min-width: 1800px) {
.button {
margin-bottom: 24px;
margin-right: 24px;
}
}
@media (max-width: 575px) {
.button {
margin-bottom: 12px;
margin-right: 12px;
}
}
.button button,
.button a {
cursor: pointer;
border-radius: 0.5rem;
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;
line-height: 100%;
font-family: "KlavikaWeb";
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
-webkit-transition: color 0.3s, background 0.3s, border 0.3s;
transition: color 0.3s, background 0.3s, border 0.3s;
}
@media (min-width: 1600px) {
.button button,
.button a {
padding: 18px 32px;
font-size: 1.8rem;
}
}
@media (min-width: 768px) and (max-width: 1599px) {
.button button,
.button a {
padding: 16px 32px;
font-size: 1.6rem;
}
}
@media (max-width: 767px) {
.button button,
.button a {
font-size: 1.2rem;
padding: 14px 22px;
}
}
.button button img,
.button a img {
margin-left: 8px;
}
.button--size-medium a,
.button--size-medium button {
font-size: 1.6rem;
padding: 1.6rem 3rem;
font-weight: 700;
line-height: 90%;
}
@media (min-width: 1800px) {
.button--size-medium a,
.button--size-medium button {
font-size: 1.8rem;
}
}
.button--size-large a,
.button--size-large button {
padding: 1.6rem 4rem;
font-weight: 700;
font-size: 1.8rem;
line-height: 120%;
}
@media (min-width: 1800px) {
.button--size-large a,
.button--size-large button {
font-size: 2rem;
}
}
.button--size-small a,
.button--size-small button {
padding: 1.2rem 2.4rem;
font-weight: 700;
font-size: 1.4rem;
line-height: 115%;
}
@media (min-width: 1800px) {
.button--size-small a,
.button--size-small button {
font-size: 1.6rem;
}
}
.button--style-primary button, .button--style-primary a {
background-color: #00FD45;
border: 0.2rem solid #00FD45;
color: #000000;
}
.button--style-primary button:hover, .button--style-primary a:hover {
background: #ffffff;
border: 0.2rem solid #00FD45;
}
.button--style-primary button[disabled=true], .button--style-primary a[disabled=true] {
background: #caccce;
color: #878787;
border: 0;
cursor: text;
}
.button--style-secondary button, .button--style-secondary a {
border: 0.2rem solid #00FD45;
color: #000000;
}
.button--style-secondary button:hover, .button--style-secondary a:hover {
color: #000000;
background-color: #00FD45;
}
.button--style-secondary button[disabled=true], .button--style-secondary a[disabled=true] {
border: 0.1rem solid #caccce;
color: #878787;
background-color: transparent;
cursor: text;
}
.button--style-tertiary button, .button--style-tertiary a {
color: #000000;
border: 0;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
text-transform: none;
font-family: "KlavikaWebCondensed";
font-weight: 500;
}
@media (min-width: 1600px) {
.button--style-tertiary button, .button--style-tertiary a {
font-size: 24px;
}
}
@media (min-width: 768px) and (max-width: 1599px) {
.button--style-tertiary button, .button--style-tertiary a {
font-size: 22px;
}
}
@media (max-width: 767px) {
.button--style-tertiary button, .button--style-tertiary a {
font-size: 18px;
}
}
.button--style-tertiary button::first-letter, .button--style-tertiary a::first-letter {
text-transform: uppercase;
}
.button--style-tertiary button img, .button--style-tertiary a img {
display: none;
}
.button--style-tertiary button[disabled=true], .button--style-tertiary a[disabled=true] {
color: #878787;
cursor: text;
}
.button--style-tertiary button:hover::after, .button--style-tertiary a:hover::after {
content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.25' y='1.25' width='21.5' height='21.5' rx='2' fill='%2300FD45' stroke='%2300FD45' stroke-width='1.5'/%3E%3Cpath d='M6 12H16' stroke='%231D242B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8L18 12L14 16' stroke='%231D242B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
margin-left: 12px;
}
.button--style-tertiary button::after, .button--style-tertiary a::after {
content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.25' y='1.25' width='21.5' height='21.5' rx='2' stroke='%2300FD45' stroke-width='1.5'/%3E%3Cpath d='M6 12H16' stroke='%231D242B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8L18 12L14 16' stroke='%231D242B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
margin-left: 8px;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.button--type-standard {
display: inline-block;
}
.button--type-linked {
color: #0066FF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.5rem;
}
.button--type-linked img {
margin-left: 0.8rem;
max-width: 2.4rem;
}
.button--color-blue button, .button--color-blue a {
background-color: #0066FF;
color: #fff;
border: 0.2rem solid #0066FF;
}
.button--color-blue button:hover, .button--color-blue a:hover {
background: #ffffff;
border: 0.2rem solid #0066FF;
color: #000;
}
.button--color-blue.button--style-secondary button, .button--color-blue.button--style-secondary a {
background: #ffffff;
border: 0.2rem solid #0066FF;
color: #000;
}
.button--color-blue.button--style-secondary button:hover, .button--color-blue.button--style-secondary a:hover {
background-color: #0066FF;
color: #fff;
border: #06f;
}
.button--color-blue.button--style-secondary button[disabled=true], .button--color-blue.button--style-secondary a[disabled=true] {
border: 0.1rem solid #caccce;
color: #878787;
background-color: transparent;
cursor: text;
}
.button--color-blue.button--style-tertiary button, .button--color-blue.button--style-tertiary a {
color: #000000;
border: 0;
background: transparent;
}
.button--color-blue.button--style-tertiary button[disabled=true], .button--color-blue.button--style-tertiary a[disabled=true] {
color: #878787;
cursor: text;
}
.button--style-primary-green button, .button--style-primary-green a {
background-color: #00FD92;
color: #080808;
border: 1.5px solid #006616;
}
.button--style-primary-green button:hover, .button--style-primary-green a:hover {
background: #00774C;
border: 1.5px solid #080808;
color: #ffffff;
}
.button--style-secondary-ghost-green button, .button--style-secondary-ghost-green a {
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
border: 1.5px solid #ffffff;
}
.button--style-secondary-ghost-green button:hover, .button--style-secondary-ghost-green a:hover {
background: rgba(0, 185, 107, 0.5);
border: 1.5px solid #080808;
color: #080808;
}
.button--style-secondary-ghost-transparent button, .button--style-secondary-ghost-transparent a {
background-color: transparent;
color: #080808;
border: 1.5px solid #080808;
}
.button--style-secondary-ghost-transparent button:hover, .button--style-secondary-ghost-transparent a:hover {
background-color: rgba(0, 253, 146, 0.5);
color: #080808;
border: 1.5px solid #080808;
}
.button--style-primary-black button, .button--style-primary-black a {
background-color: #080808;
color: #00FD92;
border: 1.5px solid #00B96B;
}
.button--style-primary-black button:hover, .button--style-primary-black a:hover {
background: rgba(0, 253, 146, 0.5);
border: 1.5px solid #00B96B;
color: #080808;
}
.button--style-primary-black-white-background button, .button--style-primary-black-white-background a {
background-color: #080808;
color: #00FD92;
border: 1.5px solid #00B96B;
}
.button--style-primary-black-white-background button:hover, .button--style-primary-black-white-background a:hover {
background: #ffffff;
border: 1.5px solid #080808;
color: #080808;
}
.button--style-secondary-white button, .button--style-secondary-white a {
background-color: #ffffff;
color: #080808;
border: 1.5px solid #00B96B;
}
.button--style-secondary-white button:hover, .button--style-secondary-white a:hover {
background: rgba(0, 253, 146, 0.5);
border: 1.5px solid #080808;
color: #080808;
}
.button--style-tertiary-green button, .button--style-tertiary-green a {
color: #00774C;
border: 0;
padding: 0;
background: transparent;
font-family: "KlavikaWebCondensed";
font-weight: 500;
text-transform: none;
}
@media (min-width: 1600px) {
.button--style-tertiary-green button, .button--style-tertiary-green a {
font-size: 24px;
}
}
@media (min-width: 768px) and (max-width: 1599px) {
.button--style-tertiary-green button, .button--style-tertiary-green a {
font-size: 22px;
}
}
@media (max-width: 767px) {
.button--style-tertiary-green button, .button--style-tertiary-green a {
font-size: 18px;
}
}
.button--style-tertiary-green button img, .button--style-tertiary-green a img {
display: none;
}
.button--style-tertiary-green button[disabled=true], .button--style-tertiary-green a[disabled=true] {
color: #878787;
cursor: text;
}
.button--style-tertiary-green button:hover, .button--style-tertiary-green a:hover {
color: #080808;
}
.button--style-tertiary-green button:hover::after, .button--style-tertiary-green a:hover::after {
content: "";
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg") no-repeat;
background-size: cover;
margin-left: 12px;
}
.button--style-tertiary-green button::after, .button--style-tertiary-green a::after {
content: "";
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow.svg") no-repeat;
background-size: cover;
height: 26px;
width: 26px;
margin-left: 8px;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) and (max-width: 1599px) {
.button--style-tertiary-green button::after, .button--style-tertiary-green a::after {
height: 24px;
width: 24px;
}
}
@media (max-width: 767px) {
.button--style-tertiary-green button::after, .button--style-tertiary-green a::after {
height: 20px;
width: 20px;
}
}
.button--style-tertiary-white button, .button--style-tertiary-white a {
color: #ffffff;
border: 0;
padding: 0;
background: transparent;
font-family: "KlavikaWebCondensed";
font-weight: 500;
text-transform: none;
}
@media (min-width: 1600px) {
.button--style-tertiary-white button, .button--style-tertiary-white a {
font-size: 24px;
}
}
@media (min-width: 768px) and (max-width: 1599px) {
.button--style-tertiary-white button, .button--style-tertiary-white a {
font-size: 22px;
}
}
@media (max-width: 767px) {
.button--style-tertiary-white button, .button--style-tertiary-white a {
font-size: 18px;
}
}
.button--style-tertiary-white button img, .button--style-tertiary-white a img {
display: none;
}
.button--style-tertiary-white button[disabled=true], .button--style-tertiary-white a[disabled=true] {
color: #878787;
cursor: text;
}
.button--style-tertiary-white button:hover::after, .button--style-tertiary-white a:hover::after {
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow.svg") no-repeat;
background-size: cover;
margin-left: 12px;
}
.button--style-tertiary-white button::after, .button--style-tertiary-white a::after {
content: "";
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg") no-repeat;
background-size: cover;
height: 26px;
width: 26px;
margin-left: 8px;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) and (max-width: 1599px) {
.button--style-tertiary-white button::after, .button--style-tertiary-white a::after {
height: 24px;
width: 24px;
}
}
@media (max-width: 767px) {
.button--style-tertiary-white button::after, .button--style-tertiary-white a::after {
height: 20px;
width: 20px;
}
}
.button--style-navigation button, .button--style-navigation a {
color: #006616;
border: 0;
padding: 0;
background: transparent;
font-family: "KlavikaWeb";
font-weight: 500;
text-transform: none;
}
@media (min-width: 1600px) {
.button--style-navigation button, .button--style-navigation a {
font-size: 22px;
letter-spacing: -0.44px;
}
}
@media (min-width: 768px) and (max-width: 1599px) {
.button--style-navigation button, .button--style-navigation a {
font-size: 20px;
letter-spacing: -0.4px;
}
}
@media (max-width: 767px) {
.button--style-navigation button, .button--style-navigation a {
font-size: 18px;
letter-spacing: -0.36px;
line-height: 20px;
}
}
.button--style-navigation button img, .button--style-navigation a img {
display: none;
}
.button--style-navigation button[disabled=true], .button--style-navigation a[disabled=true] {
color: #878787;
cursor: text;
}
.button--style-navigation button:hover, .button--style-navigation a:hover {
color: #00A323;
}
.button--style-navigation button:hover::after, .button--style-navigation a:hover::after {
opacity: 1;
margin-left: 12px;
}
.button--style-navigation button::after, .button--style-navigation a::after {
content: "";
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/green-arrow.svg") no-repeat;
background-size: cover;
margin-left: 8px;
width: 18px;
height: 16px;
margin-top: 2px;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 0;
}
@media (min-width: 768px) and (max-width: 1599px) {
.button--style-navigation button::after, .button--style-navigation a::after {
margin-top: 3px;
width: 16px;
height: 14px;
}
}
@media (max-width: 767px) {
.button--style-navigation button::after, .button--style-navigation a::after {
margin-top: 2px;
width: 14px;
height: 12px;
}
}
.button--style-black-overlay-white-text button, .button--style-black-overlay-white-text a {
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
border: 1.5px solid #ffffff;
}
.button--style-black-overlay-white-text button:hover, .button--style-black-overlay-white-text a:hover {
background: rgba(0, 253, 146, 0.5);
border: 1.5px solid #080808;
color: #080808;
}
.button--style-black-and-white button, .button--style-black-and-white a {
background-color: #ffffff;
color: #000000;
border: 1.5px solid #000000;
}
.button--style-black-and-white button:hover, .button--style-black-and-white a:hover {
background: rgba(0, 253, 146, 0.5);
color: #080808;
}
.button--style-rounded-blue button, .button--style-rounded-blue a {
padding: 13px 32px;
background-color: #06f;
color: #fff;
border: solid 2px #06f;
height: auto;
margin: 0;
font-weight: 600;
border-radius: 50px;
-webkit-transition: color 0.3s, background 0.3s, border 0.3s;
transition: color 0.3s, background 0.3s, border 0.3s;
font-size: 1.8rem;
text-transform: none;
}
.button--style-rounded-blue button:hover, .button--style-rounded-blue a:hover {
background-color: transparent;
color: #000;
border: solid 2px #06f;
}
.padding-top-xs {
padding-top: 7px !important;
}
.padding-bottom-xs {
padding-bottom: 7px !important;
}
.padding-top-sm {
padding-top: 20px !important;
}
.padding-bottom-sm {
padding-bottom: 20px !important;
}
.padding-top-md {
padding-top: 28px !important;
}
.padding-bottom-md {
padding-bottom: 28px !important;
}
.padding-top-lg {
padding-top: 40px !important;
}
.padding-bottom-lg {
padding-bottom: 40px !important;
}
.padding-top-xl {
padding-top: 60px !important;
}
.padding-bottom-xl {
padding-bottom: 60px !important;
}
@media (min-width: 576px) {
.padding-top-xs {
padding-top: 9px !important;
}
.padding-bottom-xs {
padding-bottom: 9px !important;
}
.padding-top-sm {
padding-top: 24px !important;
}
.padding-bottom-sm {
padding-bottom: 24px !important;
}
.padding-top-md {
padding-top: 34px !important;
}
.padding-bottom-md {
padding-bottom: 34px !important;
}
.padding-top-lg {
padding-top: 50px !important;
}
.padding-bottom-lg {
padding-bottom: 50px !important;
}
.padding-top-xl {
padding-top: 75px !important;
}
.padding-bottom-xl {
padding-bottom: 75px !important;
}
}
@media (min-width: 768px) {
.padding-top-xs {
padding-top: 11px !important;
}
.padding-bottom-xs {
padding-bottom: 11px !important;
}
.padding-top-sm {
padding-top: 28px !important;
}
.padding-bottom-sm {
padding-bottom: 28px !important;
}
.padding-top-md {
padding-top: 40px !important;
}
.padding-bottom-md {
padding-bottom: 40px !important;
}
.padding-top-lg {
padding-top: 60px !important;
}
.padding-bottom-lg {
padding-bottom: 60px !important;
}
.padding-top-xl {
padding-top: 90px !important;
}
.padding-bottom-xl {
padding-bottom: 90px !important;
}
}
@media (min-width: 992px) {
.padding-top-xs {
padding-top: 13px !important;
}
.padding-bottom-xs {
padding-bottom: 13px !important;
}
.padding-top-sm {
padding-top: 34px !important;
}
.padding-bottom-sm {
padding-bottom: 34px !important;
}
.padding-top-md {
padding-top: 48px !important;
}
.padding-bottom-md {
padding-bottom: 48px !important;
}
.padding-top-lg {
padding-top: 70px !important;
}
.padding-bottom-lg {
padding-bottom: 70px !important;
}
.padding-top-xl {
padding-top: 105px !important;
}
.padding-bottom-xl {
padding-bottom: 105px !important;
}
}
@media (min-width: 1200px) {
.padding-top-xs {
padding-top: 15px !important;
}
.padding-bottom-xs {
padding-bottom: 15px !important;
}
.padding-top-sm {
padding-top: 40px !important;
}
.padding-bottom-sm {
padding-bottom: 40px !important;
}
.padding-top-md {
padding-top: 56px !important;
}
.padding-bottom-md {
padding-bottom: 56px !important;
}
.padding-top-lg {
padding-top: 80px !important;
}
.padding-bottom-lg {
padding-bottom: 80px !important;
}
.padding-top-xl {
padding-top: 120px !important;
}
.padding-bottom-xl {
padding-bottom: 120px !important;
}
}
.blogs-container {
width: 100%;
margin: 24px auto;
padding: 0 20px;
max-width: 1224px;
}
/* Media Query for screen widths under 1199px */
@media (max-width: 1199px) {
.blogs-container .container .pagination {
margin-bottom: 0;
}
}
/* Common styles for pagination */
.blogs-container .container .pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem;
margin-top: 7px;
}
/* Remove font-size and margins for ul */
.blogs-container .container .pagination ul {
font-size: 0;
padding: 0;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 32px;
}
/* Pagination item styles */
.blogs-container .container .pagination ul li {
display: inline-block;
}
/* Styling for Prev and Next links */
.blogs-container .container .pagination ul li a {
position: relative;
font-size: 18px;
font-weight: 400;
line-height: 1.42;
letter-spacing: -0.18px;
text-align: center;
color: #000000;
z-index: 1;
display: block;
cursor: pointer;
}
/* Background for prev and next links */
.blogs-container .container .pagination ul li.prev a {
background: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/generic/right-black.svg) no-repeat center;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
width: 18px;
height: 18px;
}
.blogs-container .container .pagination ul li.next a {
background: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/generic/right-black.svg) no-repeat center;
width: 18px;
height: 18px;
}
/* Shared pagination styles for other containers */
.filter-by-blogs-container .container .pagination #pagination li.prev a,
.filter-by-blogs-container .container .pagination #pagination li.next a,
.filter-by-resources .container .pagination #pagination li.prev a,
.filter-by-resources .container .pagination #pagination li.next a {
display: inline-block;
}
.blogs-filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blogs-filter-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
.blogs-filter-section.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blogs-filter-label {
font-weight: 500;
color: rgb(0, 0, 0);
font-size: 36px;
margin-right: 1rem;
white-space: nowrap;
font-family: "KlavikaWebCondensed";
line-height: 38px;
}
.blogs-filter-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2rem;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blogs-filter-item {
position: relative;
min-width: 140px;
max-width: 200px;
}
.blogs-filter-item::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 20px;
background: transparent;
}
.blogs-filter-item:hover .blogs-dropdown-menu,
.blogs-dropdown-menu:hover {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.blogs-filter-item:hover .blogs-chevron-down,
.blogs-filter-item:focus-within .blogs-chevron-down {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@keyframes fadeIn {
from {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.blogs-filter-button {
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;
width: 100%;
padding: 0.75rem 0;
border: none;
border-bottom: 1px solid #caccce;
background: transparent;
cursor: pointer;
font-size: 16px;
color: #1d242b;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blogs-chevron-down {
width: 16px;
height: 16px;
stroke: #00fd45;
stroke-width: 3px;
stroke-width: 2;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.blogs-chevron-down path {
d: path("M19 9l-7 7-7-7");
}
.blogs-dropdown-menu {
position: absolute;
top: calc(100% + 0.5rem);
left: 0;
background: white;
border: 1px solid #eee;
border-radius: 12px;
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
min-width: 240px;
opacity: 0;
visibility: hidden;
z-index: 1000;
padding: 0.75rem 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.blogs-dropdown-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
padding: 0.75rem 1.25rem;
cursor: pointer;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blogs-dropdown-item:hover {
background-color: #f8f8f8;
}
.blogs-dropdown-item input[type=checkbox] {
width: 20px;
height: 20px;
border-radius: 4px;
border: 2px solid #ddd;
cursor: pointer;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
position: relative;
background: white;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blogs-dropdown-item input[type=checkbox]:checked::after {
content: "";
position: absolute;
left: 5px;
top: 2px;
width: 5px;
height: 10px;
border: solid #06f;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.blogs-dropdown-item span {
font-size: 16px;
color: #1d242b;
}
.blogs-search-section {
width: calc(100% - 24px);
min-width: 300px;
margin-left: auto;
max-width: 400px;
}
.blogs-search-box {
position: relative;
width: 100%;
}
.blogs-search-box input {
width: 100%;
padding: 1.2rem 1rem 1.2rem 4rem;
border: 1px solid #caccce;
border-radius: 20px;
font-size: 16px;
background: white;
color: #1d242b;
-webkit-transition: all 0.2s;
transition: all 0.2s;
outline: none;
font-size: 20px;
font-weight: 400;
}
.blogs-search-box input::-webkit-input-placeholder {
color: #666;
}
.blogs-search-box input::-moz-placeholder {
color: #666;
}
.blogs-search-box input:-ms-input-placeholder {
color: #666;
}
.blogs-search-box input::-ms-input-placeholder {
color: #666;
}
.blogs-search-box input::placeholder {
color: #666;
}
.blogs-search-icon {
position: absolute;
left: 1rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px;
height: 24px;
stroke: #000;
stroke-width: 2;
fill: none;
}
/* Events Grid */
.blogs-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin-top: 4rem;
}
.blogs-card {
background: white;
border-radius: 24px;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
position: relative;
overflow: hidden;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.blogs-image {
width: 100%;
height: 240px;
position: relative;
overflow: hidden;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.blogs-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.blogs-card:hover {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}
.blogs-card:hover .blogs-image {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.blogs-card:hover .blogs-content {
opacity: 0;
visibility: hidden;
}
.blogs-card:hover .blogs-excerpt {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.blogs-content {
padding: 24px;
position: relative;
background: white;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blogs-excerpt {
background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.8)));
background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 60%, rgba(255, 255, 255, 0.8) 100%);
padding: 24px;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
position: absolute;
left: 0;
right: 0;
bottom: 0;
min-height: 60%;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(101%);
transform: translateY(101%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 5;
padding-bottom: 16px;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.blogs-excerpt-content {
margin-bottom: 8px;
}
.blogs-excerpt::-webkit-scrollbar {
width: 4px;
}
.blogs-excerpt::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
.blogs-excerpt::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
.blogs-excerpt::-webkit-scrollbar-thumb:hover {
background: #666;
}
.blogs-excerpt p {
font-size: 16px;
line-height: 1.6;
color: #4a4a4a;
margin-bottom: 8px;
overflow-y: auto;
}
.blogs-excerpt .blogs-title {
font-size: 24px;
line-height: 1.3;
margin-bottom: 16px;
color: #000;
}
.blogs-excerpt .blogs-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
margin-bottom: 16px;
color: #666;
}
.blogs-read-more {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
font-weight: 600;
font-size: 18px;
text-decoration: none;
padding: 4px 0;
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
margin-top: 4px;
}
.blogs-read-more::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
margin-left: 15px;
-webkit-transform: translateX(0);
transform: translateX(0);
background-image: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/resource/hoover-arrow.svg);
background-size: contain;
-webkit-transition: 0.2s;
transition: 0.2s;
border-radius: 100px;
}
.blogs-card:hover .blogs-read-more {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.blogs-card:hover .blogs-read-more::after {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
.blogs-read-time,
.blogs-date {
font-size: 14px;
font-weight: 500;
}
.blogs-excerpt > * {
position: relative;
z-index: 2;
}
.blogs-meta,
.blogs-title,
.blogs-author {
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.blogs-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
margin-bottom: 16px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blogs-read-time {
font-size: 16px;
color: #004a66;
font-weight: 700;
}
.blogs-date {
font-size: 16px;
color: #004a66;
font-weight: 700;
}
.blogs-title {
letter-spacing: -0.48px;
font-size: 24px;
font-weight: 700;
line-height: 30px;
color: rgb(0, 0, 0);
margin-bottom: 16px;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
font-family: "KlavikaWeb";
}
.blogs-author {
margin-top: auto;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
min-height: 48px;
}
.blogs-author-image {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.blogs-author-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blogs-author-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}
.blogs-author-name {
font-size: 16px;
color: #1d242b;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.blogs-author-title {
font-size: 14px;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.blogs-tag {
position: absolute;
top: 8px;
right: 3rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
background: #ffdb00;
padding: 0.5rem 1rem;
border-radius: 0 0 10px 10px;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #000;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.blogs-tag::after {
content: "";
width: 0;
height: 0;
border-bottom: 7px solid transparent;
border-right: 7px solid transparent;
position: absolute;
top: 0;
right: -7px;
border-bottom-color: orange;
}
.blogs-type-date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
margin-bottom: 1.5rem;
}
.blogs-type {
color: #3e4c5a;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 0;
}
.blogs-type::after {
content: "•";
color: #caccce;
margin-left: 12px;
}
.blogs-label {
position: absolute;
top: 1rem;
left: 1rem;
padding: 0.25rem 0.75rem;
border-radius: 4px;
font-size: 0.8rem;
font-weight: 600;
}
.blogs-label-demo {
background: #28a745;
color: white;
}
.blogs-label-event {
background: #e91e63;
color: white;
}
.blogs-filter-apply {
display: none;
}
.blogs-filter-close {
display: none;
}
.blogs-filter-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1224px) {
.blogs-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 1024px) {
.blogs-filters {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.blogs-filter-section {
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blogs-filter-items {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blogs-filter-item {
min-width: 180px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.blogs-search-section {
width: 100%;
margin-left: 0;
}
.blogs-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.blogs-image {
height: 200px;
}
}
@media (max-width: 768px) {
.blogs-filter-label {
display: none;
}
.blogs-container {
padding: 0 16px;
margin: 16px auto;
}
.blogs-filters {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
position: relative;
width: 100%;
}
.blogs-filter-section {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1000;
padding: 0;
}
.blogs-filter-section.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blogs-filter-content {
width: 100%;
max-width: 100%;
margin-top: auto;
border-radius: 24px;
padding: 24px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
max-height: 450px;
overflow-y: auto;
margin: 0 24px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.blogs-filter-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
}
.blogs-filter-close {
background: none;
border: none;
padding: 8px;
cursor: pointer;
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;
}
.blogs-filter-close svg {
width: 24px;
height: 24px;
stroke: #fff;
stroke-width: 2;
}
.blogs-filter-label {
margin: 0;
font-size: 18px;
font-weight: 600;
}
.blogs-filter-items {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
width: 100%;
background: #fff;
border-radius: 24px;
padding: 24px;
}
.blogs-filter-item {
width: 100%;
}
.blogs-filter-button {
width: 100%;
border: none;
border-bottom: 1px solid #eee;
font-size: 20px;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blogs-dropdown-menu {
position: static;
opacity: 1;
visibility: visible;
-webkit-transform: none;
transform: none;
margin-top: 8px;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #eee;
border-radius: 12px;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out;
display: none;
}
.blogs-filter-item {
max-width: 100%;
}
.blogs-filter-item.active .blogs-dropdown-menu {
max-height: 300px;
padding: 8px 0;
display: block;
overflow: auto;
}
.blogs-search-filter-wrapper {
width: 100%;
}
.blogs-search-section {
width: calc(100% - 60px);
min-width: auto;
margin: 0;
}
.blogs-search-box {
width: 100%;
}
.blogs-search-box input {
width: 100%;
padding: 12px 16px 12px 40px;
font-size: 14px;
}
.blogs-filter-toggle {
background-image: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/customers/filter-icon.svg);
background-position: center;
background-size: 24px;
background-repeat: no-repeat;
width: 45px;
height: 45px;
min-width: 45px;
border-radius: 100px;
border: 1px solid #caccce;
-webkit-transition: 0.3s;
transition: 0.3s;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
margin-left: 0;
}
.blogs-filter-apply {
background: #00c853;
color: white;
border: none;
border-radius: 100px;
padding: 16px 32px;
font-size: 16px;
font-weight: 600;
width: 100%;
margin-top: 16px;
cursor: pointer;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.blogs-filter-apply:hover {
background: #00b249;
}
.blogs-filter-tags {
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
margin-top: 16px;
}
.blogs-filter-tag {
font-size: 12px;
padding: 6px 12px;
}
.blogs-clear-all {
font-size: 12px;
}
.blogs-grid {
grid-template-columns: 1fr;
gap: 16px;
margin-top: 24px;
}
.blogs-card {
padding: 24px;
}
.blogs-title {
font-size: 20px;
margin-bottom: 16px;
}
.blogs-image {
height: 180px;
}
.blogs-content {
padding: 20px;
}
}
@media (min-width: 769px) {
.blogs-dropdown-menu {
min-width: 280px;
}
}
/* Filter Tags */
.blogs-filter-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 1rem 0;
}
.blogs-filter-tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
padding: 0.5rem 1rem;
background: rgb(199, 237, 255);
border-radius: 100px;
font-size: 16px;
color: #1d242b;
cursor: pointer;
-webkit-transition: all 0.2s;
transition: all 0.2s;
border: 1px solid rgb(165, 226, 255);
}
.blogs-filter-tag span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blogs-filter-tag span svg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: -1px;
}
.blogs-filter-tag:hover {
background: #d9f0ff;
}
.blogs-clear-all {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
padding: 0.5rem 1rem;
background: transparent;
border: none;
font-size: 14px;
color: #1d242b;
cursor: pointer;
-webkit-transition: all 0.2s;
transition: all 0.2s;
font-weight: 500;
}
.blogs-clear-all svg {
width: 16px;
height: 16px;
stroke: currentColor;
stroke-width: 2;
}
.blogs-filter-tag .close-icon {
width: 16px;
height: 16px;
stroke: #1d242b;
stroke-width: 2;
-webkit-transition: all 0.2s;
transition: all 0.2s;
margin-left: 8px;
}
.blogs-filter-tag:hover .close-icon {
stroke: #00c853;
}
.blogs-filter-tag:hover .close-icon {
stroke: #00c853;
}
.blogs-filter-toggle {
display: none;
}
.blogs-card:hover .blogs-read-more::after {
background-color: #00FD45;
}
.current {
color: #3E4C5A !important;
font-weight: 600 !important;
}
.current::before {
content: "";
position: absolute;
background: #00FD45;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 2px;
z-index: -1;
}
@media (max-width: 1199px) {
.filter-by-resources .container {
padding: 0 20px;
}
}
.filter-by-resources__post-count {
display: "inline-block";
}
.filter-by-resources .container {
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0 60px;
max-width: 1340px;
}
.filter-by-resources .container .intro-block h2 {
text-align: center;
font-size: 30px;
}
.filter-by-resources .container .intro-block h1 {
text-align: center;
font-size: 30px;
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.filter-by-resources .container .intro-block h1 {
font-size: 28px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.filter-by-resources .container .intro-block h1 {
font-size: 26px;
}
}
@media (min-width: 577px) and (max-width: 767px) {
.filter-by-resources .container .intro-block h1 {
font-size: 24px;
}
}
@media (max-width: 576px) {
.filter-by-resources .container .intro-block h1 {
font-size: 20px;
}
}
.filter-by-resources .container .inner-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 31px;
}
@media (max-width: 767px) {
.filter-by-resources .container .inner-container {
margin-top: 0;
}
}
.filter-by-resources .container .filtered-item {
text-align: left;
margin-bottom: 21px;
display: none;
}
@media (max-width: 767px) {
.filter-by-resources .container .filtered-item {
display: none !important;
}
}
.filter-by-resources .container .filtered-item .single-item span {
position: relative;
font-size: 14px;
padding: 3px 53px 4px 21px;
border-radius: 16px;
display: inline-block;
margin-right: 12px;
margin-bottom: 10px;
cursor: pointer;
text-transform: uppercase;
background: rgba(103, 191, 27, 0.25);
line-height: 1.57;
letter-spacing: -0.21px;
}
.filter-by-resources .container .filtered-item .single-item span:after {
content: "";
position: absolute;
top: 8px;
right: 21px;
width: 12px;
height: 12px;
background: url("https://www.cohesity.com/wp-content/themes/cohesity_new/dist/images/svgs/close_icon_black.svg");
background-size: cover;
}
.filter-by-resources .container .filtered-item .single-item,
.filter-by-resources .container .filtered-item .clearAll {
display: inline-block;
}
.filter-by-resources .container .filtered-item .clearAll {
display: none;
}
.filter-by-resources .container .filtered-item .clearAll span {
font-size: 14px;
padding: 3px 10px 4px;
cursor: pointer;
text-transform: capitalize;
display: inline-block;
color: #004a66;
line-height: 1.57;
letter-spacing: -0.21px;
}
.filter-by-resources .container .filtered-item:empty {
display: none;
}
.filter-by-resources .container .filter-sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 282px;
flex: 0 0 282px;
max-width: 282px;
width: 100%;
padding-right: 59px;
}
@media (min-width: 768px) and (max-width: 991px) {
.filter-by-resources .container .filter-sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 250px;
flex: 0 0 250px;
max-width: 250px;
width: 100%;
padding-right: 30px;
}
}
@media (max-width: 767px) {
.filter-by-resources .container .filter-sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
padding-right: 0;
max-width: 460px;
margin: 10px auto 0;
}
}
.filter-by-resources .container .filter-sidebar .filter-wrap {
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.filter-by-resources .container .filter-sidebar .filter-wrap > span {
position: relative;
display: block;
font-size: 12px;
background: #000000;
color: #ffffff;
text-transform: uppercase;
font-weight: 900;
padding: 13px 20px 12px 16px;
letter-spacing: -0.18px;
}
@media (max-width: 767px) {
.filter-by-resources .container .filter-sidebar .filter-wrap > span {
font-size: 14px;
line-height: 1.36;
padding: 12px 20px 14px 20px;
}
}
@media (max-width: 991px) {
.filter-by-resources .container .filter-sidebar .filter-wrap > span.active:after {
opacity: 0;
}
}
.filter-by-resources .container .filter-sidebar .filter-wrap > span:before {
content: "";
}
@media (max-width: 767px) {
.filter-by-resources .container .filter-sidebar .filter-wrap > span:before {
position: absolute;
top: 22px;
right: 21px;
width: 15px;
height: 3px;
border-radius: 3px;
background: #ffffff;
}
}
.filter-by-resources .container .filter-sidebar .filter-wrap > span:after {
content: "";
}
@media (max-width: 767px) {
.filter-by-resources .container .filter-sidebar .filter-wrap > span:after {
position: absolute;
top: 16px;
right: 27px;
height: 15px;
width: 3px;
border-radius: 3px;
background: #ffffff;
}
}
.filter-by-resources .container .filter-sidebar .filter-wrap .clear-all {
display: none;
}
@media (min-width: 768px) {
.filter-by-resources .container .filter-sidebar .filter-wrap .clear-all {
display: none !important;
}
}
@media (max-width: 767px) {
.filter-by-resources .container .filter-sidebar .filter-wrap .clear-all {
display: none;
text-align: center;
padding-top: 20px;
padding-bottom: 23px;
border-top: 1px solid rgba(0, 0, 0, 0.5);
}
}
.filter-by-resources .container .filter-sidebar .filter-wrap .clear-all span {
font-size: 16px;
line-height: 1.38;
letter-spacing: -0.24px;
color: #004a66;
}
.filter-by-resources .container .filter-sidebar .inner-wrap {
padding: 0 16px;
}
@media (max-width: 767px) {
.filter-by-resources .container .filter-sidebar .inner-wrap {
padding: 0 20px;
display: none;
}
}
.filter-by-resources .container .filter-sidebar .filters {
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
padding-bottom: 17px;
}
.filter-by-resources .container .filter-sidebar .filters.language {
border-bottom: 0;
}
@media (min-width: 768px) {
.filter-by-resources .container .filter-sidebar .filters:nth-child(5) {
border-bottom: 0;
}
}
.filter-by-resources .container .filter-sidebar .filters.active > span:after {
display: none;
}
.filter-by-resources .container .filter-sidebar .filters > span {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 23px 0 5px 0;
font-weight: 900;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
}
@media (max-width: 767px) {
.filter-by-resources .container .filter-sidebar .filters > span {
font-size: 14px;
}
}
.filter-by-resources .container .filter-sidebar .filters .post-count {
display: none;
position: relative;
font-size: 14px;
font-weight: 900;
margin-left: 17px;
}
.filter-by-resources .container .filter-sidebar .filters .post-count:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 26px;
height: 26px;
background-color: rgba(103, 191, 27, 0.2);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
}
@media (max-width: 767px) {
.filter-by-resources .container .filter-sidebar .filters .post-count {
display: inline-block;
}
.filter-by-resources .container .filter-sidebar .filters .post-count:empty {
display: none;
}
}
.filter-by-resources .container .filter-sidebar .filters .dropdown {
display: none;
}
.filter-by-resources .container .filter-sidebar .filters .dropdown ul {
list-style: none;
padding: 0;
margin-bottom: 10px;
}
.filter-by-resources .container .filter-sidebar .filters .dropdown ul li {
margin: 7px 0 16px;
}
.filter-by-resources .container .filter-sidebar .filters .dropdown ul li.disabled {
opacity: 0.3;
pointer-events: none;
}
@media (max-width: 767px) {
.filter-by-resources .container .filter-sidebar .filters .dropdown ul li {
margin: 14px 0 18px;
}
}
.filter-by-resources .container .filter-sidebar .filters .dropdown ul li:before {
display: none;
}
.filter-by-resources .container .filter-sidebar .filters .dropdown input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.filter-by-resources .container .filter-sidebar .filters .dropdown input:checked + label:after {
opacity: 1;
}
.filter-by-resources .container .filter-sidebar .filters .dropdown label {
position: relative;
font-size: 14px;
padding-left: 26px;
letter-spacing: -0.24px;
cursor: pointer;
line-height: 1.2;
text-transform: uppercase;
}
@media (max-width: 767px) {
.filter-by-resources .container .filter-sidebar .filters .dropdown label {
font-size: 16px;
padding-left: 33px;
}
}
.filter-by-resources .container .filter-sidebar .filters .dropdown label:before {
content: "";
position: absolute;
top: -1px;
left: 0;
width: 18px;
height: 18px;
background: #62B4E5;
border: 0;
opacity: 0.2;
}
@media (max-width: 767px) {
.filter-by-resources .container .filter-sidebar .filters .dropdown label:before {
width: 23px;
height: 23px;
}
}
.filter-by-resources .container .filter-sidebar .filters .dropdown label:after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 11px;
height: 6px;
border-bottom: 2px solid #000000;
border-left: 2px solid #000000;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
@media (max-width: 767px) {
.filter-by-resources .container .filter-sidebar .filters .dropdown label:after {
top: 5px;
left: 5px;
width: 13px;
height: 7px;
}
}
.filter-by-resources .container .post-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 282px);
flex: 0 0 calc(100% - 282px);
max-width: calc(100% - 282px);
width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
.filter-by-resources .container .post-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 250px);
flex: 0 0 calc(100% - 250px);
max-width: calc(100% - 250px);
width: 100%;
}
}
@media (max-width: 767px) {
.filter-by-resources .container .post-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
margin-top: 35px;
}
}
.filter-by-resources .container .post-wrap .list-container {
position: relative;
}
.filter-by-resources .container .post-wrap .item {
position: relative;
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
background: #ffffff;
border-bottom: 4px solid #ffffff;
-webkit-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
padding: 20px 100px 20px 16px;
margin-bottom: 30px;
/*height: 170px;*/
height: auto;
min-height: 133px;
}
@media (max-width: 1199px) {
.filter-by-resources .container .post-wrap .item {
padding-right: 20px;
}
}
@media (max-width: 767px) {
.filter-by-resources .container .post-wrap .item {
min-height: 163px;
border-color: #67bf1b;
}
}
@media (max-width: 595px) {
.filter-by-resources .container .post-wrap .item {
min-height: 212px;
/*padding: 12px 20px 13px 23px;*/
}
}
.filter-by-resources .container .post-wrap .item:last-child {
margin-bottom: 0;
}
.filter-by-resources .container .post-wrap .item:hover {
border-color: #67bf1b;
}
.filter-by-resources .container .post-wrap .item:hover h4:after {
opacity: 1;
}
.filter-by-resources .container .post-wrap a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.filter-by-resources .container .post-wrap .post-type {
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
line-height: 1.42;
letter-spacing: -0.18px;
}
@media (max-width: 767px) {
.filter-by-resources .container .post-wrap .post-type {
letter-spacing: -0.8px;
}
}
.filter-by-resources .container .post-wrap h4 {
font-size: 20px;
font-weight: 500;
line-height: 1.35;
letter-spacing: -0.12px;
margin: 10px 0 7px;
padding-right: 25px;
}
@media (max-width: 767px) {
.filter-by-resources .container .post-wrap h4 {
margin-bottom: 10px;
padding-right: 34px;
}
}
.filter-by-resources .container .post-wrap h4:after {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background: url("https://www.cohesity.com/wp-content/themes/cohesity_new/dist/images/svgs/link-arrow.svg");
background-size: cover;
margin-left: -21px;
-webkit-transform: translateY(4px) scale(1.2) translateX(28px);
transform: translateY(4px) scale(1.2) translateX(28px);
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 0;
}
@media (max-width: 1199px) {
.filter-by-resources .container .post-wrap h4:after {
opacity: 1;
}
}
.filter-by-resources .container .post-wrap p {
font-size: 14px;
line-height: 1.43;
letter-spacing: -0.21px;
margin: 0;
overflow: hidden;
}
@media (max-width: 767px) {
.filter-by-resources .container .post-wrap p {
display: none;
}
}
.filter-by-resources .container .pagination {
margin: 27px 0 18px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1199px) {
.filter-by-resources .container .pagination {
margin-bottom: 0;
}
}
@media (max-width: 595px) {
.filter-by-resources .container .pagination {
margin-top: 0;
}
}
.filter-by-resources .container .pagination ul {
font-size: 0;
padding: 0;
margin: 0 auto;
}
.filter-by-resources .container .pagination ul li {
display: inline-block;
margin: 5px 14px;
}
@media (max-width: 595px) {
.filter-by-resources .container .pagination ul li {
margin: 5px 18px;
width: 20px;
text-align: center;
}
}
.filter-by-resources .container .pagination ul li:before {
display: none;
}
.filter-by-resources .container .pagination ul li:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 22px;
height: 22px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
}
@media (max-width: 595px) {
.filter-by-resources .container .pagination ul li:after {
width: 29px;
height: 29px;
}
}
.filter-by-resources .container .pagination ul li a {
position: relative;
font-size: 18px;
font-weight: 500;
line-height: 1.42;
letter-spacing: -0.18px;
text-align: center;
color: #000000;
z-index: 1;
}
@media (max-width: 595px) {
.filter-by-resources .container .pagination ul li a {
font-size: 16px;
}
}
.filter-by-resources .container .pagination ul li a:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.filter-by-resources .container .pagination ul li.active a {
color: #ffffff;
font-weight: 600;
}
.filter-by-resources .container .pagination ul li.active:after {
background: #67bf1b;
}
.filter-by-resources .container .pagination ul li.prev, .filter-by-resources .container .pagination ul li.next {
margin-top: 10px;
}
@media (max-width: 595px) {
.filter-by-resources .container .pagination ul li.prev, .filter-by-resources .container .pagination ul li.next {
margin-top: 11px;
}
}
.filter-by-resources .container .pagination ul li.prev a, .filter-by-resources .container .pagination ul li.next a {
display: block;
width: 8px;
height: 11px;
cursor: pointer;
}
.filter-by-resources .container .pagination ul li.prev a {
background: url("https://www.cohesity.com/wp-content/themes/cohesity_new/dist/images/svgs/small_arrow_prev.svg");
background-size: cover;
}
.filter-by-resources .container .pagination ul li.next a {
background: url("https://www.cohesity.com/wp-content/themes/cohesity_new/dist/images/svgs/small_arrow_next.svg");
background-size: cover;
}
.filter-by-resources .container .pagination #pagination .hide {
display: none !important;
}
@media (max-width: 595px) {
.filter-by-resources .container .pagination #pagination li.prev, .filter-by-resources .container .pagination #pagination li.next {
margin: 10px 0 0 !important;
}
}
.filter-by-resources .container .pagination #pagination li.prev a, .filter-by-resources .container .pagination #pagination li.next a {
display: inline-block;
}
.filter-by-resources .container .pagination #pagination span {
display: inline-block;
margin: 5px 0;
}
.filter-by-resources .container .pagination #pagination span i {
font-size: 12px;
}
.filter-by-resources .container .pagination #pagination span a {
display: inline-block;
margin: 0 15px;
font-weight: 400;
font-size: 16px;
position: relative;
cursor: pointer;
color: #000000;
}
@media (max-width: 595px) {
.filter-by-resources .container .pagination #pagination span a {
margin: 0 12px;
}
}
.filter-by-resources .container .pagination #pagination span a:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 22px;
height: 22px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
z-index: -1;
}
.filter-by-resources .container .pagination #pagination span a:hover {
color: #ffffff;
font-weight: 400;
}
.filter-by-resources .container .pagination #pagination span a:hover:after {
background: #67bf1b;
}
.filter-by-resources .container .pagination #pagination .current {
color: #3E4C5A !important;
font-weight: 600 !important;
}
.filter-by-resources .container .pagination #pagination .current::before {
content: "";
position: absolute;
background: #00FD45;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 2px;
z-index: -1;
}
.filter-by-resources .dropdown-open-content {
display: block !important;
}
.filter-by-resources .toggle-content-control svg {
width: 16px;
height: 16px;
}
.filter-by-resources .toggle-content-control__minus-svg {
display: none;
}
.filter-by-resources .toggle-content-control__plus {
stroke: #000;
stroke-width: 1.5;
}
.filter-by-resources .toggle-content-control__minus {
stroke: #000;
stroke-width: 2;
}
.filter-by-resources .toggle-content-control-minus .toggle-content-control__minus-svg {
display: block !important;
}
.filter-by-resources .toggle-content-control-minus .toggle-content-control__plus-svg {
display: none !important;
}
.filter-by-tags {
overflow: visible;
z-index: 2;
}
.filter-by-tags .container {
width: 100%;
margin: 0 auto;
padding: 0 20px;
position: relative;
max-width: 1264px;
}
.filter-by-tags .container .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
}
.filter-by-tags .container .row .listing-card {
border-radius: 20px;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
position: relative;
}
.filter-by-tags .container .row .listing-card .listing-card-content {
padding: 30px;
width: 100%;
left: 0;
bottom: 0;
z-index: 1;
background: #fff;
}
.filter-by-tags .container .row .listing-card .listing-card-content .overlay-content .link-black {
position: relative;
font-size: 1.8rem;
line-height: 28px;
font-weight: 600;
color: #000;
display: inline-block;
z-index: 1;
text-decoration: none;
}
.filter-by-tags .container .row .listing-card .listing-card-content .overlay-content .link-black span {
position: relative;
}
.filter-by-tags .container .row .listing-card .listing-card-content .overlay-content .link-black span::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
margin-left: 15px;
-webkit-transform: translateX(0);
transform: translateX(0);
background: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/resource/hoover-arrow.svg) no-repeat;
background-size: contain;
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.filter-by-tags .container .row .listing-card .listing-card-content .overlay-content .link-black:hover {
color: #000;
}
.filter-by-tags .container .row .listing-card .listing-card-content .overlay-content .link-black:hover span::after {
margin-left: 20px;
background: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/resource/green-arrow.svg) no-repeat;
background-size: cover;
width: 25px;
}
.filter-by-tags .container .row .listing-card .listing-card-content .eyebrow {
font-size: 1.8rem;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.filter-by-tags .container .row .listing-card:hover .listing-card-content h4 {
-webkit-line-clamp: inherit !important;
display: block;
}
.filter-by-tags .container .row .listing-card:hover .listing-card-content p {
-webkit-line-clamp: inherit !important;
display: block;
}
.filter-by-tags .container .row .listing-card:hover .link-arrow {
background-color: #00FD45;
}
.filter-by-tags .container .row .listing-card .listing-card-img {
position: relative;
}
.filter-by-tags .container .row .listing-card .listing-card-img img {
width: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter-by-tags .container .row .listing-card.no-hover:hover .listing-card-content {
-webkit-animation: inherit;
animation: inherit;
}
.filter-by-tags .container .row .listing-card.listing {
-webkit-box-shadow: 6px 6px 12px 0 rgba(0, 0, 0, 0.15);
box-shadow: 6px 6px 12px 0 rgba(0, 0, 0, 0.15);
height: 390px;
}
.filter-by-tags .container .row .listing-card.listing .overlay-link {
position: absolute;
z-index: 2;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
}
.filter-by-tags .container .row .listing-card.listing .eyebrow {
color: #3E4C5A;
display: block;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-img {
height: 245px;
overflow: hidden;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-img::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: linear-gradient(180.61deg, rgba(0, 0, 0, 0.4) 37.82%, rgba(0, 0, 0, 0) 87.52%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-img img.listing-logo {
z-index: 1;
position: absolute;
left: 30px;
top: 30px;
max-width: 130px;
max-height: 50px;
width: auto;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-img img.banner-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.filter-by-tags .container .row .listing-card.listing:hover .listing-card-content {
max-height: 100% !important;
height: auto;
}
.filter-by-tags .container .row .listing-card.listing:hover .listing-card-content .eyebrow {
white-space: inherit;
}
.filter-by-tags .container .row .listing-card.listing:hover .listing-card-content p {
-webkit-line-clamp: inherit;
display: block;
}
.filter-by-tags .container .row .listing-card.listing:hover .listing-card-content .overlay-content {
opacity: 1;
visibility: visible;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
min-height: 160px;
max-height: 160px;
-webkit-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-content p {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-content .overlay-content {
opacity: 0;
visibility: hidden;
margin-top: 20px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-content .overlay-content p {
-webkit-line-clamp: inherit !important;
display: block;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-content .overlay-content .link-black {
margin-top: 30px;
height: auto;
position: relative;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-content .overlay-content .link-black span::after {
display: none;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-content .overlay-content .link-black::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
margin-left: 15px;
-webkit-transform: translateX(0);
transform: translateX(0);
background-image: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/resource/hoover-arrow.svg);
background-size: contain;
-webkit-transition: 0.2s;
transition: 0.2s;
border-radius: 100px;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-content .overlay-content .link-black:hover {
color: #000;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-content .overlay-content .link-black:hover::after {
margin-left: 20px;
background-color: #00FD45;
}
.filter-by-tags .container .row .listing-card.listing.single-cta .listing-card-content {
cursor: pointer;
}
.filter-by-tags .container .row .listing-card.listing.single-cta .listing-card-content:hover .overlay-content .link-black::after {
margin-left: 20px;
background-color: #00FD45;
}
.filter-by-tags .container .row .listing-card.listing.single-cta .listing-card-content .link-cta {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 2;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event {
border-radius: 20px;
background: #fff;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
padding: 24px;
overflow: visible;
height: unset;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.filter-by-tags .container .row .listing-card.listing.webinar-event:hover .eyebrow::after {
background-color: #00FD45;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event:hover .video-img {
position: relative;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event:hover .video-img .play-icon {
background-image: url("https://www.cohesity.com//wp-content/themes/cohesity_new/assets/images/redesign-2023/statelarge.svg");
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .p-xl-bold {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 52px;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .eyebrow {
color: #3E4C5A !important;
font-weight: 700 !important;
margin-bottom: 16px;
position: relative;
min-height: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 20px;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .eyebrow:after {
content: "";
position: absolute;
top: 0;
right: 0;
border-radius: 100px;
width: 46px;
height: 46px;
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/buttons/arrow-button-green-line.svg");
background-size: contain;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .eyebrow.date {
margin-top: 8px;
min-height: 24px;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .eyebrow.date::after {
display: none;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .listing-link {
position: absolute;
text-indent: -99999px;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-img {
position: relative;
height: 170px;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-img img {
width: 100%;
height: 170px;
-o-object-fit: contain;
object-fit: contain;
border-radius: 10px;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-img .play-icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 100px;
width: 64px;
height: 64px;
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/large.svg");
background-size: contain;
cursor: pointer;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-wrap-label {
position: absolute;
right: 75px;
top: -7px;
height: 34px;
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;
border-radius: 0 0 10px 10px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0.096em;
color: #000;
min-width: 120px;
padding: 0 10px;
text-transform: uppercase;
z-index: 1;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-wrap-label::after {
content: "";
width: 0;
height: 0;
border-bottom: 7px solid transparent;
border-right: 7px solid transparent;
position: absolute;
top: 0;
right: -7px;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-wrap-label.yellow-label {
background: #FFDB00;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-wrap-label.yellow-label::after {
border-bottom-color: orange;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-wrap-label.blue-label {
background: #62CCFF;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-wrap-label.blue-label::after {
border-bottom-color: #06f;
}
.filter-by-tags .container .pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem;
margin-top: 7px;
}
.filter-by-tags .container .pagination ul {
font-size: 0;
padding: 0;
margin: 0 auto;
}
.filter-by-tags .container .pagination ul li {
display: inline-block;
margin: 5px 18px;
}
.filter-by-tags .container .pagination ul li:before {
display: none;
}
.filter-by-tags .container .pagination ul li:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 2px;
}
.filter-by-tags .container .pagination ul li a {
position: relative;
font-size: 18px;
font-weight: 400;
line-height: 1.24;
text-align: center;
color: #000;
z-index: 1;
}
.filter-by-tags .container .pagination ul li a:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.filter-by-tags .container .pagination ul li .current {
position: relative;
color: #3E4C5A;
font-weight: 600;
}
.filter-by-tags .container .pagination ul li .current:before {
content: "";
position: absolute;
background: #00FD45;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 2px;
z-index: -1;
}
.filter-by-tags .container .pagination ul li.active a {
color: #fff;
}
.filter-by-tags .container .pagination ul li.active:after {
background: #00FD45;
}
.filter-by-tags .container .pagination ul li.prev {
margin-top: 10px;
}
.filter-by-tags .container .pagination ul li.prev a {
display: block;
width: 17px;
height: 17px;
cursor: pointer;
background-size: contain;
background: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/generic/right-black.svg") no-repeat;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.filter-by-tags .container .pagination ul li.next {
margin-top: 10px;
}
.filter-by-tags .container .pagination ul li.next a {
display: block;
width: 17px;
height: 17px;
cursor: pointer;
background-size: contain;
background: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/generic/right-black.svg") no-repeat;
}
.filter-by-tags .container .pagination ul li.prev.first a {
background-size: contain;
background: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/generic/left-gray.svg") no-repeat;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
cursor: not-allowed;
}
.filter-by-tags .container .pagination ul li.next.last a {
background-size: contain;
background: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/generic/left-gray.svg") no-repeat;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
cursor: not-allowed;
}
.filter-by-tags .container .pagination #pagination .hide {
display: none !important;
}
.filter-by-tags .container .pagination #pagination li.prev a {
display: inline-block;
}
.filter-by-tags .container .pagination #pagination li.next a {
display: inline-block;
}
.filter-by-tags .container .pagination #pagination li.prev.first {
pointer-events: none;
}
.filter-by-tags .container .pagination #pagination li.next.last {
pointer-events: none;
}
.filter-by-tags .container .pagination #pagination span {
display: inline-block;
margin: 5px 0;
}
.filter-by-tags .container .pagination #pagination span i {
font-size: 42px;
font-weight: lighter;
}
.filter-by-tags .container .pagination #pagination span a {
display: inline-block;
margin: 0 15px;
font-weight: 400;
font-size: 18px;
position: relative;
cursor: pointer;
color: #3E4C5A;
}
.filter-by-tags .container .pagination #pagination span a:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 2px;
z-index: -1;
}
.filter-by-tags .container .pagination #pagination span a:hover {
color: #3E4C5A;
font-weight: 400;
}
.filter-by-tags .container .pagination #pagination span a:hover:after {
background: #00FD45;
}
.filter-by-tags .container .pagination #pagination span a.current {
color: #3E4C5A;
font-weight: 400;
}
.filter-by-tags .container .pagination #pagination span a.current:after {
background: #00FD45;
}
.filter-by-tags .container .pagination #pagination span a.current:before {
content: "";
position: absolute;
background: #00FD45;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 2px;
z-index: -1;
}
.filter-by-tags .container .listing-filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 50px;
margin-bottom: 60px;
}
.filter-by-tags .container .listing-filter .filter-dropdown {
position: relative;
z-index: 1;
}
.filter-by-tags .container .listing-filter .filter-dropdown .post-count {
position: relative;
font-size: 14px;
font-weight: 900;
margin-left: 8px;
}
.filter-by-tags .container .listing-filter .filter-dropdown p {
height: 33px;
width: 100%;
border-bottom: 1px solid #caccce;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
}
.filter-by-tags .container .listing-filter .filter-dropdown p::after {
content: "";
position: absolute;
right: 2px;
top: 50%;
margin-top: -5px;
border: solid #00FD45;
border-width: 0 2px 2px 0;
padding: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul {
position: absolute;
left: 0;
width: 100%;
top: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
max-height: 300px;
overflow: auto;
margin: 5px 0 0 0;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
border-radius: 0 0 8px 8px;
padding: 5px 15px;
background: #fff;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li {
margin: 15px 0;
position: relative;
padding-left: 0;
list-style: none;
line-height: 1.4;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li::before {
display: none;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li input {
position: absolute;
opacity: 0;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li input:checked ~ label:after {
opacity: 1;
visibility: visible;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li label {
padding-left: 25px;
position: relative;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li label::before {
content: "";
position: absolute;
top: 3px;
left: 0;
width: 16px;
height: 16px;
border: 1px solid #333434;
border-radius: 2px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li label::after {
content: "";
position: absolute;
top: 6px;
left: 3px;
width: 11px;
height: 7px;
border-bottom: 3px solid #06f;
border-left: 3px solid #06f;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li input[type=radio] ~ label:before {
border-radius: 100px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li input[type=radio] ~ label:after {
-webkit-transform: scale(0);
transform: scale(0);
width: 8px;
border: 0;
height: 8px;
background: #00FD45;
border-radius: 100px;
left: 4px;
top: 7px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li input[type=radio]:checked ~ label:after {
-webkit-transform: scale(1);
transform: scale(1);
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li.disabled {
opacity: 0.3;
pointer-events: none;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul::-webkit-scrollbar {
width: 3px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul::-webkit-scrollbar-track {
background-color: transparent;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul::-webkit-scrollbar-thumb {
background-color: gray;
outline: none;
border-radius: 3px;
}
.filter-by-tags .container .listing-filter .filter-dropdown:hover {
z-index: 2;
}
.filter-by-tags .container .listing-filter .filter-dropdown:hover p::after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.filter-by-tags .container .listing-filter .filter-dropdown:hover ul {
opacity: 1;
visibility: visible;
margin-top: 0;
}
.filter-by-tags .container .listing-filter .close-filter {
width: 100%;
height: 26px;
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/customers/close-white.svg");
background-size: contain;
position: fixed;
z-index: 101;
top: 50%;
left: 50%;
margin-top: -240px;
max-width: 320px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-repeat: no-repeat;
background-position: right;
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
opacity: 0;
}
.filter-by-tags .container .listing-filter .close-filter.filter-open {
visibility: visible;
opacity: 1;
}
.filter-by-tags .container .listing-filter .listing-filter-left {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 10px;
}
.filter-by-tags .container .listing-filter .listing-filter-left .filter-label {
white-space: nowrap;
padding-right: 10px;
}
.filter-by-tags .container .listing-filter .listing-filter-left .filter-dropdown {
position: relative;
width: 33.3%;
margin-right: 30px;
}
.filter-by-tags .container .listing-filter .listing-filter-left .filter-dropdown:last-child {
margin-right: 0;
}
.filter-by-tags .container .listing-filter .listing-filter-right {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 390px;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-icon {
background-position: center;
background-size: 24px;
background-repeat: no-repeat;
width: 45px;
height: 45px;
min-width: 45px;
border-radius: 100px;
border: 1px solid #caccce;
-webkit-transition: 0.3s;
transition: 0.3s;
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/customers/filter-icon.svg");
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-icon:hover {
background-color: #caccce;
}
.filter-by-tags .container .listing-filter .listing-filter-right .sort-icon {
background-position: center;
background-size: 24px;
background-repeat: no-repeat;
width: 45px;
height: 45px;
min-width: 45px;
border-radius: 100px;
border: 1px solid #caccce;
-webkit-transition: 0.3s;
transition: 0.3s;
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/customers/sort-icon.svg");
}
.filter-by-tags .container .listing-filter .listing-filter-right .sort-icon:hover {
background-color: #caccce;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search {
width: 100%;
position: relative;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search .search-clear {
position: absolute;
background: url("https://www.cohesity.com/wp-content/themes/cohesity_new/dist/images/svgs/close_icon_black.svg") no-repeat center;
width: 16px;
height: 16px;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
display: none;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search .search-button {
background-image: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/customers/search.svg");
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
width: 43px;
height: 100%;
position: absolute;
left: 6px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input {
outline: none;
border: 1px solid #caccce;
border-radius: 20px;
width: 100%;
height: 52px;
padding: 0 30px 0 50px;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-webkit-input-placeholder {
color: #1d242b !important;
font-size: 2rem;
font-weight: 400;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-moz-placeholder {
color: #1d242b !important;
font-size: 2rem;
font-weight: 400;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input:-ms-input-placeholder {
color: #1d242b !important;
font-size: 2rem;
font-weight: 400;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-ms-input-placeholder {
color: #1d242b !important;
font-size: 2rem;
font-weight: 400;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::placeholder {
color: #1d242b !important;
font-size: 2rem;
font-weight: 400;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search::-webkit-input-placeholder {
color: red;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search::-moz-placeholder {
color: red;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search:-ms-input-placeholder {
color: red;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search::-ms-input-placeholder {
color: red;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search::placeholder {
color: red;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search.active-clear .search-clear {
display: block;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-sort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-sort .filter-dropdown {
width: 105px;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-sort .filter-dropdown ul {
min-width: 170px;
right: 0;
left: auto;
}
.filter-by-tags .filtered-item {
text-align: left;
margin-bottom: 25px;
display: none;
position: relative;
z-index: 1;
}
.filter-by-tags .filtered-item .single-item {
display: inline-block;
}
.filter-by-tags .filtered-item .single-item span {
position: relative;
font-size: 16px;
font-weight: 500;
padding: 6px 40px 7px 20px;
border-radius: 100px;
display: inline-block;
margin-right: 15px;
margin-bottom: 10px;
cursor: pointer;
text-transform: capitalize;
background: #C7EDFF;
line-height: 1.57;
letter-spacing: -0.21px;
border: 2px solid #A5E2FF;
}
.filter-by-tags .filtered-item .single-item span:after {
content: "";
position: absolute;
top: 13px;
right: 13px;
width: 10px;
height: 10px;
background: url("https://www.cohesity.com/wp-content/themes/cohesity_new/dist/images/svgs/close_icon_black.svg");
background-size: contain;
}
.filter-by-tags .filtered-item .clearAll {
display: none;
}
.filter-by-tags .filtered-item .clearAll span {
font-size: 14px;
padding: 3px 10px 4px;
cursor: pointer;
text-transform: capitalize;
display: inline-block;
color: #3E4C5A;
line-height: 1.57;
letter-spacing: -0.21px;
font-weight: 400;
}
.filter-by-tags .filtered-item:empty {
display: none;
}
.filter-by-tags .filter-wrap .post-count {
position: relative;
font-size: 14px;
font-weight: 900;
margin-left: 8px;
}
.filter-by-tags .filters .post-count:empty {
display: none;
}
.filter-by-tags .row > div {
margin-bottom: 30px;
}
.filter-by-tags .filter-by-tags .container .pagination {
margin-top: 20px;
}
.style-section {
width: 100%;
position: relative;
float: left;
overflow: hidden;
padding: 50px 0;
z-index: 1;
}
.style-section ul li {
position: relative;
padding-left: 0;
margin: 15px 0;
list-style: none;
line-height: 1.4;
}
.style-section ul li:before {
content: "";
position: absolute;
left: -15px;
top: 2px;
width: 5px;
height: 5px;
background: #1d242b;
margin: 10px 0;
border-radius: 50%;
}
.style-section ul li a {
color: #06f;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
text-decoration: none;
}
.style-section ul li a:hover {
color: #06f;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-box-shadow: 0 -1px 0 0 #fff inset, 0 -2px 0 0 #06f inset;
box-shadow: 0 -1px 0 0 #fff inset, 0 -2px 0 0 #06f inset;
}
.style-section ol li a {
color: #06f;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
text-decoration: none;
}
.style-section ol li a:hover {
color: #06f;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-box-shadow: 0 -1px 0 0 #fff inset, 0 -2px 0 0 #06f inset;
box-shadow: 0 -1px 0 0 #fff inset, 0 -2px 0 0 #06f inset;
}
@media (min-width: 1800px) {
.filter-by-tags .container {
max-width: 1650px;
}
.filter-by-tags .container .row .listing-card .listing-card-content .overlay-content .link-black {
font-size: 2rem;
}
.filter-by-tags .container .row .listing-card .listing-card-content .eyebrow {
font-size: 1.8rem;
font-weight: 600;
}
.filter-by-tags .container .row .listing-card.listing {
height: 460px;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-img {
height: 300px;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event {
height: 460px;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-img {
height: 235px;
background: linear-gradient(180.61deg, rgba(0, 0, 0, 0.4) 37.82%, rgba(0, 0, 0, 0) 87.52%);
border-radius: 10px;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-img img {
height: 235px;
}
.filter-by-tags .container .listing-filter {
gap: 150px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li label::before {
top: 6px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li label::after {
top: 9px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li input[type=radio] ~ label:after {
top: 10px;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-webkit-input-placeholder {
font-size: 2rem !important;
line-height: 28px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-moz-placeholder {
font-size: 2rem !important;
line-height: 28px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input:-ms-input-placeholder {
font-size: 2rem !important;
line-height: 28px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-ms-input-placeholder {
font-size: 2rem !important;
line-height: 28px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::placeholder {
font-size: 2rem !important;
line-height: 28px !important;
}
.style-section {
padding: 120px 0;
}
}
@media (max-width: 991.98px) {
.filter-by-tags .container {
padding: 0 16px;
}
.filter-by-tags .container .row .listing-card .listing-card-content .eyebrow {
font-size: 1.4rem;
line-height: 20px;
}
}
@media (min-width: 1600px) and (max-width: 1799px) {
.style-section {
padding: 80px 0;
}
.filter-by-tags .container .row .listing-card.listing {
height: 405px;
}
.filter-by-tags .container .listing-filter {
gap: 150px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li label::before {
top: 3px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li label::after {
top: 6px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li input[type=radio] ~ label:before {
top: 5px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li input[type=radio] ~ label:after {
top: 9px;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-webkit-input-placeholder {
font-size: 1.8rem !important;
line-height: 26px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-moz-placeholder {
font-size: 1.8rem !important;
line-height: 26px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input:-ms-input-placeholder {
font-size: 1.8rem !important;
line-height: 26px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-ms-input-placeholder {
font-size: 1.8rem !important;
line-height: 26px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::placeholder {
font-size: 1.8rem !important;
line-height: 26px !important;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.style-section {
padding: 80px 0;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.style-section {
padding: 64px 0;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.style-section {
padding: 64px 0;
}
}
@media (max-width: 575.98px) {
.style-section {
padding: 56px 0;
}
}
@media (max-width: 767.98px) {
.style-section:after {
display: none;
}
}
@media (max-width: 595px) {
.filter-by-tags .container .pagination {
margin-top: 0;
}
.filter-by-tags .container .pagination ul li {
margin: 5px 18px;
text-align: center;
}
.filter-by-tags .container .pagination ul li.prev {
margin-top: 11px;
}
.filter-by-tags .container .pagination ul li.next {
margin-top: 11px;
}
.filter-by-tags .container .pagination #pagination li.prev {
margin: 10px 15px 0 0;
}
.filter-by-tags .container .pagination #pagination li.next {
margin: 10px 0 0 15px;
}
.filter-by-tags .container .pagination #pagination span a {
margin: 0 12px;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-content .overlay-content .link-black {
margin-top: 20px;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-webkit-input-placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-moz-placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input:-ms-input-placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-ms-input-placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
}
@media (max-width: 767px) {
.filter-by-tags {
z-index: inherit;
}
.filter-by-tags .container .row .listing-card.listing .listing-card-content {
min-height: 145px;
max-height: 145px;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event {
height: auto;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .p-xl-bold {
height: auto;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-img {
height: auto !important;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-img img {
height: auto !important;
}
.filter-by-tags .container .listing-filter {
max-width: 100%;
margin-bottom: 30px;
}
.filter-by-tags .container .listing-filter .filter-dropdown .d-none {
display: none !important;
}
.filter-by-tags .container .listing-filter .filter-dropdown p::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li label::before {
top: 3px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li label::after {
top: 6px;
}
.filter-by-tags .container .listing-filter .filter-dropdown.active p::after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.filter-by-tags .container .listing-filter .listing-filter-left {
display: block;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform: scale(0);
transform: scale(0);
position: fixed;
top: 50%;
left: 50%;
margin-left: -160px;
margin-top: -200px;
width: 100%;
height: 100%;
z-index: 101;
background: #fff;
max-height: 450px;
max-width: 320px;
padding: 20px;
border-radius: 20px;
overflow-y: auto;
overflow-x: hidden;
}
.filter-by-tags .container .listing-filter .listing-filter-left .filter-dropdown {
width: 100%;
margin: 0 0 20px 0;
z-index: 1;
}
.filter-by-tags .container .listing-filter .listing-filter-left .filter-dropdown ul {
width: 100% !important;
margin: 0 0 !important;
max-height: 250px !important;
position: static !important;
visibility: visible !important;
opacity: 1 !important;
}
.filter-by-tags .container .listing-filter .listing-filter-left.filter-open {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
.filter-by-tags .container .listing-filter .listing-filter-right {
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
gap: 10px;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search {
max-width: 100%;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-sort {
gap: 0;
width: 45px;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-sort .filter-dropdown ul {
top: 100%;
border-radius: 8px;
}
.filter-by-tags.filter-open {
position: static;
}
.filter-by-tags.filter-open .container {
position: static;
}
}
@media (max-width: 991px) {
.filter-by-tags .filter-wrap .clear-all {
text-align: center;
padding-top: 20px;
padding-bottom: 23px;
}
.filter-by-tags .filter-wrap .clear-all span {
font-size: 16px;
line-height: 1.38;
letter-spacing: -0.24px;
color: #3E4C5A;
font-weight: 400;
}
.filter-by-tags .container .listing-filter {
gap: 30px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 700px;
margin: 20px auto 40px auto;
}
.filter-by-tags .container .listing-filter .listing-filter-right {
max-width: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search {
max-width: 300px;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input {
height: 45px;
}
}
@media (min-width: 992px) {
.filter-by-tags .filters .post-count {
display: none !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-sort .filter-dropdown {
width: 125px;
}
}
@media (min-width: 1200px) {
.filter-by-tags .container .row .listing-card.listing .listing-card-content .overlay-content .link-black {
margin-top: 55px;
}
}
@media (min-width: 1400px) and (max-width: 1799px) {
.filter-by-tags .container .row .listing-card .listing-card-content .eyebrow {
font-size: 1.6rem;
line-height: 22px;
font-weight: 600;
}
}
@media (min-width: 992px) and (max-width: 1399px) {
.filter-by-tags .container .row .listing-card .listing-card-content .eyebrow {
font-size: 1.4rem;
line-height: 20px;
}
}
@media (max-width: 1199px) {
.filter-by-tags .container .row .listing-card.listing.webinar-event .eyebrow.date {
min-height: inherit;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-img {
height: 180px;
}
.filter-by-tags .container .row .listing-card.listing.webinar-event .video-img img {
height: 180px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li label::before {
top: 2px;
}
.filter-by-tags .container .listing-filter .filter-dropdown ul li label::after {
top: 5px;
}
.filter-by-tags .container .listing-filter .listing-filter-right {
max-width: 300px;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
.filter-by-tags .container .listing-filter {
padding-right: 50px;
}
}
@media (min-width: 1201px) and (max-width: 1400px) {
.filter-by-tags .container .listing-filter .listing-filter-right {
max-width: 300px;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
.filter-by-tags .container .listing-filter .listing-filter-right {
max-width: 250px;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-webkit-input-placeholder {
font-size: 1.8rem !important;
line-height: 28px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-moz-placeholder {
font-size: 1.8rem !important;
line-height: 28px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input:-ms-input-placeholder {
font-size: 1.8rem !important;
line-height: 28px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-ms-input-placeholder {
font-size: 1.8rem !important;
line-height: 28px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::placeholder {
font-size: 1.8rem !important;
line-height: 28px !important;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-webkit-input-placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-moz-placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input:-ms-input-placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-ms-input-placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-webkit-input-placeholder {
font-size: 1.4rem !important;
line-height: 20px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-moz-placeholder {
font-size: 1.4rem !important;
line-height: 20px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input:-ms-input-placeholder {
font-size: 1.4rem !important;
line-height: 20px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-ms-input-placeholder {
font-size: 1.4rem !important;
line-height: 20px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::placeholder {
font-size: 1.4rem !important;
line-height: 20px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-webkit-input-placeholder {
font-size: 1.4rem !important;
line-height: 20px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-moz-placeholder {
font-size: 1.4rem !important;
line-height: 20px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input:-ms-input-placeholder {
font-size: 1.4rem !important;
line-height: 20px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-ms-input-placeholder {
font-size: 1.4rem !important;
line-height: 20px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::placeholder {
font-size: 1.4rem !important;
line-height: 20px !important;
}
}
@media (min-width: 596px) and (max-width: 767px) {
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-webkit-input-placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-moz-placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input:-ms-input-placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::-ms-input-placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
.filter-by-tags .container .listing-filter .listing-filter-right .filter-search input::placeholder {
font-size: 1.6rem !important;
line-height: 24px !important;
}
}
@media (min-width: 768px) and (max-width: 1399px) {
.listing-card-section .container .row .listing-card.listing.webinar-event .p-xl-bold {
line-height: 30px !important;
}
}
@media (min-width: 768px) {
.filter-by-tags .container .listing-filter .listing-filter-right .filter-sort .filter-dropdown p {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
.generalassetblade {
padding-inline: 0;
background-repeat: no-repeat;
background-size: cover;
}
.cmp-generalassetblade {
padding: 2.4rem;
}
.cmp-generalassetblade .video-container {
background-color: initial;
padding: 0;
}
.cmp-generalassetblade .video-container .video-thumbnail img {
background-size: cover;
}
.cmp-generalassetblade .video-container .video-details {
display: none;
}
.cmp-generalassetblade > div {
width: 50%;
}
.cmp-generalassetblade:has(.video-container) div:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cmp-generalassetblade:has(.cq-Editable-dom) .general-asset-container--image-center .general-asset__description {
width: 100%;
}
.general-asset-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
background-repeat: no-repeat;
}
.general-asset-blade-blue {
background-color: blue;
}
.general-asset-blade-green {
background-color: green;
}
.general-asset-blade-teal {
background-color: teal;
}
.general-asset-container--image-center {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100% !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.general-asset-container--image-center .general-asset__content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
.general-asset-container--image-center .general-asset__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 3.2rem 0;
}
.general-asset__image img {
width: 100%;
max-width: 40rem;
}
.general-asset__video .video-container {
max-width: 100%;
padding: 0;
}
.general-asset__video .video-container .video-thumbnail {
max-height: 286px;
}
.general-asset__video .video-container .video-thumbnail img {
max-height: 286px;
max-width: 518px;
width: 100%;
height: 100%;
}
.general-asset__content {
-webkit-box-flex: 1.5;
-ms-flex: 1.5;
flex: 1.5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.general-asset__tag {
color: #fff;
padding: 0 0 2rem;
}
.general-asset__heading {
margin-bottom: 1.6rem;
color: #ffffff;
}
.general-asset__description {
margin-bottom: 0.2rem;
color: #ffffff;
}
.general-asset__description p {
font-size: var(--font-size-p-xl);
line-height: var(--line-height-p-xl);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-xl) * -0.03);
margin-bottom: 2.4rem !important;
}
.general-asset__button a {
color: #ffffff;
}
.general-asset__button:hover {
border-color: #080808;
background: rgba(0, 185, 107, 0.5);
}
.general-asset__button:hover a {
color: #000;
}
.text-white .general-asset__tag, .text-white .general-asset__heading, .text-white .general-asset__description {
color: #ffffff !important;
}
.text-black .general-asset__tag, .text-black .general-asset__heading, .text-black .general-asset__description {
color: #000000 !important;
}
.general-asset-container.video .general-asset__description p {
font-size: var(--font-size-p-xl);
line-height: var(--line-height-p-xl);
font-weight: var(--font-weight-regular);
letter-spacing: calc(var(--font-size-p-xl) * -0.03);
margin-bottom: 2.4rem !important;
}
@media only screen and (max-width: 767px) {
.generalassetblade {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-flow: column !important;
flex-flow: column !important;
}
.generalassetblade > div {
width: 100% !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.general-asset-container--left,
.general-asset-container--right {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.general-asset-container--left > div,
.general-asset-container--right > div {
width: 100% !important;
}
.general-asset-container--right .general-asset__image {
margin: 3.2rem 0 !important;
}
.general-asset-container--image-center .general-asset__content {
text-align: center;
}
}
.general-asset-container--left,
.general-asset-container--right {
width: 100% !important;
}
.general-asset-container--left .general-asset__image,
.general-asset-container--right .general-asset__image {
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;
}
.general-asset-container--left > div,
.general-asset-container--right > div {
width: 48%;
}
.general-asset-container--left .general-asset__content {
padding-left: 48px;
}
@media (max-width: 767px) {
.general-asset-container--left .general-asset__content {
padding-left: 0;
padding-top: 40px;
}
}
.general-asset-container--right .general-asset__image {
padding-left: 48px;
}
@media (max-width: 767px) {
.general-asset-container--right .general-asset__image {
padding-left: 0;
padding-top: 40px;
}
}
.general-asset-blade-text-black .general-asset__heading,
.general-asset-blade-text-black .general-asset__description,
.general-asset-blade-text-black .general-asset__button a,
.general-asset-blade-text-black .general-asset__tag {
color: #000;
}
.general-asset-blade-text-black .general-asset__button {
background: #00FD92;
border: 0.15rem solid #006616;
}
.general-asset-blade-text-black .general-asset__button a {
color: #000;
}
.general-asset-blade-text-black .general-asset__button:hover {
border-color: #080808;
background: #00774C;
}
.general-asset-blade-text-black .general-asset__button:hover a {
color: #fff;
}
#gereric-asset-homepage {
border: 40px solid #00DB75;
}
@media (max-width: 767px) {
#gereric-asset-homepage {
border-width: 20px;
}
}
#gereric-asset-homepage .general-asset__image img {
width: 100%;
max-width: 100%;
}
#full-image .general-asset__image img {
width: 100%;
max-width: 100%;
}
.full-image .general-asset__image img {
max-height: 286px;
max-width: 518px;
width: 100%;
height: 100%;
}
.generalassetblade.enable-border-yes {
border: 40px solid #00DB75;
}
@media (max-width: 767px) {
.generalassetblade.enable-border-yes {
border-width: 20px;
}
}
.logo-tabbed-grid__container {
max-width: 12.24rem;
margin: auto;
background: #fff;
padding: 2rem;
border-radius: 0.8rem;
-webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
width: 100%;
}
.logo-tabbed-grid .heading {
font-weight: 500;
font-size: 5.6rem;
line-height: 5.8rem;
text-align: center;
color: #000000;
margin-bottom: 1.6rem;
}
.logo-tabbed-grid .sub-heading {
font-weight: 400;
font-size: 2.2rem;
line-height: 2.8rem;
text-align: center;
letter-spacing: -0.02em;
color: #000000;
margin-bottom: 3.6rem;
}
.logo-tabbed-grid__category {
padding: 1.6rem;
margin-bottom: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 0.1rem solid transparent;
border-right: 0.1rem solid transparent;
border-bottom: 0.1rem solid #cbcbcb;
border-left: 0.1rem solid transparent;
padding-left: 0;
cursor: pointer;
}
.logo-tabbed-grid__category:hover {
-webkit-box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.1019607843);
box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.1019607843);
border: 0.1rem solid #cbcbcb;
}
.logo-tabbed-grid__category:hover .logo-tabbed-grid-category {
border-left-color: #00b96b;
}
.logo-tabbed-grid__category:hover .logo-tabbed-grid-category__text {
color: #080808;
}
.logo-tabbed-grid__category:hover .logo-tabbed-grid-category__text a.logo-tabbed-grid__link::after {
right: -45px;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg) no-repeat;
background-size: cover;
}
.logo-tabbed-grid__category:hover .logo-tabbed-grid-category__text svg {
fill: #080808;
}
.logo-tabbed-grid__category:hover .logo-tabbed-grid-category__text svg path {
stroke: #00fd92;
}
.logo-tabbed-grid .logo-tabbed-grid-category__text {
font-weight: 500;
font-size: 2.2rem;
line-height: 100%;
color: #00774c;
text-align: left;
min-width: 30rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.logo-tabbed-grid .logo-tabbed-grid-category__text a {
color: #00774c;
max-width: 20rem;
}
.logo-tabbed-grid .logo-tabbed-grid-category__text a.logo-tabbed-grid__link {
position: relative;
display: block;
}
.logo-tabbed-grid .logo-tabbed-grid-category__text a.logo-tabbed-grid__link::after {
content: "";
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow.svg) no-repeat;
background-size: cover;
height: 29px;
width: 29px;
margin-top: -4px;
margin-left: 8px;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
position: absolute;
right: -40px;
}
.logo-tabbed-grid .logo-tabbed-grid-category__text a.logo-tabbed-grid__link:hover::after {
right: -45px;
background: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg) no-repeat;
background-size: cover;
}
.logo-tabbed-grid .logo-tabbed-grid-category__text svg {
margin-left: 0.8rem;
}
.logo-tabbed-grid .logo-tabbed-grid-category__icon-mobile {
display: none;
}
.logo-tabbed-grid__category-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border-left: 0.5rem solid #c5cace;
padding-left: 1.6rem;
padding-left: 2.4rem;
}
.logo-tabbed-grid__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.5rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.logo-tabbed-grid__logo img {
height: auto;
width: auto;
max-width: 10rem;
}
.logo-tabbed-grid__logo-container {
width: calc(25% - 1.5rem);
}
.logo-tabbed-grid__logo-click {
cursor: pointer;
}
@media (max-width: 1200px) {
.logo-tabbed-grid .heading {
font-size: 3.6rem;
line-height: 3.8rem;
margin-bottom: 0.8rem;
}
.logo-tabbed-grid__category-container {
-webkit-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.logo-tabbed-grid .sub-heading {
font-size: 2rem;
line-height: 2.6rem;
letter-spacing: -0.01em;
}
.logo-tabbed-grid .category {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.logo-tabbed-grid__logo {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 2rem;
}
.logo-tabbed-grid__logo-container {
width: calc(50% - 1.5rem);
}
.logo-tabbed-grid .logo-tabbed-grid-category__icon-desktop {
display: none;
}
.logo-tabbed-grid .logo-tabbed-grid-category__icon-mobile {
display: block;
}
.logo-tabbed-grid .logo-tabbed-grid-category__text {
font-size: 1.4rem;
line-height: 2rem;
letter-spacing: 0.1em;
color: #000000;
font-weight: 700;
}
.logo-tabbed-grid .logo-tabbed-grid-category__text a {
max-width: -webkit-fit-content !important;
max-width: -moz-fit-content !important;
max-width: fit-content !important;
}
}
.mcc-wrapper {
width: 100%;
position: relative;
float: left;
overflow: hidden;
padding-top: 20px;
padding-bottom: 40px;
}
@media (max-width: 575px) {
.mcc-wrapper {
padding-bottom: 50px;
}
}
.media-kit .mcc-wrapper {
left: 0;
margin-left: 0;
}
.mcc-container {
width: 100%;
margin: 0 auto;
position: relative;
max-width: 1264px !important;
}
@media (min-width: 1800px) {
.mcc-container {
max-width: 1650px !important;
}
}
.mcc-card-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.media-contacts-card {
background: #ffffff;
border-radius: 0.5rem;
padding: 4rem;
width: 48.5%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
@media (max-width: 767px) {
.media-contacts-card {
width: 100%;
}
}
@media (max-width: 575px) {
.media-contacts-card {
padding: 2rem;
}
}
.mcc__heading {
margin-bottom: 4.4rem !important;
}
.mcc__name, .mcc__title {
font-weight: 400;
font-size: 1.8rem;
line-height: 2.6rem;
color: #000000;
}
.mcc__email, .mcc__phone-number {
font-weight: 400;
font-size: 1.8rem;
line-height: 3.6rem;
color: #000000;
}
.mcc .flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
.achievement-container .achievement-headline {
text-align: center;
margin-bottom: 40px;
margin-top: 24px;
color: #1d242b;
}
.achievement-container .achievement-subheadline {
text-align: center;
color: #1d242b;
margin-bottom: 40px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.achievement-container .achievements-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
gap: 2.2rem;
margin: 0 auto;
padding: 0 1rem;
}
@media (max-width: 1799px) {
.achievement-container .achievements-grid {
padding: 0;
}
}
@media (max-width: 991px) {
.achievement-container .achievements-grid {
grid-template-columns: 1fr;
padding: 0;
}
}
.achievement-container .achievements-grid .right-cards .achievement-card {
display: grid;
grid-template-columns: repeat(2, 1fr);
padding: 3.5rem;
}
.achievement-container .achievements-grid .right-cards .achievement-card .achievement-card__logo-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.achievement-container .achievements-grid .right-cards .achievement-card .achievement-card__logo-container .logo {
width: auto;
height: 125px;
max-height: 125px;
padding: 0px;
}
.achievement-container .achievements-grid .right-cards .achievement-card .achievement-card__logo-container .achievement-number {
margin-left: 24px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
@media (max-width: 991px) {
.achievement-container .achievements-grid .right-cards .achievement-card .achievement-card__logo-container .achievement-number {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (max-width: 767px) {
.achievement-container .achievements-grid .right-cards .achievement-card .achievement-card__logo-container .achievement-number {
margin-left: 20px;
margin-top: 57px;
}
}
.achievement-container .achievements-grid .right-cards .achievement-card.full-width-card {
display: grid;
grid-template-columns: 1fr 3fr;
min-height: 190px;
grid-column: span 2;
}
@media (max-width: 575px) {
.achievement-container .achievements-grid .right-cards .achievement-card.full-width-card {
grid-column: span 1;
}
}
.achievement-container .achievements-grid .right-cards .achievement-card.full-width-card .logo {
grid-column: span 1;
}
@media (max-width: 991px) {
.achievement-container .achievements-grid .right-cards .achievement-card.full-width-card .logo {
padding-bottom: 0;
grid-column: span 2;
}
}
.achievement-container .achievements-grid .right-cards .achievement-card.full-width-card .logo img {
height: 100%;
width: 100%;
max-width: 200px;
padding-right: 20px;
-o-object-fit: contain;
object-fit: contain;
max-height: 85px;
}
.achievement-container .achievements-grid .right-cards .achievement-card.full-width-card .achievement-title {
grid-column: span 1;
padding-left: 20px;
}
@media (max-width: 991px) {
.achievement-container .achievements-grid .right-cards .achievement-card.full-width-card .achievement-title {
grid-column: span 2;
padding-left: 0;
}
}
.achievement-container .achievements-grid .achievement-card {
background: white;
padding: 3.5rem;
border: 1px solid #B6C3CA;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
position: relative;
}
.achievement-container .achievements-grid .achievement-card:hover .achievement-subtitle {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
visibility: visible;
}
.achievement-container .achievements-grid .achievement-card .achievement-number {
font-weight: bold;
color: #00DB75;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
font-size: 90px;
text-transform: uppercase;
font-weight: 500;
line-height: 90px;
font-family: "KlavikaWeb";
}
@media (max-width: 991px) {
.achievement-container .achievements-grid .achievement-card .achievement-number {
font-size: 64px;
line-height: 64px;
}
}
@media (max-width: 767px) {
.achievement-container .achievements-grid .achievement-card .achievement-number {
font-size: 50px;
line-height: 50px;
}
}
.achievement-container .achievements-grid .achievement-card .achievement-number::after {
content: attr(data-suffix);
margin-left: 0.2rem;
}
.achievement-container .achievements-grid .achievement-card .achievement-number.animate {
-webkit-animation: countUp 2s ease-out forwards;
animation: countUp 2s ease-out forwards;
}
.achievement-container .achievements-grid .achievement-card .achievement-title {
color: #1d242b;
margin: 1rem 0;
display: -webkit-box;
grid-column: span 2;
}
.achievement-container .achievements-grid .achievement-card .achievement-subtitle {
color: #1d242b;
margin-bottom: 1rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow-y: hidden;
visibility: hidden;
}
@media (max-width: 991px) {
.achievement-container .achievements-grid .achievement-card .achievement-subtitle {
visibility: visible;
}
}
.achievement-container .achievements-grid .achievement-card .logo {
width: auto;
max-height: 125px;
padding-bottom: 20px;
}
.achievement-container .achievements-grid .achievement-card .logo img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
min-width: 64px;
max-height: 125px;
}
.achievement-container .achievements-grid .achievement-card.full-width-card {
grid-column: 1/-1;
}
.achievement-container .achievements-grid .achievement-card .btn-wrap {
position: absolute;
bottom: 40px;
}
@media (max-width: 992px) {
.achievement-container .achievements-grid .achievement-card .btn-wrap {
position: relative;
bottom: auto;
}
}
.achievement-container .achievements-grid .achievement-card .btn-wrap.arrow-wrap:hover span::after {
margin-left: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='28' height='28' rx='4' fill='%23080808'/%3E%3Crect x='1' y='1' width='28' height='28' rx='4' stroke='%2300B96B' stroke-width='2'/%3E%3Cpath d='M6 15L22.8535 15' stroke='%2300FD92' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 9L24 15L18 21' stroke='%2300FD92' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-size: cover;
width: 25px;
}
.achievement-container .achievements-grid .achievement-card .btn-wrap a {
padding-right: 50px;
position: relative;
z-index: 2;
letter-spacing: -0.018em;
font-weight: 500;
}
.achievement-container .achievements-grid .achievement-card .btn-wrap span {
color: rgb(0, 89, 68) !important;
font-size: 1.8rem;
display: inline-block;
position: relative;
font-size: 22px;
}
@media (max-width: 575px) {
.achievement-container .achievements-grid .achievement-card .btn-wrap span {
font-size: 18px;
}
}
.achievement-container .achievements-grid .achievement-card .btn-wrap span::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
margin-left: 15px;
-webkit-transform: translateX(0);
transform: translateX(0);
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='28' height='28' rx='4' fill='white'/%3E%3Crect x='1' y='1' width='28' height='28' rx='4' stroke='%2300B96B' stroke-width='2'/%3E%3Cpath d='M6 15L22.8535 15' stroke='%23080808' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 9L24 15L18 21' stroke='%23080808' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-size: contain;
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.achievement-container .achievements-grid .right-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2.2rem;
}
@media (max-width: 575px) {
.achievement-container .achievements-grid .right-cards {
grid-template-columns: 1fr;
}
}
@-webkit-keyframes countUp {
from {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes countUp {
from {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.new-grid-mosaic-container {
padding: 0 1rem;
}
.new-grid-mosaic-container .new-grid-mosaic-headline {
text-align: center;
margin-bottom: 40px;
margin-top: 24px;
color: #1d242b;
}
.new-grid-mosaic-container .new-grid-mosaic-subheadline {
text-align: center;
color: #1d242b;
margin-bottom: 40px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.new-grid-mosaic-container .new-grid-mosaic-card {
background: #fff;
border-radius: 18px;
padding: 24px 20px 16px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 180px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media (max-width: 991px) {
.new-grid-mosaic-container .new-grid-mosaic-card {
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content;
}
}
.new-grid-mosaic-container .new-grid-mosaic-card:hover .new-grid-mosaic-desc {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
visibility: visible;
}
@media (max-width: 600px) {
.new-grid-mosaic-container .new-grid-mosaic-card {
padding: 20px 12px 16px 12px;
}
}
.new-grid-mosaic-container .new-grid-mosaic-card .new-grid-mosaic-icon {
width: 180px;
margin-bottom: 18px;
}
.new-grid-mosaic-container .new-grid-mosaic-card .new-grid-mosaic-icon img {
height: auto;
width: 100%;
max-width: 100%;
vertical-align: top;
border: 0;
-o-object-fit: contain;
object-fit: contain;
}
.new-grid-mosaic-container .new-grid-mosaic-card .new-grid-mosaic-title {
color: #1d242b;
margin-bottom: 12px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow-y: hidden;
}
.new-grid-mosaic-container .new-grid-mosaic-card .new-grid-mosaic-desc {
color: #1d242b;
margin-bottom: 24px;
visibility: hidden;
}
@media (max-width: 991px) {
.new-grid-mosaic-container .new-grid-mosaic-card .new-grid-mosaic-desc {
visibility: visible;
}
}
.new-grid-mosaic-container .new-grid-mosaic-card .btn-wrap.arrow-wrap:hover span {
color: #000;
}
.new-grid-mosaic-container .new-grid-mosaic-card .btn-wrap.arrow-wrap:hover span::after {
margin-left: 20px;
background: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/resource/right-filled.svg") no-repeat;
background-size: cover;
width: 25px;
}
.new-grid-mosaic-container .new-grid-mosaic-card .btn-wrap a {
padding-right: 50px;
position: relative;
z-index: 2;
letter-spacing: -0.018em;
font-weight: 500;
}
.new-grid-mosaic-container .new-grid-mosaic-card .btn-wrap span {
font-size: 24px;
color: rgb(0, 89, 68) !important;
font-size: 24px !important;
display: inline-block;
position: relative;
}
@media (max-width: 1799px) {
.new-grid-mosaic-container .new-grid-mosaic-card .btn-wrap span {
font-size: 22px;
}
}
.new-grid-mosaic-container .new-grid-mosaic-card .btn-wrap span:hover {
color: #000;
}
.new-grid-mosaic-container .new-grid-mosaic-card .btn-wrap span::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
margin-left: 15px;
-webkit-transform: translateX(0);
transform: translateX(0);
background: url("https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/resource/right-line.svg") no-repeat;
background-size: contain;
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.new-grid-mosaic-container .new-grid-mosaic-row1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 16px;
}
@media (max-width: 991px) {
.new-grid-mosaic-container .new-grid-mosaic-row1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.new-grid-mosaic-container .new-grid-mosaic-row1 .new-grid-mosaic-card {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
min-width: 0;
}
.new-grid-mosaic-container .new-grid-mosaic-row2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
}
@media (max-width: 991px) {
.new-grid-mosaic-container .new-grid-mosaic-row2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.new-grid-mosaic-container .new-grid-mosaic-row2 .new-grid-mosaic-card {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
min-width: 0;
}
.relatedlist {
width: 100%;
position: relative;
}
.related-list-container {
width: 100%;
margin: 0 auto;
position: relative;
max-width: 1264px !important;
padding: var(--spacing-lg) 20px;
}
@media (max-width: 767px) {
.related-list-container {
padding: var(--spacing-lg) 16px;
}
}
@media (min-width: 1800px) {
.related-list-container {
max-width: 1650px !important;
}
}
.related-list-container__mostpopulate {
padding: var(--padding-side) 20px;
}
@media (max-width: 575px) {
.related-list-container__mostpopulate {
padding: var(--spacing-xl) 16px;
}
}
.related-list-container__press {
max-width: 1020px !important;
}
@media (min-width: 1800px) {
.related-list-container__press {
max-width: 1320px !important;
}
}
.related-list d-none {
display: none;
}
.related-list__heading h2 {
text-align: center;
margin-bottom: 4rem;
}
.related-list .related-lists {
display: grid;
gap: 3rem 2.4rem;
grid-template-columns: 1fr 1fr 1fr;
}
.related-list .related-lists__press {
grid-template-columns: auto auto;
}
.related-list .related-lists__press.blog-grid {
grid-template-columns: auto;
}
.related-list .related-lists.column {
grid-template-columns: auto !important;
}
.related-list .related-lists.column .related-item__content {
padding: 40px;
border-bottom: 10px solid #00FD45;
}
.related-list .related-lists.column .related-item__description {
margin-bottom: 0;
}
.related-list .related-item {
position: relative;
transition: 0.5s all ease 0s;
-webkit-transition: 0.5s all ease 0s;
-moz-transition: 0.5s all ease 0s;
-ms-transition: 0.5s all ease 0s;
}
.related-list .related-item:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transition: 0.5s all ease 0s;
-webkit-transition: 0.5s all ease 0s;
-moz-transition: 0.5s all ease 0s;
-ms-transition: 0.5s all ease 0s;
}
.related-list .related-item:hover .related-item__btn-wrap a span {
color: #080808;
}
.related-list .related-item:hover .related-item__btn-wrap a span::after {
margin-left: 2rem;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iNCIgZmlsbD0iIzA4MDgwOCIvPgo8cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHJ4PSI0IiBzdHJva2U9IiMwMEI5NkIiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTEuMDg3OSAyMUwzMS4wODc5IDIxIiBzdHJva2U9IiMwMEZEOTIiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjUuMzY4MSAxM0wzMy45MTI0IDIxTDI1LjM2ODEgMjkiIHN0cm9rZT0iIzAwRkQ5MiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat;
background-size: cover;
width: 2.5rem;
}
.related-list .related-item > a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
font-size: 0;
text-indent: -99999px;
}
.related-list .related-item__content {
position: relative;
padding: 2.4rem;
background-color: #fafafa;
-webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.15);
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.15);
border-radius: 0.5rem;
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.related-list .related-item__content-with-img {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.related-list .related-item__icon-with-text {
margin-bottom: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.related-list .related-item__icon {
max-width: 9.6rem;
max-height: 9.6rem;
}
.related-list .related-item__icon img {
height: auto;
width: 100%;
max-width: 100%;
vertical-align: top;
border: 0;
}
.related-list .related-item__text {
margin-left: 1.6rem;
}
.related-list .related-item__eyebrow {
color: #005F79;
}
.related-list .related-item__description {
margin-bottom: 6rem;
width: 100%;
}
.related-list .related-item__btn-wrap {
position: absolute;
bottom: 4rem;
}
.related-list .related-item__btn-wrap a {
display: inline-block;
padding-right: 5rem;
white-space: nowrap;
}
.related-list .related-item__btn-wrap a span {
position: relative;
font-weight: 500;
font-size: 2.2rem;
color: #00774C;
font-family: "KlavikaWebCondensed";
}
@media (min-width: 1800px) {
.related-list .related-item__btn-wrap a span {
font-size: 2.4rem;
}
}
@media (max-width: 575px) {
.related-list .related-item__btn-wrap a span {
font-size: 1.8rem;
}
}
.related-list .related-item__btn-wrap a span::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 2.5rem;
height: 2.5rem;
margin-left: 1.5rem;
-webkit-transform: translate(0, -2px);
transform: translate(0, -2px);
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiByeD0iNCIgc3Ryb2tlPSIjMDBCOTZCIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTYgMTVMMjIuODUzNSAxNSIgc3Ryb2tlPSIjMDgwODA4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTggOUwyNCAxNUwxOCAyMSIgc3Ryb2tlPSIjMDgwODA4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K") no-repeat;
background-size: contain;
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
.related-list__heading h2 {
margin: 0 0 2.4rem;
}
.related-list .related-lists {
grid-template-columns: auto;
}
.related-list .related-item__btn-wrap {
position: relative;
bottom: 0;
}
.related-list .related-item__icon {
max-width: 6rem;
max-height: 6rem;
}
}
.overlay-search {
opacity: 0;
z-index: -1;
padding: 0;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
overflow-y: scroll;
width: 100%;
height: 100%;
}
.overlay-search .v-middle-inner {
display: table;
position: relative;
width: 100%;
height: 100%;
}
.overlay-search .v-middle-inner .v-middle {
display: table-cell;
vertical-align: middle;
}
.overlay-search .search-overlay {
width: 100%;
height: 100%;
}
.overlay-search .search-overlay .content-wrap {
max-width: 838px;
padding: 0 20px;
margin: 0 auto;
position: relative;
width: 100%;
}
.overlay-search .search-overlay .content-wrap p {
color: #00FD45;
font-size: 44px;
letter-spacing: -0.025em;
margin: 1em 0 0.66em;
font-weight: 300;
line-height: 1.2;
}
.overlay-search .search-overlay .content-wrap .search-box {
position: relative;
}
.overlay-search .search-overlay .content-wrap .search-box .search-input {
background: #fff;
width: 100%;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 52px 0 18px;
font-size: 18px;
outline: none;
border-radius: 4px;
font-weight: 500;
line-height: 1.38;
letter-spacing: -0.6px;
height: 54px;
color: #000;
}
.overlay-search .search-overlay .content-wrap .search-box .search-input:-ms-input-placeholder {
color: #000;
font-size: 18px;
font-weight: 600;
}
.overlay-search .search-overlay .content-wrap .search-box .search-input::-ms-input-placeholder {
color: #000;
font-size: 18px;
font-weight: 600;
}
.overlay-search .search-overlay .content-wrap .search-box .search-btn {
position: absolute;
right: 20px;
top: 3px;
bottom: 0;
margin: auto;
width: 23px;
height: 23px;
cursor: pointer;
outline: none;
padding: 0 !important;
min-width: auto;
background: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/icon_awesome-search.svg);
background-repeat: no-repeat !important;
background-size: 100% !important;
background-color: #fff !important;
opacity: 0.2;
pointer-events: none;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.overlay-search .search-overlay .content-wrap .search-box.open .search-btn {
opacity: 1;
pointer-events: auto;
}
.overlay-search .search-overlay .close {
cursor: pointer;
outline: none;
border: 0;
background: none;
opacity: 1;
position: absolute;
top: -50px;
right: 20px;
height: 23px;
width: 23px;
}
.overlay-search.open {
opacity: 1;
z-index: 9999;
}
.overlay-search.overlay-open {
opacity: 1;
z-index: 9999;
}
.overlay-search.overlay-open .content-wrap {
opacity: 0;
-webkit-animation: fade-Up 0.5s ease both;
animation: fade-Up 0.5s ease both;
}
@media screen and (max-width: 1450px) and (min-width: 1200px) {
.overlay-search .search-overlay .content-wrap {
padding: 0 60px;
}
.overlay-search .search-overlay .close {
right: 60px;
}
}
@media (max-width: 767px) {
.overlay-search .search-overlay .content-wrap p {
font-size: 27px;
}
.overlay-search .search-overlay .content-wrap .search-box .search-btn {
right: 30px;
width: 30px;
height: 30px;
}
.overlay-search .search-overlay .close {
top: -35px;
right: 20px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.overlay-search .search-overlay .content-wrap .search-box .search-btn {
right: 30px;
width: 33px;
height: 33px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.overlay-search .search-overlay .content-wrap .search-box .search-btn {
right: 30px;
width: 33px;
height: 33px;
}
.overlay-search .search-overlay .close {
top: -40px;
width: 20px;
height: 20px;
}
}
.social-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.4rem;
margin: 34px 0px 17px;
font-weight: 400;
}
@media (min-width: 1800px) {
.social-links {
margin: 62px 0px 30px;
}
}
.social-links a {
cursor: pointer;
}
.social-links a svg {
width: 24px;
height: 24px;
}
.social-links a:hover svg path {
fill: #00FD45;
}
.social-links.light a {
cursor: pointer;
}
.social-links.light a svg path {
fill: #0066FF;
}
.social-links.light a:hover svg path {
fill: #0066FF;
}
.social-links.small a svg {
width: 16px;
height: 16px;
}
.social-links.large a svg {
width: 40px;
height: 40px;
}
.sticky-bar {
-webkit-box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
background-color: #ffffff;
}
.sticky-bar-container {
max-width: var(--max-width);
margin: 0 auto;
padding-inline: var(--padding-side);
padding-block: 1.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sticky-bar.sticky {
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: 9999;
-webkit-box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
background: #fff;
max-width: initial;
}
.sticky-bar__button-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sticky-bar__button-container .button {
margin-bottom: 0;
margin-right: 0;
margin-left: 10px;
}
@media (max-width: 991px) {
.sticky-bar__button-container .button a {
margin: 0;
}
}
@media (max-width: 575px) {
.sticky-bar__button-container .button a {
padding: 11px 22px !important;
font-size: 12px !important;
}
}
.sticky-bar__button-container button, .sticky-bar__button-container a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 5px;
cursor: pointer;
color: #000000;
font-size: 1.6rem;
font-weight: 700;
line-height: 100%; /* 16px */
outline: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-transform: uppercase;
}
.sticky-bar__button-container button.primary,
.sticky-bar__button-container a.primary {
background-color: #00FD92;
border: 0.2rem solid #00FD92;
color: #000000;
}
.sticky-bar__button-container button.primary:hover,
.sticky-bar__button-container a.primary:hover {
background: #ffffff;
border: 0.2rem solid #00FD92;
}
.sticky-bar__button-container button.secondary,
.sticky-bar__button-container a.secondary {
border: 0.2rem solid #00FD92;
color: #000000;
background: #ffffff;
}
.sticky-bar__button-container button.secondary:hover,
.sticky-bar__button-container a.secondary:hover {
background-color: #00FD92;
}
.sticky-bar__button-container button.small, .sticky-bar__button-container a.small {
padding: 1.2rem 2.4rem;
font-size: 1.4rem;
line-height: 115%;
}
.sticky-bar__button-container button.medium, .sticky-bar__button-container a.medium {
padding: 1.6rem 3.2rem;
font-size: 1.6rem;
line-height: 90%;
}
.sticky-bar__button-container button.large, .sticky-bar__button-container a.large {
padding: 1.6rem 4rem;
font-size: 1.8rem;
line-height: 120%;
}
.sticky-bar__button-container button.blue, .sticky-bar__button-container a.blue {
background-color: #0066FF;
color: #fff;
border: 0.2rem solid #06f;
}
.sticky-bar__button-container button.blue:hover, .sticky-bar__button-container a.blue:hover {
background: #ffffff;
border: 0.2rem solid #0066FF;
color: #000;
}
.sticky-bar__button-container button.blue.secondary, .sticky-bar__button-container a.blue.secondary {
background: #ffffff;
border: 0.2rem solid #0066FF;
color: #000;
}
.sticky-bar__button-container button.blue.secondary:hover, .sticky-bar__button-container a.blue.secondary:hover {
background-color: #0066FF;
color: #fff;
border: #06f;
}
.sticky-bar .cmp-button {
cursor: pointer;
border-radius: 5px;
padding: 16px 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sticky-bar .sticky-bar-button-2 {
margin-left: 1.8rem;
}
.sticky-bar > button {
padding: 0.9rem 2.3rem !important;
border: 0.2rem solid #00FD92;
border-radius: 5px;
background: #00FD92;
font-weight: 500;
}
.sticky-bar > button a {
color: #000 !important;
}
.sticky-bar .button-hidden {
display: none;
}
.sticky-bar__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 7.2rem;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.sticky-bar__item {
color: #000000;
font-size: 1.6rem;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
position: relative;
margin-top: 5px;
}
@media (min-width: 1800px) {
.sticky-bar__item {
font-size: 2rem;
}
}
.sticky-bar__item::after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -100%;
height: 4px;
width: 0;
background-color: rgb(0, 253, 146);
-webkit-transition: width 0.3s ease-in;
transition: width 0.3s ease-in;
}
.sticky-bar__item:hover::after {
width: 100%;
}
.sticky-bar__item.active::after {
width: 100%;
}
.sticky-bar-mobile__btn-title {
position: relative;
font-size: 18px;
text-transform: uppercase;
}
.sticky-bar-mobile__btn-title.active::before {
content: "";
position: absolute;
left: 0;
height: 4px;
width: 100%;
bottom: -18px;
background-color: #00FD92;
-webkit-transition: width 0.3s ease-in;
transition: width 0.3s ease-in;
}
@media (max-width: 991px) {
.stickybar {
padding: 0;
}
.sticky-bar .stickybar-button {
display: none;
}
.sticky-bar.sticky {
padding: 0;
}
.sticky-bar__mobile {
display: block;
position: relative;
width: 100%;
}
.sticky-bar__items {
display: none;
}
.sticky-bar > button {
display: none;
}
.sticky-bar__button-container {
display: none;
}
.sticky-bar-mobile__btn {
background-color: #fff;
color: #000;
padding: 1.1em;
border: none;
cursor: pointer;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 700;
}
.sticky-bar-mobile__btn-rotate .sticky-bar-mobile__btn-icon {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.sticky-bar-mobile__content {
display: none;
background-color: #fff;
position: absolute;
width: 100%;
top: 59px;
z-index: 10;
}
.sticky-bar-mobile__content .sticky-bar-mobile__mobile-list .sticky-bar-mobile__list-item {
border-bottom: 1px solid rgba(64, 64, 64, 0.13);
text-transform: uppercase;
}
.sticky-bar-mobile__content a {
color: #3E4C5A;
padding: 14px 7px;
text-decoration: none;
display: block;
margin-left: 15px;
margin-right: 15px;
font-weight: 500;
}
.sticky-bar-mobile__content a:hover {
background-color: #ddd;
}
.sticky-bar-mobile__content a.active {
color: #000;
}
.sticky-bar-mobile .sticky-bar-mobile__content.show {
display: block;
-webkit-box-shadow: 0 0.2rem 1.2rem 0 rgba(91, 125, 149, 0.08);
box-shadow: 0 0.2rem 1.2rem 0 rgba(91, 125, 149, 0.08);
}
.sticky-bar-mobile .sticky-bar-mobile__content.show .sticky-bar__button-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 8px;
}
}
@media (min-width: 992px) {
.sticky-bar__mobile {
display: none;
}
.sticky-bar__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.stickynavbar {
position: sticky;
background: #fff;
top: 0;
z-index: 99;
}
.sticky-bar-mobile__btn-rotate .sticky-bar-mobile__btn-icon svg path {
stroke: #00FD92;
}
.sticky-bar-mobile__btn-icon {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.sticky-bar-url {
-webkit-box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
background: #fff;
}
.sticky-bar-url-container {
padding-top: 12px !important;
padding-bottom: 12px !important;
padding-block: 1.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sticky-bar-url.sticky {
position: fixed;
top: 6.9rem;
width: 100%;
left: 0;
z-index: 10;
-webkit-box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
background: #fff;
max-width: initial;
}
.sticky-bar-url__button-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sticky-bar-url__button-container .button {
margin-bottom: 0;
margin-right: 0;
margin-left: 18px;
}
@media (max-width: 991px) {
.sticky-bar-url__button-container .button a {
margin: 0;
}
}
@media (max-width: 575px) {
.sticky-bar-url__button-container .button a {
padding: 11px 22px !important;
font-size: 12px !important;
}
}
.sticky-bar-url__button-container button, .sticky-bar-url__button-container a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 5px;
cursor: pointer;
color: #000000;
font-size: 1.6rem;
font-weight: 700;
line-height: 100%; /* 16px */
outline: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-transform: uppercase;
}
.sticky-bar-url__button-container button.primary,
.sticky-bar-url__button-container a.primary {
background-color: #00FD92;
border: 0.2rem solid #00FD92;
color: #000000;
}
.sticky-bar-url__button-container button.primary:hover,
.sticky-bar-url__button-container a.primary:hover {
background: #ffffff;
border: 0.2rem solid #00FD92;
}
.sticky-bar-url__button-container button.secondary,
.sticky-bar-url__button-container a.secondary {
border: 0.2rem solid #00FD92;
color: #000000;
background: #ffffff;
}
.sticky-bar-url__button-container button.secondary:hover,
.sticky-bar-url__button-container a.secondary:hover {
background-color: #00FD92;
}
.sticky-bar-url__button-container button.small, .sticky-bar-url__button-container a.small {
padding: 1.2rem 2.4rem;
font-size: 1.4rem;
line-height: 115%;
}
.sticky-bar-url__button-container button.medium, .sticky-bar-url__button-container a.medium {
padding: 1.6rem 3.2rem;
font-size: 1.6rem;
line-height: 90%;
}
.sticky-bar-url__button-container button.large, .sticky-bar-url__button-container a.large {
padding: 1.6rem 4rem;
font-size: 1.8rem;
line-height: 120%;
}
.sticky-bar-url__button-container button.blue, .sticky-bar-url__button-container a.blue {
background-color: #0066FF;
color: #fff;
border: 0.2rem solid #06f;
}
.sticky-bar-url__button-container button.blue:hover, .sticky-bar-url__button-container a.blue:hover {
background: #ffffff;
border: 0.2rem solid #0066FF;
color: #000;
}
.sticky-bar-url__button-container button.blue.secondary, .sticky-bar-url__button-container a.blue.secondary {
background: #ffffff;
border: 0.2rem solid #0066FF;
color: #000;
}
.sticky-bar-url__button-container button.blue.secondary:hover, .sticky-bar-url__button-container a.blue.secondary:hover {
background-color: #0066FF;
color: #fff;
border: #06f;
}
.sticky-bar-url .cmp-button {
cursor: pointer;
border-radius: 5px;
padding: 16px 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sticky-bar-url .sticky-bar-button-2 {
margin-left: 1.8rem;
}
.sticky-bar-url > button {
padding: 0.9rem 2.3rem !important;
border: 0.2rem solid #00fd45;
border-radius: 5px;
background: #00fd45;
font-weight: 500;
}
.sticky-bar-url > button a {
color: #000 !important;
}
.sticky-bar-url .button-hidden {
display: none;
}
.sticky-bar-url__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 7.2rem;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.sticky-bar-url__item {
color: #000000;
font-size: 1.6rem;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
position: relative;
margin-top: 5px;
}
@media (min-width: 1800px) {
.sticky-bar-url__item {
font-size: 2rem;
}
}
.sticky-bar-url__item::after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -100%;
height: 4px;
width: 0;
background-color: rgb(0, 253, 146);
-webkit-transition: width 0.3s ease-in;
transition: width 0.3s ease-in;
}
.sticky-bar-url__item:hover::after {
width: 100%;
}
.sticky-bar-url__item.active::after {
width: 100%;
}
@media (max-width: 991px) {
.sticky-bar-url-container {
display: none;
}
.sticky-bar-url {
padding: 0;
margin-bottom: 2.4rem !important;
}
.sticky-bar-url .stickybar-button {
display: none;
}
.sticky-bar-url.sticky {
top: 5.6rem;
padding: 0;
}
.sticky-bar-url__mobile {
display: block;
position: relative;
width: 100%;
}
.sticky-bar-url__items {
display: none;
}
.sticky-bar-url > button {
display: none;
}
.sticky-bar-url__button-container {
display: none;
}
.sticky-bar-url-mobile__btn {
background-color: #fff;
color: #000;
padding: 1.4rem;
border: none;
cursor: pointer;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 700;
}
.sticky-bar-url-mobile__btn-rotate .sticky-bar-mobile__btn-icon {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.sticky-bar-url-mobile__content {
display: none;
background-color: #fff;
position: absolute;
width: 100%;
top: 50px;
z-index: 10;
}
.sticky-bar-url-mobile__content a {
color: #3E4C5A;
padding: 14px 7px;
text-decoration: none;
display: block;
margin-left: 15px;
margin-right: 15px;
}
.sticky-bar-url-mobile__content a:hover {
background-color: #ddd;
}
.sticky-bar-url-mobile__content a.active {
color: #000;
}
.sticky-bar-url-mobile .sticky-bar-url-mobile__content.show {
display: block;
-webkit-box-shadow: 0 0.2rem 1.2rem 0 rgba(91, 125, 149, 0.08);
box-shadow: 0 0.2rem 1.2rem 0 rgba(91, 125, 149, 0.08);
}
.sticky-bar-url-mobile .sticky-bar-url-mobile__content.show .sticky-bar-url__button-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 8px;
}
}
.sticky-bar-url-mobile__list .sticky-bar-url-mobile__list-item {
border-bottom: 1px solid rgba(64, 64, 64, 0.13);
}
@media (min-width: 769px) and (max-width: 1199px) {
.sticky-bar-url__item {
font-size: 1.6rem;
}
.sticky-bar-url.sticky {
padding: 2.4rem;
}
}
@media (min-width: 992px) {
.sticky-bar-url__mobile {
display: none;
}
.sticky-bar-url__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.stickynavbar {
position: sticky;
top: 0;
z-index: 99;
}
.swooshassetblades {
padding-inline: 0;
}
.swoosh-asset-blades--type-a .swoosh-asset-blades__image::before {
content: "";
background-image: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/blades/asset-blade-bg-1.svg");
}
.swoosh-asset-blades--type-b .swoosh-asset-blades__image::before {
content: "";
background-image: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/blades/asset-blade-bg-2.svg");
}
.swoosh-asset-blades--type-c .swoosh-asset-blades__image::before {
content: "";
background-image: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/blades/asset-blade-bg-3.svg");
background-position: center;
}
.swoosh-asset-blades {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-repeat: no-repeat;
position: relative;
}
.swoosh-asset-blades__image {
padding: 4.8rem 3.6rem;
position: relative;
z-index: 0;
}
.swoosh-asset-blades__image::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: calc(-50vw + 100%);
width: 50vw;
background-size: cover;
background-position: center left;
background-repeat: no-repeat;
z-index: -1;
}
@media (max-width: 767px) {
.swoosh-asset-blades__image::before {
left: -16px;
width: 100vw;
}
}
.swoosh-asset-blades .swoosh-asset-blades__container {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 400px;
}
@media (max-width: 1799px) {
.swoosh-asset-blades .swoosh-asset-blades__container {
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content;
}
}
@media (max-width: 767px) {
.swoosh-asset-blades .swoosh-asset-blades__container {
grid-template-columns: 1fr;
}
}
.swoosh-asset-blades__content {
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-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 4.8rem 3.6rem;
}
.swoosh-asset-blades img {
width: 100%;
}
.swoosh-asset-blades__title {
font-style: normal;
font-weight: 400;
font-size: 2.2rem;
line-height: 2.2rem;
letter-spacing: 0.1em;
margin-bottom: 1.6rem;
}
.swoosh-asset-blades__heading {
font-weight: 500;
font-size: 4.4rem;
line-height: 4.6rem;
margin-bottom: 1.6rem;
}
.swoosh-asset-blades__sub-heading {
font-weight: 400;
font-size: 2.2rem;
line-height: 2.8rem;
letter-spacing: -0.02em;
margin-bottom: 1.6rem;
}
.swoosh-asset-blades__cta button {
padding: 1.8rem 3.2rem;
gap: 1rem;
background: #00fd92;
border: 0.015rem solid #006616;
border-radius: 0.5rem;
font-weight: 700;
font-size: 1.8rem;
line-height: 100%;
color: #000000;
margin-top: 2.4rem;
cursor: pointer;
}
.swoosh-asset-blades__cta button:hover {
background: #00774C;
color: #fff;
border: 0.015 rem solid #080808;
}
.swoosh-asset-blades__video .video-container {
max-width: 100%;
padding: 0;
}
.swoosh-asset-blades__video .video-container .video-thumbnail {
max-height: 100%;
}
.swoosh-asset-blades__video .video-container .video-thumbnail img {
max-height: 100%;
max-width: 100%;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 768px) {
.swoosh-asset-blades {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swoosh-asset-blades > div {
width: 100%;
margin-bottom: 2.4rem;
}
}
.video-container {
max-width: 400px;
margin: auto;
border-radius: 0px;
padding: 15px;
}
.video-container.hidden {
display: none;
}
.video-container .video-thumbnail {
position: relative;
border-radius: 0;
overflow: hidden;
max-height: 225px;
cursor: pointer;
pointer-events: auto;
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;
}
.video-container .video-thumbnail img {
width: 571px;
height: 340px;
border-radius: 0px;
-o-object-fit: contain;
object-fit: contain;
max-height: 225px;
}
.video-container .video-thumbnail .play-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.video-container .video-details {
margin-top: 10px;
}
.video-container .video-details p {
margin: 5px 0;
}
.video-container .video-details .cta {
color: #000000;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
pointer-events: auto;
}
.video-container .video-details .cta:hover {
color: #080808;
}
.video-container .video-details .cta:hover::after {
content: "";
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg") no-repeat;
background-size: cover;
margin-left: 12px;
}
.video-container .video-details .cta::after {
content: "";
background: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow.svg") no-repeat;
background-size: cover;
height: 26px;
width: 26px;
margin-left: 8px;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) and (max-width: 1599px) {
.video-container .video-details .cta::after {
height: 24px;
width: 24px;
}
}
@media (max-width: 767px) {
.video-container .video-details .cta::after {
height: 20px;
width: 20px;
}
}
.video-container .video-details .cta i {
margin-left: 2rem;
}
.video-container .video-details .cta svg {
margin-left: 2rem;
}
.video-container .video-iframe {
height: 225px;
}
.video-container .video-iframe iframe {
width: 100%;
height: 225px; /* Adjust the height as per your design */
border-radius: 10px;
}
.video-container .video-iframe video {
border-radius: 10px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; /* Ensure the video fills the parent div without distorting */
-o-object-position: center;
object-position: center; /* Center the video within the container */
}
.video-container .hidden {
display: none;
}
.variation-02 .video-container {
padding: unset;
-webkit-box-shadow: unset;
box-shadow: unset;
}
.variation-02 .video-container .video-details {
display: none;
}
.video-overlay {
opacity: 0;
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.92);
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
z-index: -1;
}
.video-overlay.active {
opacity: 1;
z-index: 9999;
visibility: visible;
}
@media (max-width: 575.98px) {
.video-overlay.active {
overflow-y: scroll;
}
}
.video-overlay .v-middle-inner {
display: table;
position: relative;
width: 100%;
height: 100%;
}
.video-overlay .v-middle-inner .v-middle {
display: table-cell;
vertical-align: middle;
}
.video-overlay .v-middle-inner .v-middle .video-wrap {
position: relative;
max-width: 980px;
margin: 0 auto;
}
@media (min-width: 1800px) {
.video-overlay .v-middle-inner .v-middle .video-wrap {
max-width: 1280px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.video-overlay .v-middle-inner .v-middle .video-wrap {
max-width: 780px;
}
}
@media screen and (min-height: 421px) and (max-height: 567px) {
.video-overlay .v-middle-inner .v-middle .video-wrap {
width: 60%;
}
}
.video-overlay .v-middle-inner .v-middle .video-wrap .closeVideo {
position: absolute;
width: 35px;
height: 35px;
background: none;
outline: none;
cursor: pointer;
right: 5px;
top: -25px;
border: none;
}
@media (max-width: 991.98px) {
.video-overlay .v-middle-inner .v-middle .video-wrap .closeVideo {
top: -40px;
right: 20px;
width: 30px;
height: 30px;
}
}
@media screen and (min-width: 320px) and (max-width: 850px) and (orientation: landscape) {
.video-overlay .v-middle-inner .v-middle .video-wrap .closeVideo {
top: -26px;
}
}
.video-overlay .v-middle-inner .v-middle .video-wrap .closeVideo svg {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.video-overlay .v-middle-inner .v-middle .video-wrap .video-container {
max-width: 920px;
margin: 0 auto;
position: relative;
padding: 0 20px;
background-color: unset;
}
@media (min-width: 1800px) {
.video-overlay .v-middle-inner .v-middle .video-wrap .video-container {
max-width: 1280px;
}
}
@media screen and (min-height: 300px) and (max-height: 450px) {
.video-overlay .v-middle-inner .v-middle .video-wrap .video-container {
max-height: 240px;
overflow: hidden;
}
}
.video-overlay .v-middle-inner .v-middle .video-wrap .video-container .hidden {
display: none;
}
.video-overlay .v-middle-inner .v-middle .video-wrap .video-container iframe, .video-overlay .v-middle-inner .v-middle .video-wrap .video-container video {
width: 100%;
z-index: 5;
border: none;
margin: 3px 0 0 0;
height: calc(88vh - 40px);
}
@media (min-width: 992px) and (max-width: 1200px) {
.video-overlay .v-middle-inner .v-middle .video-wrap .video-container iframe, .video-overlay .v-middle-inner .v-middle .video-wrap .video-container video {
height: calc(70vh - 40px);
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.video-overlay .v-middle-inner .v-middle .video-wrap .video-container iframe, .video-overlay .v-middle-inner .v-middle .video-wrap .video-container video {
height: calc(80vh - 324px);
margin: 0;
min-height: 250px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.video-overlay .v-middle-inner .v-middle .video-wrap .video-container iframe, .video-overlay .v-middle-inner .v-middle .video-wrap .video-container video {
height: calc(70vh - 324px);
margin: 0;
min-height: 250px;
}
}
@media (max-width: 575.98px) {
.video-overlay .v-middle-inner .v-middle .video-wrap .video-container iframe, .video-overlay .v-middle-inner .v-middle .video-wrap .video-container video {
height: calc(60vh - 324px);
margin: 0;
min-height: 200px;
}
}
.gradient-blue .cmp-violator {
background: -webkit-gradient(linear, left top, right top, from(#7578f6), color-stop(#1fb6ff), to(#00fd45));
background: linear-gradient(to right, #7578f6, #1fb6ff, #00fd45);
}
.gradient-purple .cmp-violator {
background: -webkit-gradient(linear, left top, right top, from(#8a2be2), color-stop(#9b30ff), to(#6a0dad));
background: linear-gradient(to right, #8a2be2, #9b30ff, #6a0dad);
}
.white-color .violatorbar-container .banner-text .title {
color: white;
}
.white-color .violatorbar-container .banner-text .description {
color: white;
}
.white-color .violatorbar-container .banner-button a {
background-color: transparent;
border: 2px solid #00fd45;
}
.cmp-violator {
background: #004540;
position: relative;
color: #ffffff;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.cmp-violator .cmp-violator__container {
display: grid;
grid-template-columns: 1fr 4fr;
gap: 2rem;
}
@media (max-width: 1799px) {
.cmp-violator .cmp-violator__container {
gap: 1rem;
grid-template-columns: 2fr 6fr;
}
}
@media (max-width: 1599px) {
.cmp-violator .cmp-violator__container {
grid-template-columns: 2fr 6fr;
}
}
@media (max-width: 767px) {
.cmp-violator .cmp-violator__container {
padding: 24px 0;
}
}
@media (max-width: 767px) {
.cmp-violator .cmp-violator__container {
grid-template-columns: 1fr;
gap: 0;
}
}
.cmp-violator .cmp-violator__container .cmp-violator__image-container {
width: 100%;
max-width: 300px;
padding: 0 !important;
margin-left: 0 !important;
position: unset;
display: grid;
place-items: center;
}
@media (max-width: 767px) {
.cmp-violator .cmp-violator__container .cmp-violator__image-container {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
.cmp-violator .cmp-violator__container .cmp-violator__image-container .cmp-violator__image {
height: 110px;
max-height: 110px;
overflow: hidden;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
.cmp-violator .cmp-violator__container .cmp-violator__image-container .cmp-violator__image {
height: auto;
}
}
.cmp-violator .cmp-violator__container .cmp-violator__image-container .cmp-violator__image img {
height: 100%;
max-width: 100%;
}
@media (max-width: 1199px) {
.cmp-violator .cmp-violator__container .cmp-violator__image-container .cmp-violator__image img {
-o-object-fit: contain;
object-fit: contain;
}
}
@media (max-width: 991px) {
.cmp-violator .cmp-violator__container .cmp-violator__image-container .cmp-violator__image img {
height: 70px;
-o-object-fit: contain;
object-fit: contain;
}
}
.cmp-violator .cmp-violator__container .cmp-violator__content-container {
display: grid;
grid-template-columns: 3fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
justify-items: center;
gap: 3rem;
}
@media (max-width: 991px) {
.cmp-violator .cmp-violator__container .cmp-violator__content-container {
grid-template-columns: 1fr;
justify-items: left;
gap: 0;
}
}
.cmp-violator .cmp-violator__container .cmp-violator__content-container .cmp-violator__content {
max-width: inherit !important;
width: 100%;
padding-left: 7px;
}
.cmp-violator .cmp-violator__container .cmp-violator__content-container .cmp-violator__content .cmp-violator__title p {
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px;
}
.cmp-violator .cmp-violator__container .cmp-violator__content-container .cmp-violator__button-container {
position: relative;
}
@media (max-width: 991px) {
.cmp-violator .cmp-violator__container .cmp-violator__content-container .cmp-violator__button-container {
padding-left: 0;
margin-top: 20px;
}
}
.cmp-violator .cmp-violator__container .cmp-violator__content-container .cmp-violator__button-container .button {
margin: 0 !important;
}
footer.aem-GridColumn {
padding-inline: initial;
}
footer .aem-GridColumn {
padding-inline: initial;
}
.footer {
background-color: #000000;
color: #ffffff;
}
@media (min-width: 1800px) {
.footer {
padding: 122px 0px 60px;
}
}
@media (max-width: 1799px) {
.footer {
padding: 81px 0px 55px;
}
}
@media (max-width: 1400px) {
.footer {
padding: 60px 0;
}
}
@media (max-width: 992px) {
.footer {
padding: 60px 0;
}
}
.footer--light {
color: #000 !important;
}
.footer--light .footer__column-section ul li a {
color: #000 !important;
}
.footer--light .footer__contact-button a {
color: #000 !important;
}
.footer__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__top-container, .footer__bottom-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@media (min-width: 576px) {
.footer__top-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (max-width: 575px) {
.footer__top-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 991px) {
.footer__bottom-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.footer__bottom-container {
border-top: 0.1rem solid #fff;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 22px;
margin-top: 38px;
}
@media (min-width: 1800px) {
.footer__bottom-container {
padding-top: 26px;
margin-top: 28px;
}
}
@media (max-width: 575px) {
.footer__bottom-container {
text-align: center;
margin-top: 6px;
padding-top: 32px;
}
}
.footer__bottom-container p {
font-weight: 300;
font-size: 1.8rem;
line-height: 2.2rem;
color: #FFFFFF;
-webkit-margin-after: 0;
margin-block-end: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 1800px) {
.footer__bottom-container p {
font-size: 2rem;
margin-top: 5px;
letter-spacing: -0.03em !important;
}
}
@media (min-width: 1200px) and (max-width: 1799px) {
.footer__bottom-container p {
letter-spacing: -0.02em !important;
font-size: 1.8rem;
}
}
@media (min-width: 576px) and (max-width: 1199px) {
.footer__bottom-container p {
font-size: 1.6rem;
letter-spacing: -0.02em !important;
}
}
@media (max-width: 575px) {
.footer__bottom-container p {
font-size: 1.6rem;
letter-spacing: -0.02em !important;
}
}
.footer__bottom-container a {
font-weight: 400;
font-size: 1.6rem;
line-height: 4rem;
color: #FFFFFF;
cursor: pointer;
letter-spacing: -0.001em;
}
@media (max-width: 1799px) {
.footer__bottom-container a {
position: relative;
top: -2px;
}
}
.footer__bottom-container a:not(:first-child) {
padding-left: 4px;
}
.footer__bottom-container a:not(:last-child) {
padding-right: 7.5px;
border-right: 0.1rem solid #fff;
}
.footer__bottom-container a:hover {
color: #00fd45;
}
.footer__logo {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 0 !important;
width: 17%;
margin-top: 7px;
}
@media (max-width: 1799px) {
.footer__logo {
margin-top: 0;
}
}
@media (max-width: 991px) {
.footer__logo {
width: 100%;
margin-top: 0;
}
}
@media (max-width: 768px) {
.footer__logo {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media (max-width: 575px) {
.footer__logo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
text-align: center;
}
}
.footer__logo img {
width: 100%;
max-width: 190px;
}
@media (min-width: 1800px) {
.footer__logo img {
max-width: 246px;
}
}
@media (max-width: 991px) {
.footer__logo img {
max-width: 150px;
}
}
@media (max-width: 575px) {
.footer__logo img {
max-width: 201px;
margin: 0 auto;
text-align: center;
}
}
.footer__phone-number {
font-size: 1.8rem;
margin: 10px 0px 24px;
letter-spacing: 0.01em;
}
@media (min-width: 1800px) {
.footer__phone-number {
margin: 16px 0px 36px;
font-size: 2rem;
}
}
@media (max-width: 1199px) {
.footer__phone-number {
font-size: 1.6rem;
}
}
.footer .social-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.4rem;
margin: 34px 0px 17px;
font-weight: 400;
}
@media (min-width: 1800px) {
.footer .social-links {
margin: 62px 0px 30px;
}
}
@media (max-width: 991px) {
.footer .social-links {
gap: 2.4rem;
}
}
@media (max-width: 575px) {
.footer .social-links {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.footer .social-links a {
cursor: pointer;
}
.footer .social-links img {
width: 2rem;
height: 2rem;
}
.footer .social-links .icon {
font-size: 1.6rem;
color: #ffffff;
text-decoration: none;
}
.footer__contact-button-container {
gap: 1.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 2.4rem;
}
@media (max-width: 575px) {
.footer__contact-button-container {
width: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.footer__contact-button {
background-color: transparent;
border: 0.2rem solid #00FD45;
cursor: pointer;
font-size: 1.6rem;
border-radius: 5px;
padding: 1rem 2rem 0.8rem;
font-weight: 500;
text-transform: uppercase;
}
@media (min-width: 1800px) {
.footer__contact-button {
font-size: 18px !important;
padding: 14px 32px 11px !important;
}
}
@media (max-width: 768px) {
.footer__contact-button {
width: auto;
}
}
.footer__contact-button:hover {
background-color: #00FD45;
color: #ffffff;
}
.footer__contact-button:hover a {
color: #000000;
font-weight: 500;
}
.footer__contact-button a {
text-decoration: none;
color: #ffffff;
font-weight: 700;
font-family: "KlavikaWeb";
}
.footer__footer-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 991px) {
.footer__footer-links {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (max-width: 575px) {
.footer__footer-links {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.footer__column-section {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 0 !important;
width: 17%;
position: relative;
}
@media (max-width: 991px) {
.footer__column-section {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
}
@media (max-width: 575px) {
.footer__column-section {
width: 100%;
margin-top: 35px;
}
}
@media (min-width: 992px) and (max-width: 1799px) {
.footer__column-section:nth-child(2) {
left: -1px;
}
}
@media (min-width: 992px) and (max-width: 1799px) {
.footer__column-section:nth-child(3) {
left: 5px;
}
}
@media (max-width: 991px) {
.footer__column-section:nth-child(3) {
margin-top: 20px;
}
}
@media (min-width: 992px) and (max-width: 1799px) {
.footer__column-section:nth-child(4) {
left: 11px;
}
}
@media (max-width: 991px) {
.footer__column-section:nth-child(4) {
margin-top: 20px;
}
}
.footer__column-section h5 {
position: relative;
font-size: 2rem !important;
color: rgb(255, 255, 255);
font-weight: 700;
pointer-events: none;
letter-spacing: -0.01em;
line-height: 28px;
font-family: "KlavikaWeb";
}
@media (min-width: 1800px) {
.footer__column-section h5 {
font-size: 2.4rem !important;
line-height: 32px !important;
}
}
@media (max-width: 1799px) {
.footer__column-section h5 {
line-height: 17px;
}
}
@media (max-width: 991px) {
.footer__column-section h5 {
font-size: 2.4rem !important;
}
}
@media (max-width: 575px) {
.footer__column-section h5 {
font-size: 2rem !important;
}
}
.footer__column-section ul {
list-style: none;
padding: 0;
margin-top: 2.5rem;
}
@media (max-width: 1799px) {
.footer__column-section ul {
margin-top: 2.7rem;
}
}
@media (max-width: 575px) {
.footer__column-section ul {
margin-top: 3.4rem;
}
}
.footer__column-section ul li {
margin-bottom: 17px;
}
@media (max-width: 1799px) {
.footer__column-section ul li {
margin-bottom: 13px;
}
}
@media (max-width: 575px) {
.footer__column-section ul li {
margin-bottom: 20px;
padding-top: 1px;
}
}
.footer__column-section ul li a {
text-decoration: none;
color: #ffffff;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: -0.01em;
cursor: pointer;
}
@media (min-width: 1800px) {
.footer__column-section ul li a {
font-size: 1.8rem;
}
}
@media (max-width: 991px) {
.footer__column-section ul li a {
font-size: 1.8rem;
}
}
.footer__column-section ul li a:hover {
color: #00fd45;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header .ot-title-cntr #ot-pc-title {
line-height: 1.2 !important;
font-size: 1.37em !important;
letter-spacing: normal !important;
font-weight: 500;
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header .ot-title-cntr #ot-pc-title {
font-size: 20px;
}
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header .ot-title-cntr #ot-pc-title:before {
display: none;
}
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .category-menu-switch-handler {
border-bottom: 1px solid #d7d7d7;
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .category-menu-switch-handler h3 {
line-height: 1.4 !important;
font-size: 14px !important;
font-weight: 500;
word-break: break-word;
word-wrap: break-word;
letter-spacing: 0.001em !important;
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .ot-desc-cntr {
border-bottom: 1px solid #d7d7d7;
}
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .ot-desc-cntr.ot-hide {
border-bottom: 0px solid #d7d7d7;
}
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .ot-desc-cntr h4 {
font-weight: 500;
font-size: 0.875em !important;
line-height: 1.3 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content .ot-grp-desc {
font-size: 13px !important;
line-height: 20px !important;
font-weight: 300;
}
@media (max-width: 480px) {
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst {
height: calc(100% - 180px) !important;
}
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst ul li:before {
background: #FFF;
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst ul li:after {
background: #FFF;
}
@media (max-width: 480px) {
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-tgl-cntr {
width: 100% !important;
}
}
@media (max-width: 480px) {
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-notice {
margin-left: 0 !important;
}
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst li.ot-host-info {
padding: 0 !important;
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer {
border-top: 0;
}
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-hdr input {
font-size: 0.7em !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu {
border-color: #00FD92 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer button {
border-radius: 5px;
padding: 9px 20px;
background-color: #00FD92 !important;
color: #000 !important;
border-color: #006616 !important;
font-weight: 500;
}
@media (max-width: 1199px) {
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer button {
padding: 7px 10px;
font-size: 0.783em;
}
}
@media (max-width: 991px) {
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer button {
padding: 5px 10px;
font-size: 0.713em;
}
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer button {
width: 100%;
max-width: 92%;
}
}
#onetrust-consent-sdk #onetrust-banner-sdk {
background-color: #1D242B !important;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
outline: none;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container {
width: 70%;
}
@media (min-width: 1921px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container {
width: 70% !important;
}
}
@media (min-width: 1601px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container {
width: 63%;
}
}
@media (max-width: 1199px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container {
width: 65%;
}
}
@media (max-width: 991px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container {
width: 98%;
}
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container {
width: 100%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container {
width: 68%;
}
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container #onetrust-policy-text {
font-size: 14px !important;
line-height: 20px;
color: #fff;
font-weight: 300;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container #onetrust-policy {
margin-left: 4%;
}
@media (min-width: 1921px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container #onetrust-policy {
margin-left: 28% !important;
}
}
@media (max-width: 1199px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container #onetrust-policy {
margin-left: 3%;
width: 90%;
}
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container #onetrust-policy {
margin-left: 0%;
width: 95%;
}
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container #onetrust-policy p {
color: #FFF;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container #onetrust-policy a {
color: #00FD92;
font-weight: 700;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
left: auto;
width: 26%;
padding-right: 0;
}
@media (min-width: 1601px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
width: 25%;
padding-right: 2%;
padding-left: 2%;
}
}
@media (max-width: 1199px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
width: 33%;
}
}
@media (max-width: 991px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
width: 100%;
}
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
width: 100%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
width: 30%;
padding-right: 1%;
}
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group {
margin-top: 0.75em;
}
@media (max-width: 991px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group {
margin-top: -1.75em;
}
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group {
margin-top: 0;
}
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group button {
width: auto;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group #onetrust-pc-btn-handler {
border: 1px solid #1D242B;
background-color: transparent;
}
@media (max-width: 991px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group #onetrust-pc-btn-handler {
margin-top: 10px;
margin-bottom: 5px;
}
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group #onetrust-pc-btn-handler {
margin-top: 0;
margin-bottom: 10px;
width: 100%;
}
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group #onetrust-pc-btn-handler:focus {
outline: none;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group #onetrust-pc-btn-handler.cookie-setting-link {
color: #FFF;
outline: none !important;
background-color: transparent;
font-size: 14px;
line-height: 14px;
font-weight: 400;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group #onetrust-accept-btn-handler {
border-radius: 5px;
padding: 9px 20px;
background-color: #00FD92;
border-color: #00FD92;
color: #000;
border: solid 2px #00FD92;
text-transform: uppercase;
font-weight: 500;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group #onetrust-accept-btn-handler:hover {
opacity: 1;
border: solid 2px #00FD92;
background: #fff;
}
@media (max-width: 1199px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group #onetrust-accept-btn-handler {
padding: 7px 10px;
font-size: 0.783em;
}
}
@media (max-width: 991px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group #onetrust-accept-btn-handler {
padding: 5px 10px;
font-size: 0.713em;
}
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group #onetrust-accept-btn-handler {
width: 100%;
margin: 0 auto 30px;
}
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-close-btn-container .onetrust-close-btn-handler {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c3ZnanM9Imh0dHA6Ly9zdmdqcy5jb20vc3ZnanMiIHZlcnNpb249IjEuMSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNjUuNjk2IDM2NS42OTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuODQ5OTk5OTk5OTk5OTk5OSwwLDAsMC44NTAwMDAwMDAwMDAwMDAxLDI3LjQyNzE0ODQzNzQ5OTk5NCwyNy40MjcxNDg0Mzc0OTk5OTQpIj48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Im0yNDMuMTg3NSAxODIuODU5Mzc1IDExMy4xMzI4MTItMTEzLjEzMjgxM2MxMi41LTEyLjUgMTIuNS0zMi43NjU2MjQgMC00NS4yNDYwOTNsLTE1LjA4MjAzMS0xNS4wODIwMzFjLTEyLjUwMzkwNi0xMi41MDM5MDctMzIuNzY5NTMxLTEyLjUwMzkwNy00NS4yNSAwbC0xMTMuMTI4OTA2IDExMy4xMjg5MDYtMTEzLjEzMjgxMy0xMTMuMTUyMzQ0Yy0xMi41LTEyLjUtMzIuNzY1NjI0LTEyLjUtNDUuMjQ2MDkzIDBsLTE1LjEwNTQ2OSAxNS4wODIwMzFjLTEyLjUgMTIuNTAzOTA3LTEyLjUgMzIuNzY5NTMxIDAgNDUuMjVsMTEzLjE1MjM0NCAxMTMuMTUyMzQ0LTExMy4xMjg5MDYgMTEzLjEyODkwNmMtMTIuNTAzOTA3IDEyLjUwMzkwNy0xMi41MDM5MDcgMzIuNzY5NTMxIDAgNDUuMjVsMTUuMDgyMDMxIDE1LjA4MjAzMWMxMi41IDEyLjUgMzIuNzY1NjI1IDEyLjUgNDUuMjQ2MDkzIDBsMTEzLjEzMjgxMy0xMTMuMTMyODEyIDExMy4xMjg5MDYgMTEzLjEzMjgxMmMxMi41MDM5MDcgMTIuNSAzMi43Njk1MzEgMTIuNSA0NS4yNSAwbDE1LjA4MjAzMS0xNS4wODIwMzFjMTIuNS0xMi41MDM5MDYgMTIuNS0zMi43Njk1MzEgMC00NS4yNXptMCAwIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIi8+PC9nPjwvc3ZnPgo=") !important;
}
@media (max-width: 991px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-close-btn-container .onetrust-close-btn-handler {
right: 0;
}
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-close-btn-container .onetrust-close-btn-handler {
top: -10px;
}
}
.ua-ie #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
left: 70%;
}
@media (min-width: 1601px) {
.ua-ie #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
left: 64%;
}
}
body {
padding-top: 65px;
}
@media (max-width: 991px) {
body {
padding-top: 70px;
}
}
.navigationtop {
width: 100%;
background-color: #fff;
color: #ffffff;
z-index: 1000;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.navigationtop .navigation-top {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background: #fff;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
width: 100%;
}
.navigationtop .navigation-top.head-hide {
top: -100px;
}
.navigationtop .navigation-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
position: unset;
}
.navigationtop .navigation-container .logo {
display: none;
}
.navigationtop .navigation-container .logo-inner-page {
display: block;
}
.navigationtop .navigation-container .logo,
.navigationtop .navigation-container .logo-inner-page {
padding-top: 2.4rem;
padding-bottom: 2.4rem;
}
.navigationtop .navigation-container .logo a,
.navigationtop .navigation-container .logo-inner-page a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.navigationtop .navigation-container .logo img,
.navigationtop .navigation-container .logo-inner-page img {
max-width: 16.5rem;
min-width: 150px;
margin-top: 1px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.navigationtop .navigation-container .logo img,
.navigationtop .navigation-container .logo-inner-page img {
max-width: 100px;
min-width: 100px;
}
}
@media (min-width: 1800px) {
.navigationtop .navigation-container .logo img,
.navigationtop .navigation-container .logo-inner-page img {
min-width: 193px;
margin-top: -3px;
}
}
.navigationtop .navigation-container .nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 0;
margin-top: -6px;
letter-spacing: 0.01em;
width: 100%;
}
.navigationtop .navigation-container .nav ul {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 4.1rem;
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 0;
margin-block-end: 0;
-webkit-padding-start: 0;
padding-inline-start: 0;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 1800px) {
.navigationtop .navigation-container .nav ul {
gap: 7.2rem;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.navigationtop .navigation-container .nav ul {
gap: 1.5rem;
}
}
.navigationtop .navigation-container .nav ul li {
position: relative;
}
.navigationtop .navigation-container .nav ul li.active .xfpage {
height: auto;
opacity: 1;
visibility: visible;
}
.navigationtop .navigation-container .nav ul li.active .xfpage .inner-navigation-container {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.navigationtop .navigation-container .nav ul li.active .xfpage .inner-navigation-container .dropdown-menu {
height: auto;
opacity: 1;
visibility: visible;
}
@media (min-width: 992px) and (max-width: 1399px) {
.navigationtop .navigation-container .nav ul li.active .xfpage .inner-navigation-container .dropdown-menu {
height: 385px;
overflow-y: scroll;
}
}
.navigationtop .navigation-container .nav ul li.active .limed {
opacity: 1;
width: 115%;
visibility: visible;
}
@media (min-width: 992px) {
.navigationtop .navigation-container .nav ul li.active .limed:before {
content: "";
display: block !important;
width: 50px;
height: 70px;
position: absolute;
bottom: 0px;
left: -42px;
z-index: 2;
border-left: 1px solid transparent;
border-bottom: 1px solid transparent;
transform: rotate(39deg);
-webkit-transform: rotate(39deg);
top: auto;
right: auto;
visibility: visible;
background: transparent;
}
}
@media (min-width: 992px) {
.navigationtop .navigation-container .nav ul li.active .limed:after {
content: "";
display: block;
width: 50px;
height: 70px;
position: absolute;
bottom: 0px;
right: -42px;
z-index: 2;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
transform: rotate(-39deg);
-webkit-transform: rotate(-39deg);
}
}
.navigationtop .navigation-container .nav ul li > a {
text-decoration: none;
color: #000;
font-size: 1.5rem;
font-weight: 500;
-webkit-transition: color 0.3s;
transition: color 0.3s;
line-height: 2.2rem;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-top: 3px;
text-transform: uppercase;
font-family: "KlavikaWeb";
cursor: pointer;
}
@media (min-width: 1800px) {
.navigationtop .navigation-container .nav ul li > a {
font-size: 1.8rem;
margin-top: 0px;
}
}
.navigationtop .navigation-container .nav ul li > a .limed {
position: absolute;
width: 100%;
bottom: 3px;
background: #00FD92;
height: 6px;
z-index: 10001;
width: 0;
left: -7px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
}
.navigationtop .navigation-container .nav ul li .xfpage {
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
height: 0;
opacity: 0;
visibility: hidden;
position: fixed;
top: auto;
left: 0;
right: 0;
}
@media (min-width: 1800px) {
.navigationtop .navigation-container .nav ul li .xfpage {
margin-top: -2px;
}
}
@media (min-width: 992px) and (max-width: 1799px) {
.navigationtop .navigation-container .nav ul li .xfpage {
margin-top: -4px;
}
}
.navigationtop .navigation-container .nav ul li .dropdown-menu {
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
height: 0;
overflow: hidden;
z-index: 0;
}
.navigationtop .navigation-container .actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.5rem;
}
@media (min-width: 1800px) {
.navigationtop .navigation-container .actions {
gap: 2.8rem;
}
}
@media (min-width: 1800px) {
.navigationtop .navigation-container .actions > .dropdown,
.navigationtop .navigation-container .actions > .icons {
margin-top: 8px;
}
}
.navigationtop .navigation-container .actions .dropdown, .navigationtop .navigation-container .actions .search {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.navigationtop .navigation-container .actions .dropdown .dropdown-button, .navigationtop .navigation-container .actions .dropdown .search-button, .navigationtop .navigation-container .actions .search .dropdown-button, .navigationtop .navigation-container .actions .search .search-button {
background: none;
border: none;
color: #000;
font-size: 1.5rem;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
font-weight: 500;
height: 100%;
}
@media (min-width: 1800px) {
.navigationtop .navigation-container .actions .dropdown .dropdown-button, .navigationtop .navigation-container .actions .dropdown .search-button, .navigationtop .navigation-container .actions .search .dropdown-button, .navigationtop .navigation-container .actions .search .search-button {
font-size: 1.8rem;
margin-top: -7px;
}
}
.navigationtop .navigation-container .actions .dropdown .dropdown-button svg, .navigationtop .navigation-container .actions .dropdown .search-button svg, .navigationtop .navigation-container .actions .search .dropdown-button svg, .navigationtop .navigation-container .actions .search .search-button svg {
margin-left: 0.8rem;
}
.navigationtop .navigation-container .actions .dropdown .dropdown-button svg path, .navigationtop .navigation-container .actions .dropdown .search-button svg path, .navigationtop .navigation-container .actions .search .dropdown-button svg path, .navigationtop .navigation-container .actions .search .search-button svg path {
stroke: #000;
}
.navigationtop .navigation-container .actions .dropdown .dropdown-menu, .navigationtop .navigation-container .actions .search .dropdown-menu {
position: absolute;
top: 60px;
left: -30px;
right: 0;
color: #000000;
border-radius: 5px;
list-style: none;
padding: 10px 0;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
height: 0;
overflow: hidden;
min-width: 190px;
}
.navigationtop .navigation-container .actions .dropdown .dropdown-menu .login-item-link, .navigationtop .navigation-container .actions .search .dropdown-menu .login-item-link {
font-size: 1.8rem !important;
font-weight: 400 !important;
}
.navigationtop .navigation-container .actions .dropdown .dropdown-menu .login-item-link:hover, .navigationtop .navigation-container .actions .search .dropdown-menu .login-item-link:hover {
color: #00A323 !important;
}
.navigationtop .navigation-container .actions .dropdown .dropdown-menu .language-item-link, .navigationtop .navigation-container .actions .search .dropdown-menu .language-item-link {
font-size: 1.6rem !important;
font-weight: 400 !important;
}
.navigationtop .navigation-container .actions .dropdown .dropdown-menu .language-item-link:hover, .navigationtop .navigation-container .actions .search .dropdown-menu .language-item-link:hover {
color: #00A323 !important;
}
.navigationtop .navigation-container .actions .dropdown .dropdown-menu li, .navigationtop .navigation-container .actions .search .dropdown-menu li {
padding: 8px 20px;
}
.navigationtop .navigation-container .actions .dropdown .dropdown-menu li a, .navigationtop .navigation-container .actions .search .dropdown-menu li a {
text-decoration: none;
color: #000000;
font-size: 14px;
}
.navigationtop .navigation-container .actions .dropdown .dropdown-menu li a:hover, .navigationtop .navigation-container .actions .search .dropdown-menu li a:hover {
color: #00A323;
}
.navigationtop .navigation-container .actions .dropdown.show .dropdown-menu, .navigationtop .navigation-container .actions .search.show .dropdown-menu {
height: auto;
opacity: 1;
visibility: visible;
background-color: #ffffff;
border-top: 2px solid #00FD92;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.navigationtop .navigation-container .actions .icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
height: 100%;
}
@media (min-width: 1800px) {
.navigationtop .navigation-container .actions .icons {
gap: 2.8rem;
}
}
.navigationtop .navigation-container .actions .icons svg {
cursor: pointer;
}
.navigationtop .navigation-container .actions .icons svg path {
stroke: #000;
}
.navigationtop .navigation-container .actions .free-trial {
background-color: #00FD92;
border-radius: 5px;
color: #000000;
font-size: 1.4rem;
font-weight: 700;
padding: 11px 15px;
text-decoration: none;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
line-height: 1.44rem;
border: 0.2rem solid #006616;
text-transform: uppercase;
font-family: "KlavikaWeb";
margin-top: 5px;
}
@media (min-width: 1800px) {
.navigationtop .navigation-container .actions .free-trial {
font-size: 1.8rem;
padding: 11px 22px;
margin-top: 0;
}
}
.navigationtop .navigation-container .actions .free-trial:hover {
background: #fff;
}
.navigationtop .navigation-container .actions .button {
margin-bottom: 0;
margin-right: 0;
}
.navigationtop .navigation-container .actions .button a {
padding: 9px 23px;
}
.navigationtop--dark {
background-color: #000;
}
.navigationtop--dark .navigation-container .logo {
display: block;
}
.navigationtop--dark .navigation-container .logo-inner-page {
display: none;
}
.navigationtop--dark .navigation-container .nav ul li > a {
color: #fff;
}
.navigationtop--dark .navigation-container .actions .dropdown .dropdown-button {
color: #fff;
}
.navigationtop--dark .navigation-container .actions .dropdown .dropdown-button svg path {
stroke: #fff;
}
.navigationtop--dark .navigation-container .actions .icons svg path {
stroke: #fff;
}
.navigation-top--mobile {
display: none;
}
@media only screen and (max-width: 991px) {
.navigation-top {
display: none;
}
.navigation-top--mobile {
position: fixed;
display: block;
width: 100%;
top: 0;
left: 0;
}
.navigation-top--mobile.head-hide {
top: -100px;
}
.navigation-top--mobile .xfpage > .cmp-container {
grid-template-columns: auto;
}
.navigation-top--mobile .xfpage > .cmp-container > .aem-Grid {
padding-block: inherit;
}
.navigation-top--mobile .mobile-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
.navigation-top--mobile .mobile-icon-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
.navigation-top--mobile .mobile-icon-left .dropdown, .navigation-top--mobile .mobile-icon-left .search {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.navigation-top--mobile .mobile-icon-left .dropdown span, .navigation-top--mobile .mobile-icon-left .search span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.navigation-top--mobile .mobile-icon-left .dropdown .login-mobile-icon svg path, .navigation-top--mobile .mobile-icon-left .search .login-mobile-icon svg path {
fill: #000;
}
.navigation-top--mobile .mobile-icon-left .dropdown .login-item-link, .navigation-top--mobile .mobile-icon-left .search .login-item-link {
font-size: 1.6rem !important;
}
.navigation-top--mobile .mobile-icon-left .dropdown ul.dropdown-menu, .navigation-top--mobile .mobile-icon-left .search ul.dropdown-menu {
position: absolute;
top: 100%;
color: #000000;
border-radius: 5px;
list-style: none;
padding: 10px 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
height: 0;
overflow: hidden;
min-width: 150px;
margin-top: 10px;
}
.navigation-top--mobile .mobile-icon-left .dropdown ul.dropdown-menu.right-menu, .navigation-top--mobile .mobile-icon-left .search ul.dropdown-menu.right-menu {
left: -10px;
}
.navigation-top--mobile .mobile-icon-left .dropdown ul.dropdown-menu.left-menu, .navigation-top--mobile .mobile-icon-left .search ul.dropdown-menu.left-menu {
right: -10px;
}
.navigation-top--mobile .mobile-icon-left .dropdown ul.dropdown-menu li, .navigation-top--mobile .mobile-icon-left .search ul.dropdown-menu li {
padding: 8px 20px;
}
.navigation-top--mobile .mobile-icon-left .dropdown ul.dropdown-menu li a, .navigation-top--mobile .mobile-icon-left .search ul.dropdown-menu li a {
text-decoration: none;
color: #000000;
font-size: 14px;
}
.navigation-top--mobile .mobile-icon-left .dropdown ul.dropdown-menu li a:hover, .navigation-top--mobile .mobile-icon-left .search ul.dropdown-menu li a:hover {
color: #00A323;
}
.navigation-top--mobile .mobile-icon-left .dropdown.show .dropdown-menu, .navigation-top--mobile .mobile-icon-left .search.show .dropdown-menu {
height: auto;
opacity: 1;
visibility: visible;
background-color: #ffffff;
border-top: 2px solid #00FD92;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.navigation-top--mobile .mobile-icon-left .search-mobile-icon svg path,
.navigation-top--mobile .mobile-icon-left .language-mobile-icon svg path {
stroke: #000;
}
.navigation-top--mobile .nav-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 16px;
padding-right: 18px;
background-color: #fff;
border-bottom: 1px solid #ddd;
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 10000;
background: #fff;
}
.navigation-top--mobile .nav-header .logo {
display: none;
}
.navigation-top--mobile .nav-header .logo-inner-page {
display: block;
}
.navigation-top--mobile .menu-icon {
cursor: pointer;
font-size: 20px;
color: #000;
display: none;
}
.navigation-top--mobile .menu-icon.active {
display: block;
width: 24px;
height: 24px;
}
.navigation-top--mobile .menu-icon--close {
display: none;
width: 24px;
}
.navigation-top--mobile .menu-icon--close svg {
width: 18px;
height: 18px;
}
.navigation-top--mobile .menu-icon--close svg rect {
fill: #000;
}
.navigation-top--mobile .menu-icon--close.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.navigation-top--mobile .logo img,
.navigation-top--mobile .logo-inner-page img {
max-width: 110px;
margin-top: 7px;
}
.navigation-top--mobile .nav-menu {
position: fixed;
top: 70px;
right: 0;
width: 100%;
height: calc(100vh + 154px);
background: #fff;
z-index: 9999;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
padding: 0 16px;
overflow-y: scroll;
overflow-x: hidden;
}
.navigation-top--mobile .nav-menu.active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.navigation-top--mobile .nav-menu .main-menu {
list-style: none;
-webkit-padding-start: 0;
padding-inline-start: 0;
border-top: 1px solid #000;
}
.navigation-top--mobile .nav-menu .main-menu > li {
position: relative;
padding: 15px 0;
border-bottom: 1px solid #ddd;
cursor: pointer;
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;
}
.navigation-top--mobile .nav-menu .main-menu > li:after {
content: "";
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
width: 9px;
height: 9px;
border-top: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: -1;
}
.navigation-top--mobile .nav-menu .main-menu > li > a {
pointer-events: none;
}
.navigation-top--mobile .nav-menu .main-menu .arrow {
float: right;
width: 30px;
height: 30px;
}
.navigation-top--mobile .nav-menu .main-menu a {
font-size: 18px;
color: #005F79;
line-height: 26px;
font-weight: 500;
}
.navigation-top--mobile .mobile-link {
display: block;
width: 100%;
max-width: 100%;
margin: 54px auto 0 auto;
}
.navigation-top--mobile .free-trial {
background-color: #00FD92;
border-radius: 0.5rem;
color: #1D242B;
padding: 0.8rem 2.3rem 0.6rem;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.8rem;
font-weight: 500;
width: 100%;
margin-left: auto;
margin-right: auto;
border: 1.5px solid #006616;
}
.navigation-top--mobile .free-trial:hover {
background: #00774C;
border: 1.5px solid #080808;
color: #ffffff;
}
.navigation-top--mobile .mobile-contact {
font-size: 20px;
color: #005F79;
line-height: 28px;
font-weight: 500;
border-bottom: 1px solid rgba(64, 64, 64, 0.13);
padding-bottom: 16px;
max-width: 100%;
margin-bottom: 20px;
}
.navigation-top--mobile .mobile-contact::after {
content: "";
position: absolute;
width: 25px;
height: 25px;
left: 120px;
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/icons/contact-icon.svg);
}
.navigation-top--mobile .company-contact-cta {
display: none;
}
}
@media only screen and (max-width: 991px) and (max-width: 991px) {
.navigation-top--mobile .company-contact-cta {
display: block;
}
}
@media only screen and (max-width: 991px) {
.navigation-top--mobile .sub-menu {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: calc(100vh - 154px);
background: white;
z-index: 1;
overflow-y: scroll;
overflow-x: hidden;
}
.navigation-top--mobile .sub-menu.active {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
width: 100%;
}
.navigation-top--mobile .sub-menu.active .sub-header::after {
left: 22px;
right: auto;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
}
@media only screen and (max-width: 991px) {
.navigation-top--mobile .sub-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.8rem;
font-weight: 500;
color: #878787;
border-bottom: 0.1rem solid #e5e4e7;
padding-top: 1.9rem;
padding-bottom: 1.8rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-transform: uppercase;
position: relative;
}
.navigation-top--mobile .sub-header::after {
content: "";
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
width: 9px;
height: 9px;
border-top: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: -1;
}
}
@media only screen and (max-width: 991px) {
.navigation-top--mobile--dark .nav-header {
background-color: #000;
}
.navigation-top--mobile--dark .nav-header .logo {
display: block;
}
.navigation-top--mobile--dark .nav-header .logo-inner-page {
display: none;
}
.navigation-top--mobile--dark .main-menu {
border-top: none;
}
.navigation-top--mobile--dark .menu-icon {
color: #fff;
}
.navigation-top--mobile--dark .menu-icon--close svg rect {
fill: #fff;
}
.navigation-top--mobile--dark .mobile-icon-left .login-mobile-icon svg path {
fill: #fff;
}
.navigation-top--mobile--dark .mobile-icon-left .search-mobile-icon svg path,
.navigation-top--mobile--dark .mobile-icon-left .language-mobile-icon svg path {
stroke: #fff;
}
}
@media only screen and (max-width: 991px) {
.no-scroll {
overflow: hidden;
-ms-scroll-chaining: none;
overscroll-behavior: none;
height: calc(100vh + 100px);
position: fixed;
width: 100%;
}
}
.experiencefragment.sticky-nav {
position: sticky;
top: 0;
z-index: 999;
}
@media (min-width: 992px) and (max-width: 1199px) {
.navigation-top.Redesign .navigation-container .nav ul {
gap: 3rem;
}
}
.inner-navigation-container.short-inner-navigation-container {
max-width: 1020px;
}
@media (min-width: 1800px) {
.inner-navigation-container.short-inner-navigation-container {
max-width: 1020px;
}
}
@media (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container.short-inner-navigation-container .dropdown-menu {
height: 100% !important;
}
}
.inner-navigation-container.redesign .dropdown-menu {
border-radius: 0px 0px 0px 5px;
}
.inner-navigation-container.redesign .dropdown-menu .content-container .content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.inner-navigation-container.redesign .dropdown-menu .content-container .content .column .heading {
font-size: 18px;
line-height: 18px;
color: #00774C;
}
@media (min-width: 1800px) {
.inner-navigation-container.redesign .dropdown-menu .content-container .content .column .heading {
font-size: 20px;
line-height: 20px;
}
}
@media (min-width: 992px) {
.inner-navigation-container.redesign .dropdown-menu .content-container .content .column:hover .heading {
color: #080808;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container .content .column:hover .heading::after {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/black-arrow.svg);
}
.inner-navigation-container.redesign .dropdown-menu .content-container {
padding: 0;
border-radius: 10px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
}
.inner-navigation-container.redesign .dropdown-menu .content-container .content {
gap: 22px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.inner-navigation-container.redesign .dropdown-menu .content-container .content-inner {
gap: 22px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container .content-inner {
gap: 0;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container .column .heading {
margin-bottom: 0;
}
.inner-navigation-container.redesign .dropdown-menu .content-container .left-content {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding: 40px;
background: #F5F6F7;
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;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container.redesign .dropdown-menu .content-container .left-content {
padding: 20px;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container .left-content {
padding: 0;
background: transparent;
max-width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
border-bottom: 1px solid #e5e4e7;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container .left-content .left-content-top:first-child .column .heading::after {
opacity: 1;
}
.inner-navigation-container.redesign .dropdown-menu .content-container .left-content .left-content-top:first-child .column {
width: 100%;
border-bottom: 1px solid #A6A6A6;
padding: 0 0 16px;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container .left-content .left-content-top:first-child .column {
border-bottom: none;
padding-bottom: 2px;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container .left-content .column .heading {
margin-bottom: 0;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container .left-content .column .heading {
padding: 18px 0;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container .left-content .column .button {
margin-top: 20px;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container .left-content .column .button {
display: none;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container .left-content .column .button.button--style-tertiary-green a {
font-size: 20px;
}
.inner-navigation-container.redesign .dropdown-menu .content-container .right-content {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
width: 100%;
padding: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 28px;
}
@media (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container.redesign .dropdown-menu .content-container .right-content {
padding: 30px;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container .right-content {
padding: 0;
max-width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container .right-content .content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container .right-content .content .column {
max-width: 100%;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container .right-content .content p {
color: #000;
cursor: default;
letter-spacing: 0.1rem;
font-size: 17px;
line-height: 17px;
font-weight: 500;
text-transform: uppercase;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container .right-content .content p {
padding: 18px 0;
border-bottom: 1px solid #e5e4e7;
font-size: 18px;
line-height: 18px;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .left-content {
border-bottom: none;
}
}
@media (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .left-content {
padding: 30px;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .left-content .left-content-top .column .p-lg.bold {
font-size: var(--font-size-p-lg);
line-height: var(--line-height-p-lg);
font-weight: var(--font-weight-medium);
letter-spacing: calc(var(--font-size-p-lg) * -0.02);
margin-top: -4px;
margin-bottom: 18px;
max-width: 242px;
}
@media (min-width: 1800px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .left-content .left-content-top .column .p-lg.bold {
max-width: 100%;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content {
padding: 40px 40px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content {
padding: 30px;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content {
padding: 0;
gap: 0;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content .content p {
position: relative;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content .content p:before {
content: "";
position: absolute;
width: 18px;
height: 2px;
top: 0;
bottom: 0;
margin: auto;
right: 0;
border-radius: 5px;
background: #000;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
display: inline-block;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content .content p::after {
content: "";
position: absolute;
background: #000;
width: 2px;
height: 18px;
border-radius: 5px;
bottom: 0;
margin: auto;
top: 0;
right: 8px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content .content p.child-menu-open::after {
display: none;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content .content .content-inner {
opacity: 0;
-webkit-transition: visibility 0s, opacity 0.5s linear;
transition: visibility 0s, opacity 0.5s linear;
visibility: hidden;
display: none;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content .content .content-inner.child-menu-open {
opacity: 1;
visibility: visible;
display: block;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content .right-content-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content .right-content-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 992px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content .right-content-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 1px solid #C7C7C7;
padding: 20px 0 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content .right-content-bottom .content .content-inner {
opacity: 1;
visibility: visible;
display: block;
}
}
@media (min-width: 992px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content .right-content-bottom .content .content-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 992px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.four-column-content-container .right-content .right-content-bottom .content .content-inner .column {
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
}
@media (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container {
padding: 0;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content {
width: 100%;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .left-content.child-menu-open .content.left-content-top .column a::after {
display: none;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .left-content .content.left-content-top .column a {
position: relative;
}
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .left-content .content.left-content-top .column a:before {
content: "";
position: absolute;
width: 18px;
height: 2px;
top: 0;
bottom: 0;
margin: auto;
right: 0;
border-radius: 5px;
background: #000;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
display: inline-block;
}
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .left-content .content.left-content-top .column a::after {
content: "";
position: absolute;
background: #000;
width: 2px;
height: 18px;
border-radius: 5px;
bottom: 0;
margin: auto;
top: 0;
right: 8px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
}
@media (min-width: 992px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .card-wrap .heading:hover {
color: #080808;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .card-wrap .heading:hover::after {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/black-arrow.svg);
}
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap {
margin-top: 22px;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap {
margin-top: 0;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap a:last-child .heading {
margin-bottom: 0;
}
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading {
margin-bottom: 22px;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading {
margin-bottom: 0;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading::before {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/expand-green.svg);
}
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading:hover {
color: #080808;
}
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading:hover::before {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/expand-black.svg);
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content.column-1 {
margin-left: 20px;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0.5s linear;
transition: visibility 0s, opacity 0.5s linear;
visibility: hidden;
display: none;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content.column-1.child-menu-open {
opacity: 1;
visibility: visible;
display: block;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content.column-2 .column.main-menu-mobile {
display: none;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content.column-2 .column.main-menu-mobile {
display: block;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content.column-2 .column.resource-inner-wrap {
background: #F5F6F7;
padding: 0 24px;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.resource-content-container .resource-content .content.column-2 .column:nth-last-child(-n+3) {
background: #F5F6F7;
padding: 0 24px;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .left-content .content.left-content-top .column a:before,
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .left-content .content.left-content-top .column a:after {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content {
gap: 22px !important;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content.column-1 {
margin-left: 0;
opacity: 1;
visibility: visible;
display: block;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content.column-2 .column.resource-inner-wrap {
background-color: transparent;
padding-inline: 0;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content.column-2 .column.resource-inner-wrap .card-wrap > a {
display: block;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content.column-2 .column:nth-last-child(-n+3) {
background: transparent;
padding: 0;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content .column.resource-inner-wrap .card-wrap .heading {
padding: 18px 0;
}
}
@media (min-width: 992px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content .column.resource-inner-wrap .card-wrap .heading:hover {
color: #080808;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content .column.resource-inner-wrap .card-wrap .heading:hover::after {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/black-arrow.svg);
}
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap {
margin-top: 22px;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap {
margin-top: 0;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap a:last-child .heading {
margin-bottom: 0;
}
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading {
margin-bottom: 22px;
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading {
margin-bottom: 0;
}
}
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading::before {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/expand-green.svg);
}
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading:hover {
color: #080808;
}
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading:hover::before {
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/expand-black.svg);
}
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .company-contact-cta {
color: #00774C;
}
.inner-navigation-container.redesign .dropdown-menu .content-container.company-content-container .mobile-contact::after {
left: 100px;
}
.inner-navigation-container.redesign .dropdown-menu .content-container.short-content-container .content {
width: 100%;
}
.inner-navigation-container.redesign .dropdown-menu .content-container.short-content-container .right-content .content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 10px 22px;
}
.inner-navigation-container.redesign .dropdown-menu .content-container.short-content-container .right-content .content .column {
-ms-flex-preferred-size: calc(50% - 30px);
flex-basis: calc(50% - 30px);
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.short-content-container.partners-overview .left-content {
display: none;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.short-content-container.partners-overview .overview-cta-mobile {
width: 100% !important;
}
}
@media (max-width: 991px) {
.inner-navigation-container.redesign .dropdown-menu .content-container.short-content-container.partners-overview .overview-cta-mobile a {
padding: 12px 0 10px;
background-color: #080808;
color: #00FD92;
border: 1.5px solid #00B96B;
}
}
.inner-navigation-container {
max-width: 1320px;
margin: 0 auto;
color: #fff;
width: 100%;
z-index: 1000;
position: relative;
}
@media (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container {
width: calc(100% - 32px);
}
}
@media (min-width: 1800px) {
.inner-navigation-container {
max-width: 1704px;
}
}
.inner-navigation-container .overview-cta-mobile {
display: none;
}
.inner-navigation-container .dropdown-menu {
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
border: none;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
border-radius: 10px;
background: #ffffff;
}
.inner-navigation-container .header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #f5f6f7;
padding: 24px 48px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
@media (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container .header {
padding: 24px 28px;
}
}
.inner-navigation-container .header a {
position: relative;
}
.inner-navigation-container .overview {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 2.4rem;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
background-color: #f5f6f7 !important;
margin-bottom: 0;
padding-left: 50px;
}
.inner-navigation-container .overview a {
color: #1d242b !important;
text-decoration: none;
padding: 8px 16px;
border: 2px solid #00FD92;
border-radius: 5px;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #1d242b;
}
.inner-navigation-container .overview a::after {
display: none;
}
.inner-navigation-container .header a i {
margin-left: 5px;
}
.inner-navigation-container .header p {
margin: 0;
color: #1d242b;
font-size: 1.8rem;
line-height: 2.4rem;
font-weight: 400;
margin-right: 24px;
letter-spacing: -0.02em;
}
@media (min-width: 992px) and (max-width: 1199px) {
.inner-navigation-container .header p {
font-size: 1.6rem;
}
}
.inner-navigation-container .cmp-teaser {
padding: 48px 24px;
padding-top: 24px;
-webkit-box-shadow: none;
box-shadow: none;
width: 300px;
}
.inner-navigation-container .cmp-videoplayer {
min-width: 300px;
}
.inner-navigation-container .cmp-teaser__pretitle-text {
color: #000;
}
.inner-navigation-container .cmp-teaser__description {
color: #000;
}
.inner-navigation-container .cmp-teaser__title {
color: #000;
}
.inner-navigation-container .product-content-container {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.inner-navigation-container .addtional-content .hide {
display: none;
}
.inner-navigation-container .video-container .video-details .cta,
.inner-navigation-container .video-container .video-details p {
color: #000;
}
.inner-navigation-container .video-container .video-details .cta svg {
width: 24px;
height: 24px;
margin-left: 8px;
}
.inner-navigation-container .content .column:last-child {
margin-right: 0;
}
.inner-navigation-container .content .column p {
color: #1d242b;
font-size: 15px;
line-height: 22px;
font-weight: 400;
}
.inner-navigation-container .content .video {
max-width: 300px;
text-align: center;
}
.inner-navigation-container .content .video img {
width: 100%;
border-radius: 10px;
}
.inner-navigation-container .content .video p {
color: #333333;
font-size: 16px;
margin-top: 10px;
}
.inner-navigation-container .content .video a {
color: #0070f3;
text-decoration: none;
font-size: 18px;
font-weight: bold;
}
.inner-navigation-container .content .video a i {
margin-left: 5px;
}
.inner-navigation-container .column .card-wrap .heading svg {
overflow: hidden;
vertical-align: middle;
}
@media (max-width: 991px) {
.inner-navigation-container {
margin-top: 2px;
-webkit-transform: none;
transform: none;
left: 0;
}
.inner-navigation-container .content-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
.inner-navigation-container .content-container .overview-cta-mobile {
background: #f5f6f7;
display: block;
padding: 24px;
text-align: center;
width: 100%;
margin-top: 20px;
}
.inner-navigation-container .content-container .overview-cta-mobile a {
padding: 16px;
background: #00FD92;
border-radius: 5px;
width: 100%;
text-align: center;
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #1d242b;
display: block;
}
.inner-navigation-container .content-container .content .column.main-menu-mobile {
display: block;
}
.inner-navigation-container .content-container .content .column.inner-wrap.why-open .card-wrap {
position: relative;
display: block;
}
.inner-navigation-container .content-container .content .column.inner-wrap.why-open .card-wrap a {
position: relative;
}
.inner-navigation-container .content-container .content .column.inner-wrap.why-open .card-wrap a::after {
display: none !important;
}
.inner-navigation-container .content-container .content .column.inner-wrap .card-wrap a {
position: relative;
display: block;
}
.inner-navigation-container .content-container .content .column.inner-wrap .card-wrap a::before {
content: "";
position: absolute;
width: 18px;
height: 2px;
top: 0;
bottom: 0;
margin: auto;
right: 0;
border-radius: 5px;
background: #000;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
display: block;
}
.inner-navigation-container .content-container .content .column.inner-wrap .card-wrap a::after {
content: "";
display: block !important;
position: absolute;
background: #000;
width: 2px;
height: 18px;
border-radius: 5px;
bottom: 0;
margin: auto;
top: 0;
right: 8px;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
opacity: 1 !important;
}
.inner-navigation-container .content-container .content .column.inner-wrap .card-wrap .column-inner {
display: none;
margin-left: 15px;
}
.inner-navigation-container .content-container .content .column.inner-wrap .card-wrap .column-inner a::before, .inner-navigation-container .content-container .content .column.inner-wrap .card-wrap .column-inner a::after {
display: none !important;
}
.inner-navigation-container .content-container .content .column.inner-wrap .card-wrap .column-inner.why-open {
display: block;
}
.inner-navigation-container .content-container .content .column.inner-wrap .card-wrap .column-inner a {
display: block;
}
.inner-navigation-container .content-container .addtional-content {
display: none;
}
.inner-navigation-container .cmp-teaser {
display: none;
}
.inner-navigation-container #navigation-top-video-player {
display: none;
}
.inner-navigation-container .content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.inner-navigation-container .content .column {
margin-right: 0;
}
.inner-navigation-container .content .column:last-child {
margin-bottom: 0;
}
.inner-navigation-container .dropdown-menu {
-webkit-box-shadow: none;
box-shadow: none;
}
.inner-navigation-container .header {
display: none;
}
.inner-navigation-container .aem-Grid {
padding: 0;
}
.inner-navigation-container .content {
padding: 0;
width: 100%;
}
.inner-navigation-container .content .column p {
display: none;
}
.inner-navigation-container .content .column h3 {
border-bottom: 1px solid #e5e4e7;
font-size: 18px;
font-family: "KlavikaWeb";
padding: 18px 0;
line-height: 1;
}
.inner-navigation-container .extra-categories {
margin: 0;
border-top: 0;
}
.inner-navigation-container .left-content {
background: none;
}
.inner-navigation-container .left-content img {
display: none;
}
.inner-navigation-container .left-categories {
gap: 12px;
}
.inner-navigation-container .right-content {
width: 100%;
}
.solution-navigation-container {
display: none;
}
.solution-navigation-mobile {
display: block;
padding: 0;
max-width: 100%;
}
.solution-navigation-mobile__nav-item {
border-bottom: 1px solid #ccc;
}
.solution-navigation-mobile__nav-item:last-child {
border-bottom: none;
}
.solution-navigation-mobile__nav-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 0;
cursor: pointer;
}
.solution-navigation-mobile__level-1 > .solution-navigation-mobile__nav-header span {
font-size: 16px;
color: #000 !important;
font-weight: 500;
text-transform: uppercase;
cursor: default;
letter-spacing: 0.5px;
}
.solution-navigation-mobile__level-2 > .solution-navigation-mobile__nav-header span {
font-size: 16px;
font-weight: 500;
}
.solution-navigation-mobile__level-3 {
padding: 0;
margin: 8px 16px;
padding-bottom: 8px;
}
.solution-navigation-mobile__level-3 a {
font-size: 16px !important;
color: #006616 !important;
font-weight: 500 !important;
}
.solution-navigation-mobile__toggle-btn {
background: none;
border: none;
font-size: 44px;
color: #000;
cursor: pointer;
padding: 0 8px;
line-height: 0.5;
min-width: 32px;
text-align: center;
font-weight: 300;
font-family: "KlavikaWebCondensed";
}
.solution-navigation-mobile__nav-content {
display: block;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-top: 1px solid #ccc;
}
.solution-navigation-mobile__nav-content.hidden {
display: none;
}
.solution-navigation-mobile__nav-link {
display: block;
color: #006616;
text-decoration: none;
font-size: 16px;
font-weight: 500;
}
.solution-navigation-mobile__nav-link:hover {
text-decoration: underline;
}
.solution-navigation-mobile__view-all {
display: block;
padding: 16px 0;
color: #006616;
text-decoration: none;
font-size: 18px;
font-weight: 500;
border-bottom: 1px solid #ccc;
}
.solution-navigation-mobile__view-all:hover {
text-decoration: underline;
}
.solution-navigation-mobile .solution-navigation-mobile-industries .solution-navigation-mobile__level-2 .solution-navigation-mobile__nav-header:not(:last-child) {
border-bottom: 1px solid #ccc;
}
.solution-navigation-mobile .solution-navigation-mobile-environments .solution-navigation-mobile__level-2 .solution-navigation-mobile__nav-header:not(:last-child) {
border-top: 1px solid #ccc;
}
.solution-navigation-mobile .solution-navigation-mobile-usecases .solution-navigation-mobile__level-2 .solution-navigation-mobile__nav-header:not(:last-child) {
border-top: 1px solid #ccc;
}
.product-content-container .mobile-view-first-left-item .column p {
display: none;
}
.product-content-container .mobile-view-first-left-item .column .image-wrap {
display: none;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .header {
display: block;
padding: 16px 0;
background: none;
border-bottom: 1px solid #e5e4e7;
font-size: 18px;
font-family: "KlavikaWeb";
position: relative;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .header.resources-open a::after {
display: none;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .header a {
position: relative;
display: block;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .header a:before {
content: "";
position: absolute;
width: 18px;
height: 2px;
top: 0;
bottom: 0;
margin: auto;
right: 0;
border-radius: 5px;
background: #000;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
display: inline-block;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .header a::after {
content: "";
position: absolute;
background: #000;
width: 2px;
height: 18px;
border-radius: 5px;
bottom: 0;
margin: auto;
top: 0;
right: 8px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .header .overview {
display: none;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .resource-left-content {
display: none;
-webkit-transition: visibility 0s, opacity 0.5s linear;
transition: visibility 0s, opacity 0.5s linear;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .resource-left-content.resources-open {
display: block;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .resource-left-content.resources-open .content {
margin-left: 20px;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .resource-right-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .resource-right-content .content:not(.wide-screen) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .resource-right-content .content:not(.wide-screen) .column {
background: #F5F6F7;
padding: 0 24px;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .resource-right-content .content:not(.wide-screen) .column.resource-inner-wrap .card-wrap > a {
display: none;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .resource-right-content .content:not(.wide-screen) .column:first-child {
background: transparent;
padding: 0;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .resource-right-content .content:not(.wide-screen) .column:last-child {
display: none;
}
.navigation-top--mobile .navigationtop-resource .inner-navigation-container .resource-right-content .content:not(.wide-screen).wide-screen {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.navigation-top--mobile .navigationtop-company .company-content-container .content .column.resource-inner-wrap {
position: relative;
}
.navigation-top--mobile .navigationtop-company .company-content-container .content .column.resource-inner-wrap.company-open .card-wrap a::after {
display: none;
}
.navigation-top--mobile .navigationtop-company .company-content-container .content .column.resource-inner-wrap .card-wrap {
position: relative;
}
.navigation-top--mobile .navigationtop-company .company-content-container .content .column.resource-inner-wrap .card-wrap > a {
position: relative;
display: block;
}
.navigation-top--mobile .navigationtop-company .company-content-container .content .column.resource-inner-wrap .card-wrap > a:before {
content: "";
position: absolute;
width: 18px;
height: 2px;
top: 0;
bottom: 0;
margin: auto;
right: 0;
border-radius: 5px;
background: #000;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
display: inline-block;
}
.navigation-top--mobile .navigationtop-company .company-content-container .content .column.resource-inner-wrap .card-wrap > a::after {
content: "";
position: absolute;
background: #000;
width: 2px;
height: 18px;
border-radius: 5px;
bottom: 0;
margin: auto;
top: 0;
right: 8px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.navigation-top--mobile .navigationtop-company .company-content-container .content .column.resource-inner-wrap .card-wrap .inner-wrap {
margin-left: 20px;
display: none;
-webkit-transition: visibility 0s, opacity 0.5s linear;
transition: visibility 0s, opacity 0.5s linear;
}
.navigation-top--mobile .navigationtop-company .company-content-container .content .column.resource-inner-wrap .card-wrap .inner-wrap.company-open {
display: block;
}
.navigation-top--mobile .navigationtop-company .company-content-container .content.wide-screen {
display: none;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .header .heading {
color: #006616;
font-family: "KlavikaWeb";
font-weight: 500;
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
font-size: 20px;
line-height: 18px;
letter-spacing: -0.4px;
}
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1199px) {
.inner-navigation-container .dropdown-menu .header .heading {
font-size: 18px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .header .heading::after {
content: "";
position: absolute;
width: 20px;
height: 18px;
right: -20px;
top: 65%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/green-arrow.svg);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
right: -30px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .header:hover .heading {
color: #00A323;
}
.inner-navigation-container .dropdown-menu .header:hover .heading::after {
right: -35px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .header .overview a {
background-color: transparent;
}
.inner-navigation-container .dropdown-menu .header .overview a:hover {
background: #00FD92;
}
.inner-navigation-container .dropdown-menu .header .overview p {
text-align: left;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
background-color: #ffffff;
padding: 40px 48px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 992px) and (max-width: 991px) {
.inner-navigation-container .dropdown-menu .content-container {
padding: 0 16px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.inner-navigation-container .dropdown-menu .content-container .content .column {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.inner-navigation-container .dropdown-menu .content-container .content .column h3 {
color: #006616;
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
line-height: 22px;
}
.inner-navigation-container .dropdown-menu .content-container .content .column .heading {
color: #006616;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
font-family: "KlavikaWeb";
font-weight: 500;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 20px;
line-height: 20px;
letter-spacing: -0.4px;
}
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1199px) {
.inner-navigation-container .dropdown-menu .content-container .content .column .heading {
font-size: 18px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container .content .column .heading::after {
content: "";
position: absolute;
width: 20px;
height: 18px;
right: -20px;
top: 65%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/green-arrow.svg);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
right: -30px;
opacity: 0;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container .content .column:hover .heading {
color: #00A323;
}
.inner-navigation-container .dropdown-menu .content-container .content .column:hover .heading::after {
right: -35px;
opacity: 1;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container .content .column p {
font-size: 18px;
margin-top: 8px;
line-height: 22px;
letter-spacing: -0.02em;
font-weight: 400;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container .content .column .column-inner {
margin-top: 30px;
}
.inner-navigation-container .dropdown-menu .content-container .content .column .column-inner a {
margin-bottom: 27px;
color: #006616;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
font-family: "KlavikaWeb";
font-weight: 500;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: block;
font-size: 20px;
line-height: 20px;
letter-spacing: -0.4px;
}
.inner-navigation-container .dropdown-menu .content-container .content .column .column-inner a::after {
content: "";
position: absolute;
width: 20px;
height: 18px;
right: -20px;
top: 65%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/green-arrow.svg);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
right: -30px;
opacity: 0;
}
.inner-navigation-container .dropdown-menu .content-container .content .column .column-inner a:hover {
color: #00A323;
}
.inner-navigation-container .dropdown-menu .content-container .content .column .column-inner a:hover::after {
opacity: 1;
right: -35px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container .content .column.main-menu-mobile {
display: none;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container .content .column.inner-wrap {
cursor: default;
}
.inner-navigation-container .dropdown-menu .content-container .content .column.inner-wrap .heading {
color: #000000;
cursor: default;
}
.inner-navigation-container .dropdown-menu .content-container .content .column.inner-wrap .heading::after {
display: none;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container .addtional-content {
position: relative;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
}
@media (min-width: 992px) and (max-width: 991px) {
.inner-navigation-container .dropdown-menu .content-container .addtional-content {
display: none;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container .addtional-content .video-container {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
padding: 0;
}
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1199px) {
.inner-navigation-container .dropdown-menu .content-container .addtional-content .video-container {
max-width: 340px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container .addtional-content .video-container .video-thumbnail {
max-width: 390px;
overflow: visible;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 12px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 12px;
}
.inner-navigation-container .dropdown-menu .content-container .addtional-content .video-container .video-thumbnail img {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
border-radius: 5px;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
max-height: 100%;
}
.inner-navigation-container .dropdown-menu .content-container .addtional-content .video-container .video-thumbnail:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container .addtional-content .video-container .video-details p {
line-height: 1.5;
margin: 10px 0;
font-weight: 400;
font-size: 1.8rem;
color: #000000;
}
.inner-navigation-container .dropdown-menu .content-container .addtional-content .video-container .video-details .cta {
color: #006616;
font-family: "KlavikaWebCondensed";
font-size: 22px;
font-weight: 500;
}
.inner-navigation-container .dropdown-menu .content-container .addtional-content .video-container .video-details .cta:hover {
color: #080808;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container .addtional-content .cmp-teaser {
width: 100%;
padding: 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
cursor: pointer;
}
.inner-navigation-container .dropdown-menu .content-container .addtional-content .cmp-teaser__image {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
padding: 0;
}
.inner-navigation-container .dropdown-menu .content-container .addtional-content .cmp-teaser__image .cmp-image {
max-width: 390px;
}
.inner-navigation-container .dropdown-menu .content-container .addtional-content .cmp-teaser__image .cmp-image img {
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 12px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 12px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
border-radius: 5px;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
max-height: 100%;
}
.inner-navigation-container .dropdown-menu .content-container .addtional-content .cmp-teaser:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container .dropdown-menu .content-container.why-cohesity-content-container {
padding: 20px 28px;
gap: 20px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.why-cohesity-content-container .content {
width: calc(100% - 390px);
}
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container .dropdown-menu .content-container.why-cohesity-content-container .content {
width: calc(100% - 65px);
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.why-cohesity-content-container .content {
width: calc(100% - 450px);
gap: 50px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.why-cohesity-content-container .content .column {
-ms-flex-preferred-size: calc(50% - 30px);
flex-basis: calc(50% - 30px);
max-width: 396px;
max-height: 105px;
}
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container .dropdown-menu .content-container.why-cohesity-content-container .content .column {
-ms-flex-preferred-size: calc(50% - 10px);
flex-basis: calc(50% - 10px);
max-width: 100%;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.why-cohesity-content-container .content .column {
max-width: 350px;
-ms-flex-preferred-size: calc(33.33% - 10px);
flex-basis: calc(33.33% - 10px);
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.why-cohesity-content-container .content .column.inner-wrap {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.why-cohesity-content-container .content .column.inner-wrap .card-wrap .column-inner a:hover h3 {
color: #00A323;
}
.inner-navigation-container .dropdown-menu .content-container.why-cohesity-content-container .content .column.inner-wrap .card-wrap .column-inner h3 {
color: #006616;
margin-bottom: 10px;
line-height: 22px;
cursor: pointer;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.product-content-container {
padding: 0;
border-radius: 10px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
}
.inner-navigation-container .dropdown-menu .content-container.product-content-container .left-content {
width: 32%;
max-width: 567px;
padding: 40px 20px 14px 48px;
background: #F5F6F7;
}
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container .dropdown-menu .content-container.product-content-container .left-content {
padding: 20px 20px 14px 28px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.product-content-container .left-content .content.left-categories {
gap: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.inner-navigation-container .dropdown-menu .content-container.product-content-container .left-content .content.left-categories .column .image-wrap {
max-width: 350px;
margin-top: 30px;
margin-bottom: 10px;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.product-content-container .left-content .content.left-categories .column .image-wrap {
max-width: 100%;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.product-content-container .left-content .content.left-categories .column .image-wrap img {
width: 100%;
height: auto;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.product-content-container .right-content {
width: 63%;
padding: 40px 48px 40px 41px;
}
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container .dropdown-menu .content-container.product-content-container .right-content {
padding: 20px 28px 20px 21px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.product-content-container .right-content .content {
gap: 0 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.inner-navigation-container .dropdown-menu .content-container.product-content-container .right-content .content .column {
position: relative;
width: calc(50% - 18px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.inner-navigation-container .dropdown-menu .content-container.product-content-container .right-content .content.main-categories {
position: relative;
width: 100%;
padding: 0;
margin-bottom: 30px;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.product-content-container .right-content .content.main-categories {
margin-bottom: 80px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.product-content-container .right-content .content.extra-categories {
border-top: 1px solid #ccc;
padding: 0;
padding-top: 24px;
width: 100%;
}
.inner-navigation-container .dropdown-menu .content-container.product-content-container .right-content .content.extra-categories .column {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 10px;
padding: 0;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 40px 48px;
}
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content {
padding: 20px 28px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content p {
color: #000;
cursor: default;
letter-spacing: 0.1rem;
margin-bottom: 32px;
font-size: 20px;
line-height: 20px;
font-weight: 500;
text-transform: uppercase;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content a {
position: relative;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content a .heading {
color: #006616;
margin-bottom: 16px;
font-size: 18px;
line-height: 20px;
font-weight: 500;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content a .heading {
line-height: 28px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content a .heading::after {
content: "";
position: absolute;
width: 20px;
height: 18px;
right: -20px;
top: 65%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/green-arrow.svg);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
right: -30px;
opacity: 0;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content a:hover .heading {
color: #00A323;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content a:hover .heading::after {
right: -35px;
opacity: 1;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .industries {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1199px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .industries {
max-width: 22%;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1199px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments {
max-width: 31%;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments .super-category {
color: #000;
margin-left: 0;
font-size: 18px;
line-height: 12px;
font-weight: 500;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments .enrivonment-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
gap: 0 8px;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments .enrivonment-items {
margin-bottom: 22px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments .enrivonment-childs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments .enrivonment-childs .enrivonment-child {
margin-right: 8px;
margin-bottom: 8px;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments .enrivonment-childs .enrivonment-child.head-enrivonment-child a {
cursor: default;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments .enrivonment-childs .enrivonment-child.head-enrivonment-child a:hover::after {
display: none;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments .enrivonment-childs .enrivonment-child a .heading {
line-height: 12px;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
position: relative;
padding-right: 8px;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments .enrivonment-childs .enrivonment-child a .heading::after {
display: none;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments .enrivonment-childs .enrivonment-child a:hover::after {
width: calc(100% - 10px);
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments .enrivonment-childs .enrivonment-child a::after {
content: "";
position: absolute;
width: 0;
height: 2px;
bottom: -5px;
left: 0;
background-color: #00FD92;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .environments .enrivonment-childs .enrivonment-child:not(:last-child) .heading {
border-right: 1.5px solid #000;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecases {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecases .usecase-items-super-category {
position: relative;
padding-right: 24px;
margin-bottom: 16px;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecases .usecase-items-super-category {
margin-bottom: 22px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecases .usecase-items-super-category.active::before {
content: "";
position: absolute;
width: 100%;
border: 1px solid #00FD45;
bottom: -5px;
left: 0;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecases .usecase-items-super-category::before {
content: "";
position: absolute;
width: 0;
border: 1px solid #00FD45;
bottom: -5px;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecases p {
color: #000;
cursor: default;
margin-bottom: 32px;
padding-right: 24px;
font-size: 20px;
line-height: 20px;
letter-spacing: -0.4px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecases .heading {
color: #006616;
font-size: 18px;
line-height: 20px;
font-weight: 500;
margin-bottom: 16px;
margin-left: 8px;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecases .heading {
margin-bottom: 24px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecases .super-category {
color: #000;
margin-left: 0;
margin-bottom: 8px;
margin-top: 8px;
font-size: 18px;
font-weight: 500;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecases .usecase-items {
display: none;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecases .usecase-items.active {
display: block;
opacity: 1;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecases .usecase-childs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecase-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 200px;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecase-container__left {
border-right: 1px solid #ccc;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .main-content .usecase-container__right {
padding-left: 24px;
margin-top: 56px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .view-all-solution {
background: #f5f6f7;
width: 100%;
padding: 26px 48px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .view-all-solution {
padding: 26px 28px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .view-all-solution a {
position: relative;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .view-all-solution a .heading {
color: #006616;
font-size: 18px;
line-height: 20px;
font-weight: 700;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .view-all-solution a .heading::after {
content: "";
position: absolute;
width: 20px;
height: 18px;
right: -20px;
top: 65%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/green-arrow.svg);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
right: -30px;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .view-all-solution a:hover .heading {
color: #00A323;
}
.inner-navigation-container .dropdown-menu .content-container.solution-navigation-container .view-all-solution a:hover .heading::after {
right: -35px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1399px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container {
padding: 20px 28px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content {
width: 65%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content {
width: 100%;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap:hover .card-wrap .heading {
color: #006616;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap:hover .card-wrap .heading::after {
display: none;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .card-wrap .heading::after {
content: "";
position: absolute;
width: 20px;
height: 18px;
right: -20px;
top: 65%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/green-arrow.svg);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
right: -30px;
opacity: 0;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .card-wrap .heading:hover {
color: #00A323;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .card-wrap .heading:hover::after {
opacity: 1;
display: block;
right: -35px;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap {
margin-left: 25px;
margin-top: 30px;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading {
margin-bottom: 30px;
position: relative;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading:hover {
margin-left: 30px;
color: #00A323;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading:hover:after {
display: none;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading::before {
content: "";
position: absolute;
width: 24px;
height: 24px;
left: -23px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(https://www.cohesity.com/wp-content/themes/cohesity_new/assets/images/redesign-2023/expand-blue.svg);
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading:after {
display: none;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap a:last-child .heading {
margin-bottom: 15px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .resource-left-content {
width: 40%;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .resource-left-content {
width: 30%;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .resource-right-content {
width: 60%;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .resource-right-content {
width: 72%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .resource-right-content .content {
width: 48%;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .resource-right-content .content .column:last-child {
display: none;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .resource-right-content .content.wide-screen {
display: none;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .resource-right-content .content.wide-screen {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 48%;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .resource-right-content .content.wide-screen .column:last-child {
display: block;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content {
width: 32%;
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .column.marketplace-column {
display: block;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .column.marketplace-column {
display: none;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .img-with-content {
position: relative;
margin-top: 10px;
max-width: 390px;
border-radius: 10px;
padding: 30px 20px 30px 25px;
background-color: #f2f6f7;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .img-with-content {
margin-top: 0;
padding: 23px 13px 30px 29px;
}
}
@media (min-width: 992px) and (max-width: 991px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .img-with-content {
display: none;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .img-with-content:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.15);
box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.15);
}
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .img-with-content:hover::before {
background-image: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow-hover.svg");
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .img-with-content::before {
content: "";
position: absolute;
background-image: url("../../../etc.clientlibs/cohesity/clientlibs/clientlib-site/resources/images/square-arrow.svg");
width: 36px;
height: 36px;
right: 24px;
top: 22px;
background-size: 100%;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .img-with-content a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
text-indent: -99999px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .img-with-content span {
font-size: 1.6rem;
font-weight: 700;
color: #78828C;
text-transform: uppercase;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .img-with-content p {
font-weight: 400;
color: #000000;
font-size: 18px;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .img-with-content .img-wrap {
width: 150px;
height: 135px;
margin: 25px 0;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .img-with-content .img-wrap {
margin: 25px 0 29px;
}
}
@media (min-width: 992px) and (min-width: 1200px) and (max-width: 1399px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .img-with-content .img-wrap {
width: 135px;
height: 135px;
margin: 15px 0;
}
}
@media (min-width: 992px) and (min-width: 1600px) and (max-width: 1799px) {
.inner-navigation-container .dropdown-menu .content-container.resource-content-container .addtional-content .img-with-content .img-wrap {
width: 200px;
height: 100%;
}
}
@media (min-width: 992px) {
.inner-navigation-container .dropdown-menu .content-container.company-content-container .company-contact-cta {
display: none;
}
}
@media (min-width: 992px) and (min-width: 1800px) {
.inner-navigation-container .dropdown-menu .content-container.company-content-container .resource-content .resource-right-content .content:not(.wide-screen) .column:nth-last-child(-n+2) {
display: none;
}
}
@media (min-width: 992px) {
.solution-navigation-mobile {
display: none;
}
}
/* Optional clarity styles */
.mobile-view-first-left-item,
.mobile-view-remaining-left-items {
display: none;
}
@media (max-width: 991px) {
.mobile-view-first-left-item,
.mobile-view-remaining-left-items {
display: block;
}
.left-content, .right-content, .extra-content {
display: block;
}
.mobile-view-remaining-left-items {
width: 100% !important;
max-width: 100%;
padding: 20px !important;
margin-top: 16px;
margin-bottom: 24px;
background: #F5F6F7;
}
.mobile-view-remaining-left-items .free-trail-prod.button {
width: 100% !important;
}
.mobile-view-remaining-left-items .free-trail-prod a {
padding: 12px 30px 10px;
}
.mobile-view-remaining-left-items .free-trail-prod a .heading {
padding: 0;
border: 0;
text-transform: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.navigationtop-company .inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content {
gap: 8px;
}
.navigationtop-company .inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap {
margin-top: 15px;
}
.navigationtop-company .inner-navigation-container .dropdown-menu .content-container.resource-content-container .resource-content .content .column.resource-inner-wrap .inner-wrap .heading {
margin-bottom: 20px;
}
}