/* 10Web Booster optimized this CSS file */
/*FILESTART /home/wplive/web/wp-live/wp-content/themes/krisp-v4/css/base.css */
@font-face {
font-family: 'Lexend';
src: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Regular.eot');
src: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Regular.eot?#iefix') format('embedded-opentype'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Regular.woff2') format('woff2'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Regular.woff') format('woff'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Regular.ttf') format('truetype'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Regular.svg#Lexend-Regular') format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;;
}
@font-face {
font-family: 'Lexend';
src: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Medium.eot');
src: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Medium.eot?#iefix') format('embedded-opentype'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Medium.woff2') format('woff2'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Medium.woff') format('woff'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Medium.ttf') format('truetype'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Medium.svg#Lexend-Regular') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;;
}
@font-face {
font-family: 'Lexend';
src: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Bold.eot');
src: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Bold.eot?#iefix') format('embedded-opentype'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Bold.woff2') format('woff2'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Bold.woff') format('woff'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Bold.ttf') format('truetype'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-Bold.svg#Lexend-Bold') format('svg');
font-weight: 700;
font-style: normal;
font-display: swap;;
}
@font-face {
font-family: 'Lexend';
src: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-SemiBold.eot');
src: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-SemiBold.eot?#iefix') format('embedded-opentype'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-SemiBold.woff2') format('woff2'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-SemiBold.woff') format('woff'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-SemiBold.ttf') format('truetype'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../fonts/Lexend-SemiBold.svg#Lexend-SemiBold') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;;
}
* {
font-family: 'Lexend', sans-serif !important;
color: #131032;
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
}
/* GENERIC */
.text_center {
text-align: center;
}
.text_right {
text-align: right;
}
p {
margin-top: 0;
margin-bottom: 0;
}
strong {
font-weight: bold;
}
.text--underline {
text-decoration: underline;
}
/* BACKGROUND COLORS */
.bg_purple--900 {
background-color: #131032;
}
.bg_purple--850 {
background: #1c1647;
}
.bg_purple--800 {
background-color: #2a216b;
}
.bg_purple--700 {
background-color: #4a3bbe;
}
.bg_purple--650 {
background-color: #5544dc;
}
.bg_purple--600 {
background-color: #614efa;
}
.bg_purple--500 {
background-color: #7261fb;
}
.bg_purple--400 {
background-color: #8374fb;
}
.bg_purple--200 {
background-color: #a59afc;
}
.bg_purple--60 {
background-color: #dfdcfe;
}
.bg_purple--40 {
background-color: #f3f0ff;
}
.bg_purple--20 {
background-color: #fdfaff;
}
.bg_orange--700 {
background-color: #9d3d36;
}
.bg_orange--500 {
background-color: #ce4f46;
}
.bg_orange--400 {
background-color: #fe6257;
}
.bg_orange--60 {
background-color: #ffd2cf;
}
.bg_orange--20 {
background-color: #fff6f5;
}
.bg_yellow--80 {
background-color: #ffda71;
}
.bg_yellow--60 {
background-color: #ffe69d;
}
.bg_yellow--20 {
background-color: #fffaed;
}
.bg_merino--60 {
background-color: #f2ece2;
}
.bg_aqua--300 {
background-color: #23d6ba;
}
.bg_aqua--20 {
background-color: #f4fdfb;
}
.bg_green--60 {
background-color: #cbf1e4;
}
.bg_green--500 {
background-color: #00c39a;
}
.bg_gray--600 {
background-color: #576069;
}
.bg_gray--100 {
background-color: #c3c8cd;
}
.bg_gray--60 {
background-color: #e4e7ea;
}
.bg_gray--40 {
background-color: #f2f3f4;
}
.bg_gray--20 {
background-color: #f8f9f9;
}
.bg_gray--10 {
background-color: #f7f7f8;
}
.bg_white {
background-color: #fff;
}
/* TEXT COLORS */
.text--defualt {
color: #131032;
}
.text--secondary {
color: #576069;
}
.text--gray {
color: #75738b;
}
.text--darker_gray {
color: #626076;
}
.text--dark-gray {
color: #525069;
}
.text--light-gray {
color: #a19fad;
}
.text--teritary {
color: #949da6;
}
.text--light-gray {
color: #b0afbb;
}
.text--danger {
color: #eb3a41;
}
.text--success {
color: #00c39a;
}
.text--white {
color: #fff;
}
.text--purple {
color: #614efa;
}
.text--orange {
color: #fe6257;
}
.text--aqua {
color: #23d6ba;
}
.text--yellow {
color: #ffda71;
}
.text--disabled {
color: #c3c8cd;
}
/* BUTTONS */
.btn {
border-radius: 6px;
height: 52px;
transition: all 0.3s ease;
display: inline-block;
}
.btn > a {
display: block;
min-width: 225px;
padding: 0 24px;
line-height: 30px;
font-weight: 700;
font-size: 17px;
line-height: 52px;
text-align: center;
text-decoration: none;
}
.btn > a > span {
font-size: 17px;
line-height: 52px;
font-weight: 700;
}
.btn--block {
display: block;
}
.btn--dark {
background-color: #131032;
}
.btn--dark > a {
color: #fff;
}
.btn--dark:hover {
background-color: #000000;
}
.btn--primary {
background-color: #614efa;
}
.btn--primary:hover {
background-color: #5544dc;
}
.btn--primary:active {
background-color: #4a3bbe;
}
.btn--outline {
background-color: transparent;
border: 2px solid #614efa;
}
.btn.btn--outline {
height: 52px;
line-height: 52px;
}
.btn--outline > a {
color: #614efa;
line-height: 52px;
}
.btn--outline:hover {
border-color: #5544dc;
}
.btn--outline:hover > a {
color: #5544dc;
}
.btn--outline:active {
border-color: #4a3bbe;
}
.btn--outline:active > a {
color: #4a3bbe;
}
.btn--outline > a {
line-height: 48px;
height: 48px;
}
.btn--outline--dark {
background-color: transparent;
border: 2px solid #131032;
}
.btn--outline--dark > a {
color: #131032;
line-height: 48px;
height: 48px;
}
.btn--primary > a,
.btn--secondary > a,
.btn--primary > a > span,
.btn--secondary > a > span {
color: #fff;
}
.btn--sm {
height: 40px !important;
}
.btn--xs {
height: 32px !important;
}
.btn--xs > a {
font-size: 13px !important;
line-height: 24px !important;
height: 32px !important;
padding: 0 20px !important;
}
.btn--sm > a {
font-size: 15px !important;
line-height: 40px !important;
height: 40px;
}
.btn--outline.btn--sm > a {
line-height: 36px !important;
height: 36px !important;
}
.btn--secondary {
background-color: #fe6257;
}
.btn--secondary:hover {
background-color: #ce4f46;
}
.btn--secondary:active {
background-color: #9d3d36;
}
.btn--aqua {
background-color: #23d6ba;
}
.btn--aqua > a {
color: #131032;
}
.btn--disabled {
background-color: #e4e7ea;
pointer-events: none;
}
.btn--disabled > a,
.btn--disabled > a > span {
color: #c3c8cd;
}
.btn--success {
background-color: #23d6ba;
}
.btn--success:hover {
background-color: #20bfa7;
}
.btn--success:active {
background-color: #0b433b;
}
.btn--icon > a {
display: flex;
align-items: center;
justify-content: center;
}
.btn--icon img {
margin-right: 8px;
}
.btn--icon.btn--disabled img {
filter: brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(171%)
hue-rotate(169deg) brightness(97%) contrast(98%);
}
/* LINKS */
.link {
font-size: 17px;
line-height: 30px;
font-weight: 700;
text-decoration: underline;
}
.link--xsm {
font-size: 12px;
line-height: 16px;
}
.link--sm {
line-height: 26px;
font-size: 15px;
}
.link--xs {
line-height: 16px;
font-size: 11px;
}
.link--primary {
color: #614efa;
}
.link--primary:hover {
color: #5544dc;
}
.link--primary:active {
color: #4a3bbe;
}
.link--primary-200 {
color: #a59afc;
}
.link--disabled {
color: #c3c8cd;
}
.link--secondary {
color: #fe6257;
}
.link--secondary:hover {
color: #ce4f46;
}
.link--secondary:active {
color: #9d3d36;
}
.link--success {
color: #23d6ba;
}
.link--success:hover {
color: #00c39a;
}
.link--success:active {
color: #0b433b;
}
.link--white {
color: #ffffff;
}
/* SPACINGS */
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0;
}
.mb_4 {
margin-bottom: 4px;
}
.mb_8 {
margin-bottom: 8px;
}
.mt_8 {
margin-top: 8px;
}
.mt_16 {
margin-top: 16px;
}
.mb_16 {
margin-bottom: 16px;
}
.mt_20 {
margin-top: 20px;
}
.mb_20 {
margin-bottom: 20px;
}
.mt_24 {
margin-top: 24px;
}
.mb_24 {
margin-bottom: 24px;
}
.mt_32 {
margin-top: 32px;
}
.mb_32 {
margin-bottom: 32px;
}
.mt_40 {
margin-top: 40px;
}
.mb_40 {
margin-bottom: 40px;
}
.mt_48 {
margin-top: 48px;
}
.mb_48 {
margin-bottom: 48px;
}
.mt_64 {
margin-top: 64px;
}
.mb_64 {
margin-bottom: 64px;
}
.mt_136 {
margin-top: 136px !important;
}
.mb_136 {
margin-bottom: 136px !important;
}
.mx_auto {
margin-left: auto;
margin-right: auto;
}
.py_136 {
padding-top: 136px;
padding-bottom: 136px;
}
.pt_136 {
padding-top: 136px;
}
.pb_136 {
padding-bottom: 136px;
}
.py_120 {
padding-top: 120px;
padding-bottom: 120px;
}
.pt_120 {
padding-top: 120px;
}
.pb_120 {
padding-bottom: 120px;
}
.py_100 {
padding-top: 100px;
padding-bottom: 100px;
}
.pt_100 {
padding-top: 100px;
}
.pb_100 {
padding-bottom: 100px;
}
.py_80 {
padding-top: 80px;
padding-bottom: 80px;
}
.pt_80 {
padding-top: 80px;
}
.pb_80 {
padding-bottom: 80px;
}
.p_80 {
padding: 80px;
}
.p_64 {
padding: 64px;
}
.p_16 {
padding: 16px;
}
.px_64 {
padding-left: 64px;
padding-right: 64px;
}
.py_64 {
padding-top: 64px;
padding-bottom: 64px;
}
.p_60 {
padding: 60px;
}
.px_60 {
padding-left: 60px;
padding-right: 60px;
}
.py_60 {
padding-top: 60px;
padding-bottom: 60px;
}
.p_40 {
padding: 40px;
}
.px_40 {
padding-left: 40px;
padding-right: 40px;
}
.py_40 {
padding-top: 40px;
padding-bottom: 40px;
}
.px_48 {
padding-left: 48px;
padding-right: 48px;
}
.py_48 {
padding-top: 48px;
padding-bottom: 48px;
}
.p_48 {
padding: 48px;
}
.p_32 {
padding: 32px;
}
.px_32 {
padding-left: 32px;
padding-right: 32px;
}
.py_32 {
padding-top: 32px;
padding-bottom: 32px;
}
.pt_30 {
padding-top: 30px;
}
.p_24 {
padding: 24px;
}
.px_24 {
padding-left: 24px;
padding-right: 24px;
}
.py_24 {
padding-top: 24px;
padding-bottom: 24px;
}
.px_20 {
padding-left: 20px;
padding-right: 20px;
}
.py_20 {
padding-top: 20px;
padding-bottom: 20px;
}
.py_16 {
padding-top: 16px;
padding-bottom: 16px;
}
.pt_16 {
padding-top: 16px;
}
.pb_16 {
padding-bottom: 16px;
}
.px_16 {
padding-left: 16px;
padding-right: 16px;
}
.py_8 {
padding-top: 8px;
padding-bottom: 8px;
}
.pt_8 {
padding-top: 8px;
}
.pb_8 {
padding-bottom: 8px;
}
.px_8 {
padding-left: 8px;
padding-right: 8px;
}
/* TYPOGRAPHY */
.text--bold {
font-weight: 700;
}
.text--semi-bold {
font-weight: 600;
}
.text--medium {
font-weight: 500;
}
.text--normal {
font-weight: 400;
}
h1,
.heading--xlg {
font-size: 52px;
line-height: 66px;
font-weight: 700;
}
h2,
.heading--lg {
font-size: 42px;
line-height: 64px;
font-weight: 700;
}
h3,
.heading--md {
font-size: 36px;
line-height: 60px;
font-weight: 700;
}
h4,
.heading--sm {
font-size: 30px;
line-height: 48px;
font-weight: 700;
}
h5,
.heading--xs {
font-size: 26px;
line-height: 42px;
font-weight: 700;
}
h6,
.heading--xxs {
font-size: 24px;
line-height: 40px;
font-weight: 700;
}
.subtitle {
font-size: 21px;
line-height: 36px;
font-weight: 700;
}
.subtitle--md {
font-size: 17px;
line-height: 30px;
font-weight: 700;
}
.text_body--lg {
font-size: 20px;
line-height: 36px;
}
.text_body--md {
font-size: 16px;
line-height: 28px;
}
.text_body--sm {
font-size: 15px;
line-height: 28px;
}
.text_body--xs {
font-size: 13px;
line-height: 24px;
}
.text_body--xxs {
font-size: 11px;
line-height: 20px;
}
/* RESPONSIVES */
.hidden_lg {
display: none;
}
.visible_sm {
display: none;
}
.visible_md {
display: none;
}
.visible_lg.visible_md {
display: block !important;
}
@media screen and (max-width: 1260px) {
.container:not(.full) {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (max-width: 1024px) {
.container:not(.full) {
padding-left: 20px;
padding-right: 20px;
}
/* TYPOGRAPHY */
h1,
.heading--xlg {
font-size: 42px;
line-height: 64px;
}
h2,
.heading--lg {
font-size: 36px;
line-height: 60px;
}
h3,
.heading--md {
font-size: 30px;
line-height: 48px;
}
h4,
.heading--sm {
font-size: 26px;
line-height: 42px;
}
h5,
.heading--xs {
font-size: 24px;
line-height: 40px;
}
h6,
.heading--xxs {
font-size: 21px;
line-height: 36px;
}
.subtitle {
font-size: 17px;
line-height: 30px;
}
.subtitle--md {
font-size: 15px;
line-height: 26px;
}
/* SPACINGS */
.py_136 {
padding-top: 100px;
padding-bottom: 100px;
}
.pt_136 {
padding-top: 100px;
}
.pb_136 {
padding-bottom: 100px;
}
.py_120 {
padding-top: 80px;
padding-bottom: 80px;
}
.pt_120 {
padding-top: 80px;
}
.pb_120 {
padding-bottom: 80px;
}
.py_100 {
padding-top: 100px;
padding-bottom: 100px;
}
.pt_100 {
padding-top: 100px;
}
.pb_100 {
padding-bottom: 100px;
}
.py_80 {
padding-top: 64px;
padding-bottom: 64px;
}
.p_80 {
padding: 64px;
}
.pt_80 {
padding-top: 64px;
}
.pb_80 {
padding-bottom: 64px;
}
.p_64 {
padding: 48px;
}
.px_64 {
padding-left: 48px;
padding-right: 48px;
}
.py_64 {
padding-top: 48px;
padding-bottom: 48px;
}
.p_40 {
padding: 32px;
}
.px_40 {
padding-left: 32px;
padding-right: 32px;
}
.py_40 {
padding-top: 32px;
padding-bottom: 32px;
}
.px_48 {
padding-left: 40px;
padding-right: 40px;
}
.py_48 {
padding-top: 40px;
padding-bottom: 40px;
}
.p_48 {
padding: 40px;
}
.p_24 {
padding: 20px;
}
.px_24 {
padding-left: 20px;
padding-right: 20px;
}
.py_24 {
padding-top: 20px;
padding-bottom: 20px;
}
.p_32 {
padding: 24px;
}
.px_32 {
padding-left: 24px;
padding-right: 24px;
}
.py_32 {
padding-top: 24px;
padding-bottom: 24px;
}
.mt_136 {
margin-top: 100px !important;
}
.mb_136 {
margin-bottom: 100px !important;
}
.mt_64 {
margin-top: 48px;
}
.mb_64 {
margin-bottom: 48px;
}
.mt_32 {
margin-top: 24px;
}
.mb_32 {
margin-bottom: 24px;
}
.mt_40 {
margin-top: 32px;
}
.mb_40 {
margin-bottom: 32px;
}
.mt_20 {
margin-top: 16px;
}
.mb_20 {
margin-bottom: 16px;
}
.mt_24 {
margin-top: 20px;
}
.mb_24 {
margin-bottom: 20px;
}
.mt_48 {
margin-top: 40px;
}
.mb_48 {
margin-bottom: 40px;
}
/* RESPONSIVES */
.hidden_md {
display: none;
}
.hidden_lg {
display: block;
}
.visible_md,
.visible_md.visible_lg {
display: block;
}
.visible_lg {
display: none;
}
}
@media screen and (max-width: 769px) {
/* TYPOGRAPHY */
.link {
font-size: 15px;
line-height: 26px;
}
h1,
.heading--xlg {
font-size: 32px;
line-height: 44px;
}
h2,
.heading--lg {
font-size: 30px;
line-height: 48px;
}
h3,
.heading--md {
font-size: 26px;
line-height: 42px;
}
h4,
.heading--sm {
font-size: 24px;
line-height: 40px;
}
h5,
.heading--xs {
font-size: 21px;
line-height: 36px;
}
h6,
.heading--xxs {
font-size: 17px;
line-height: 30px;
}
.subtitle {
font-size: 15px;
line-height: 26px;
}
.subtitle--md {
font-size: 14px;
line-height: 24px;
}
.text_body--lg {
font-size: 16px;
line-height: 28px;
}
.text_body--md {
font-size: 15px;
line-height: 28px;
}
.text_body--sm {
font-size: 13px;
line-height: 24px;
}
.text_body--xs {
font-size: 11px;
line-height: 20px;
}
.text_sm--lg {
font-size: 17px;
line-height: 27px;
}
/* SPACINGS */
.py_136 {
padding-top: 80px;
padding-bottom: 80px;
}
.pt_136 {
padding-top: 80px;
}
.pb_136 {
padding-bottom: 80px;
}
.py_120 {
padding-top: 64px;
padding-bottom: 64px;
}
.pt_120 {
padding-top: 64px;
}
.pb_120 {
padding-bottom: 64px;
}
.py_100 {
padding-top: 64px;
padding-bottom: 64px;
}
.pt_100 {
padding-top: 64px;
}
.pb_100 {
padding-bottom: 64px;
}
.p_64 {
padding: 48px;
}
.px_64 {
padding-left: 48px;
padding-right: 48px;
}
.py_64 {
padding-top: 48px;
padding-bottom: 48px;
}
.p_40 {
padding: 32px;
}
.px_40 {
padding-left: 32px;
padding-right: 32px;
}
.py_40 {
padding-top: 32px;
padding-bottom: 32px;
}
.px_sm_20 {
padding-left: 20px;
padding-right: 20px;
}
.py_sm_20 {
padding-top: 20px;
padding-bottom: 20px;
}
.mt_32 {
margin-top: 24px;
}
.mb_32 {
margin-bottom: 24px;
}
.mt_40 {
margin-top: 32px;
}
.mb_40 {
margin-bottom: 32px;
}
.mt_20 {
margin-top: 16px;
}
.mb_20 {
margin-bottom: 16px;
}
.mt_24 {
margin-top: 20px;
}
.mb_24 {
margin-bottom: 20px;
}
.mt_136 {
margin-top: 80px !important;
}
.mb_136 {
margin-bottom: 80px !important;
}
/* RESPONSIVES */
.hidden_sm {
display: none !important;
}
.visible_sm {
display: block;
}
.btn {
width: 100%;
max-width: 335px;
}
}
/*FILESTART /home/wplive/web/wp-live/wp-content/themes/krisp-v4/css/shared.css */
@keyframes ripple {
0% {
box-shadow: 0 0 0 0 rgba(255, 84, 46, 0.3), 0 0 0 0px rgba(255, 84, 46, 0.3),
0 0 0 7px rgba(255, 84, 46, 0.3);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 84, 46, 0.3), 0 0 0 7px rgba(255, 84, 46, 0.3),
0 0 0 17px rgba(255, 84, 46, 0);
}
}
a {
text-decoration: none;
}
html,
body {
margin: 0;
box-sizing: border-box;
overflow-x: hidden !important;
width: 100%;
}
body {
padding-top: 96px;
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.container.full {
max-width: 100% !important;
}
html.freeze,
body.freezea {
overflow: hidden;
}
.modal {
width: 100%;
min-height: 100vh;
max-height: 100vh;
overflow-y: scroll;
position: fixed;
left: 0;
top: -1080px;
z-index: 999;
background-color: rgba(59, 61, 80, 0.5);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.modal.show {
opacity: 1;
visibility: visible;
top: 0;
}
iframe {
border-radius: 10px;
max-width: 100%;
}
iframe {
border-radius: 10px;
max-width: 100%;
}
#mob_menu {
position: fixed;
top: 96px;
right: -768px;
width: 100%;
height: calc(100vh - 96px);
overflow: scroll;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
background-color: #fff;
padding-bottom: 200px;
-webkit-overflow-scrolling: touch;
}
#mob_menu.show_menu {
opacity: 1;
visibility: visible;
right: 0;
}
#mob_menu ul {
list-style: none;
margin: 0;
padding: 0 20px;
width: 100%;
}
#mob_menu ul li {
border-bottom: 1px solid #e0e9f1;
padding: 24px 0;
}
#mob_menu ul .mob_sub_menu {
position: fixed;
right: -500px;
height: calc(100vh - 96px);
overflow: scroll;
width: 100%;
opacity: 0;
visibility: hidden;
transition: right 0.3s ease;
background-color: #fff;
bottom: 0;
z-index: 9999;
padding: 0 20px 0 20px;
}
#mob_menu ul .mob_sub_menu.open {
right: 0;
visibility: visible;
opacity: 1;
transition: right 0.2s ease;
padding-bottom: 100px;
}
#mob_menu ul .mob_sub_menu.open .sub_menu_title {
padding-bottom: 16px;
margin-bottom: 24px;
border-bottom: 1px solid #b0afbb;
}
#mob_menu ul .mob_sub_menu ul {
padding: 0 !important;
}
#mob_menu ul li .mob_sub_menu li {
padding: 0 !important;
border: 0;
margin-bottom: 24px;
}
#mob_menu ul li .mob_sub_menu li:last-child {
padding-bottom: 0;
border-bottom: unset;
}
#mob_menu ul li .mob_sub_menu li:first-child {
padding-top: 0;
}
#mob_menu ul li.has_sub_mob_menu {
position: relative;
}
#mob_menu ul li.has_sub_mob_menu > a:after {
content: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_arrow_down.svg');
width: 14px;
height: 14px;
position: absolute;
right: 0;
transform: rotate(-90deg);
display: flex;
align-items: center;
}
#mob_menu ul li.has_sub_mob_menu.open > a:after {
transform: rotate(180deg);
top: 0;
}
#mob_menu ul li .mob_sub_menu li img {
filter: none;
}
#mob_menu > ul > li > a {
display: flex;
align-items: center;
position: relative;
}
#mob_menu ul li:last-child {
border-bottom: 0;
}
#mob_menu ul li img {
width: 24px;
height: 24px;
vertical-align: middle;
margin-right: 8px;
margin-top: -3px;
filter: brightness(0) saturate(100%) invert(24%) sepia(9%) saturate(1175%)
hue-rotate(189deg) brightness(94%) contrast(91%);
}
#mob_menu .mob_sub_menu {
padding: 0 0 100px 0;
}
#mob_menu .mob_sub_menu .back_button {
display: flex;
align-items: center;
}
#mob_menu .back_button:before {
content: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_arrow_down.svg');
width: 14px;
height: 14px;
margin-right: 8px;
transform: rotate(90deg);
display: inline-block;
}
.mob_sub_menu ul li a span {
display: block;
}
.header_menu_outer {
display: flex;
align-items: center;
justify-content: space-between;
height: 96px;
}
header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
header.fixed #main_menu_outer {
background-color: #fff !important;
box-shadow: 0px 4px 26px rgba(172, 197, 207, 0.26);
}
#main_menu_outer.no_shadow {
box-shadow: unset !important;
}
#main_menu_outer {
height: 96px;
background-color: #fff;
transition: 0.3s ease;
display: flex;
align-items: center;
position: relative;
}
#main_menu {
margin-right: auto;
margin-left: 32px;
}
#main_menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#main_menu > ul > li {
display: inline-block;
margin-right: 16px;
}
.lottie-wrapper > svg {
transform: unset !important;
}
#main_menu .sub_menu,
#b2bNav .sub_menu {
background-color: #fff;
width: 100%;
height: auto;
padding: 40px 0;
box-shadow: 0px 6px 20px 0px rgba(19, 16, 50, 0.08);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-height: 0;
transition: max-height 0.5s ease-in;
}
#main_menu .sub_menu_wrapper,
#b2bNav .sub_menu_wrapper {
height: 100vh;
background: rgba(19, 16, 50, 0.4);
position: absolute;
top: 90px;
max-height: 0;
opacity: 0;
left: 0;
width: 100%;
visibility: hidden;
transition: opacity 0.3s ease;
}
#b2bNav .sub_menu_wrapper {
top: 142px !important;
}
#main_menu .sub_menu_wrapper.show,
#b2bNav .sub_menu_wrapper.show {
opacity: 1;
visibility: visible;
max-height: 100vh;
transition: opacity 0.3s ease-out;
}
#main_menu .sub_menu_wrapper.show .sub_menu,
#b2bNav .sub_menu_wrapper.show .sub_menu {
max-height: calc(100vh - 90px);
overflow-y: auto;
transition: max-height 0.3s ease-out;
padding-bottom: 30px;
}
#main_menu ul li.has_sub_menu .sub_menu ul {
flex-direction: row;
display: flex;
flex-wrap: wrap;
}
#main_menu ul li.has_sub_menu .sub_menu .sub_menu_flex ul {
display: flex;
flex-direction: column;
}
#main_menu ul li.has_sub_menu .sub_menu ul li {
display: block;
width: 100%;
border-radius: 6px;
margin: 0;
position: relative;
z-index: 38;
background-color: #fff;
flex: 0 0 25%;
}
#main_menu ul li.has_sub_menu .sub_menu ul li a span {
display: flex;
align-items: center;
}
#main_menu ul li.has_sub_menu .sub_menu ul li a img {
margin-right: 8px;
}
#main_menu ul li.has_sub_menu .sub_menu ul li span {
max-width: 266px;
display: block;
}
#main_menu ul li.has_sub_menu .sub_menu ul li:hover a span:first-child {
color: #4a3bbe !important;
}
#main_menu ul li.has_sub_menu .sub_menu ul li:hover a span:last-child {
color: #576069 !important;
}
#main_menu ul li.has_sub_menu .sub_menu ul li:hover a img {
filter: brightness(0) saturate(100%) invert(20%) sepia(37%) saturate(5338%)
hue-rotate(240deg) brightness(92%) contrast(91%);
}
#main_menu
ul
li.has_sub_menu
.sub_menu
ul
li.menu_active_link
a
span:first-child {
color: #614efa !important;
}
#main_menu ul li.menu_active_link a {
color: #614efa;
}
#main_menu ul li.has_sub_menu .sub_menu ul li.menu_active_link a img {
filter: brightness(0) saturate(100%) invert(29%) sepia(99%) saturate(3761%)
hue-rotate(240deg) brightness(102%) contrast(96%) !important;
}
#main_menu
ul
li.has_sub_menu
.sub_menu
ul
li.menu_active_link
a
span:last-child {
color: #576069 !important;
}
#main_menu ul li.has_sub_menu .sub_menu ul li a:after {
content: unset;
}
#main_menu ul li a {
position: relative;
}
#main_menu ul li.has_sub_menu a,
#main_menu ul li.has_sub_menu_hover a:not(.menu_download_link) {
padding-right: 20px;
}
#main_menu ul > li.has_sub_menu > a:after,
#main_menu ul > li.has_sub_menu_hover > a:after {
content: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_arrow_down.svg');
width: 14px;
height: 14px !important;
line-height: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: table;
}
#main_menu > ul > li > a:before {
content: '';
width: 0;
height: 2px;
background-color: #614efa;
display: block;
position: absolute;
bottom: -32px;
left: 50%;
transform: translateX(-50%);
transition: all 0.3s ease;
}
#main_menu ul li:last-child {
margin-right: 0;
}
#main_menu ul li:hover a:not(.sub_menu ul li a) {
color: #614efa !important;
}
#main_menu ul li:hover a:after {
filter: brightness(0) saturate(100%) invert(29%) sepia(99%) saturate(3761%)
hue-rotate(240deg) brightness(102%) contrast(96%);
}
#main_menu ul li a.menu_active_link,
#main_menu ul li .sub_menu ul li a.menu_active_link {
color: #614efa;
}
#main_menu ul li .sub_menu ul li a.menu_active_link img {
filter: brightness(0) saturate(100%) invert(78%) sepia(27%) saturate(6652%)
hue-rotate(318deg) brightness(100%) contrast(101%);
}
#main_menu ul li.sub_menu_open > a {
color: #614efa !important;
}
#main_menu ul li.sub_menu_open > a:before {
width: 100%;
}
#main_menu ul li.sub_menu_open > a:after {
transform: rotate(-180deg) translateY(50%) !important;
filter: brightness(0) saturate(100%) invert(29%) sepia(99%) saturate(3761%)
hue-rotate(240deg) brightness(102%) contrast(96%);
}
#menu_actions {
display: flex;
align-items: center;
}
#menu_actions > .btn {
height: 48px;
font-size: 17px;
border-radius: 10px;
}
#menu_actions .btn:last-child {
margin-right: 0 !important;
}
#menu_actions > .btn a {
min-width: 150px !important;
padding: 0 24px !important;
height: 48px !important;
line-height: 48px !important;
}
#menu_actions > .btn.btn--primary {
margin-right: 16px;
}
#menu_actions > a {
font-weight: bold;
transition: all 0.3s ease;
}
#menu_actions > a:hover {
color: #fe6257;
}
#menu_actions #get_demo {
display: inline-flex;
}
#menu_actions #get_demo:after {
content: '';
width: 1px;
border-left: 1px solid #bdc1d6;
height: 24px;
margin-left: 16px;
margin-right: 16px;
}
#menu_actions .sign_in_link {
margin-right: 16px;
}
#main_menu ul li.has_sub_menu_hover,
.cta_primary {
position: relative;
}
#main_menu ul li.has_sub_menu_hover .sub_menu_hover > ul,
.cta_primary .sub_menu_hover > ul,
.btn .sub_menu_hover > ul {
position: absolute;
list-style: none;
left: 50%;
transform: translateX(-50%);
top: 30px;
background-color: #fff;
filter: drop-shadow(0px 6px 25px rgba(173, 187, 201, 0.16));
border-radius: 10px;
padding: 6px;
min-width: 227px;
display: table;
z-index: 20;
}
#main_menu ul li.has_sub_menu_hover .sub_menu_hover,
.cta_primary .sub_menu_hover,
.cta_has_sub .sub_menu_hover {
position: absolute;
top: 10px;
max-height: 0;
left: 50%;
opacity: 0;
visibility: hidden;
padding: 30px 0 0;
transition: all 0.3s ease-in-out;
transform: translateX(-50%);
z-index: 88;
}
#main_menu ul li.has_sub_menu_hover:hover .sub_menu_hover,
.cta_primary:hover .sub_menu_hover,
.cta_has_sub:hover .sub_menu_hover {
opacity: 1;
visibility: visible;
max-height: 500px;
}
.cta_has_sub {
position: relative;
}
#main_menu ul li.has_sub_menu_hover .sub_menu_hover ul:before {
content: '';
width: 17px;
height: 17px;
background-color: #fff;
border-radius: 2px;
transform: rotate(45deg);
position: absolute;
right: 60px;
top: -7px;
/* filter: drop-shadow(0 8px 16px rgba(34, 48, 120, 0.15)); */
z-index: 10;
}
#main_menu .sub_menu_flex {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 32px;
}
#main_menu .sub_menu_flex .sub_menu_inner.use_cases {
width: 100%;
height: 100%;
}
#main_menu .sub_menu_flex .sub_menu_inner:not(.use_cases) ul {
display: flex;
flex-wrap: wrap;
}
#main_menu .sub_menu_flex .sub_menu_inner.use_cases ul {
display: flex !important;
gap: 16px;
}
#main_menu .sub_menu_flex .sub_menu_inner ul li {
width: 100%;
flex: 0 0 calc(25% - 16px) !important;
}
#main_menu .sub_menu_flex .sub_menu_inner ul li span {
width: 100%;
max-width: unset !important;
}
#main_menu .sub_menu_flex .sub_menu_title {
padding-bottom: 8px;
padding: 8px 16px;
font-size: 20px;
line-height: 36px;
font-weight: 400;
color: #fff;
border-radius: 10px;
display: flex;
align-items: center;
gap: 8px;
}
#main_menu .sub_menu_flex .for_individuals .sub_menu_title {
background-color: #614efa;
}
#main_menu .sub_menu_flex .for_enterprise .sub_menu_title {
background-color: #1c1647;
}
#main_menu .sub_menu_flex .for_developers .sub_menu_title {
background-color: #fe6257;
}
#main_menu .sub_menu_flex .sub_menu_inner {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#main_menu .sub_menu_flex .for_individuals {
background-color: #fdfaff;
}
#main_menu .sub_menu_flex .for_enterprise {
background-color: #fdfaff;
}
#main_menu .sub_menu_flex .for_developers {
background-color: #fff6f5;
}
#main_menu .sub_menu_flex .for_individuals li,
#main_menu .sub_menu_flex .for_enterprise li,
#main_menu .sub_menu_flex .for_developers li {
background-color: transparent !important;
}
#main_menu .sub_menu_flex .sub_menu_inner ul {
padding: 16px;
display: block;
}
#main_menu .sub_menu_flex .sub_menu_inner ul li {
margin-bottom: 24px;
}
#main_menu .sub_menu_flex .sub_menu_inner ul li:last-child {
margin-bottom: 0;
}
#main_menu .sub_menu_flex .sub_menu_inner ul li a {
padding-right: 0 !important;
}
#main_menu ul li.has_sub_menu_hover .sub_menu_hover ul li,
.cta_primary .sub_menu_hover ul li,
.cta_has_sub .sub_menu_hover ul li {
padding: 6px 8px;
background-color: #fff;
border-radius: 10px;
transition: all 0.3s ease;
position: relative;
z-index: 30;
}
#main_menu ul li.has_sub_menu_hover .sub_menu_hover ul li a,
.cta_primary .sub_menu_hover ul li a,
.cta_has_sub .sub_menu_hover ul li a {
display: flex;
align-items: center;
}
#main_menu ul li.has_sub_menu_hover .sub_menu_hover ul li a img,
.cta_primary .sub_menu_hover ul li a img,
.cta_has_sub .sub_menu_hover ul li a img {
margin-right: 8px;
}
#main_menu ul li.has_sub_menu_hover .sub_menu_hover ul li:hover,
.cta_primary .sub_menu_hover ul li:hover,
.cta_has_sub .sub_menu_hover ul li:hover {
background-color: #f2f3f4;
}
#main_menu ul li.has_sub_menu_hover .sub_menu_hover ul li:hover a span,
.cta_primary .sub_menu_hover ul li:hover a span,
.cta_has_sub .sub_menu_hover ul li:hover a span {
color: #131032;
}
#main_menu ul li.has_sub_menu_hover .sub_menu_hover ul li:hover a img,
.cta_primary .sub_menu_hover ul li:hover a img,
.cta_has_sub .sub_menu_hover ul li:hover a img {
filter: brightness(0) saturate(100%) invert(6%) sepia(27%) saturate(4471%)
hue-rotate(230deg) brightness(99%) contrast(100%);
}
.cta_has_sub .sub_menu_hover ul li a img {
filter: brightness(0) saturate(100%) invert(6%) sepia(27%) saturate(4471%)
hue-rotate(230deg) brightness(99%) contrast(100%) !important;
}
#burger {
width: 30px;
height: 20px;
padding: 0 2px;
display: none;
margin-left: 24px;
}
#burger span {
width: 100%;
display: block;
height: 3px;
border-radius: 10px;
background-color: #3b3d50;
margin-bottom: 4px;
transition: all 0.3s ease;
}
#burger span:last-child {
margin-bottom: 0;
}
#burger.open span:nth-child(1) {
-webkit-transform: rotateZ(-45deg) translateX(-6px) translateY(6px);
-moz-transform: rotateZ(-45deg) translateX(-6px) translateY(6px);
-ms-transform: rotateZ(-45deg) translateX(-6px) translateY(6px);
-o-transform: rotateZ(-45deg) translateX(-6px) translateY(6px);
transform: rotateZ(-45deg) translateX(-6px) translateY(6px);
}
#burger.open span:nth-child(2) {
opacity: 0;
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
#burger.open span:nth-child(3) {
-webkit-transform: rotateZ(45deg) translateX(-3px) translateY(-4px);
-moz-transform: rotateZ(45deg) translateX(-3px) translateY(-4px);
-ms-transform: rotateZ(45deg) translateX(-3px) translateY(-4px);
-o-transform: rotateZ(45deg) translateX(-3px) translateY(-4px);
transform: rotateZ(45deg) translateX(-3px) translateY(-4px);
}
#mob_menu .mob_menu_actions {
display: block;
position: fixed;
width: 100%;
bottom: 0;
padding-bottom: 30px;
right: 50%;
transform: translateX(50%);
background: #fff;
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
right: -768px;
}
footer {
padding: 80px 0 42px 0;
}
footer ul {
list-style: none;
margin: 0;
padding: 0;
}
footer strong {
display: block;
}
footer ul li {
margin-bottom: 4px;
}
footer ul li a .icon_wrapper {
display: inline-flex;
align-items: center;
margin-right: 4px;
}
footer ul li a .icon_wrapper img {
width: 18px;
height: 18px;
}
footer ul li a {
display: flex;
align-items: center;
}
footer .footer_menu_outer {
display: flex;
justify-content: space-between;
}
footer .footer_info {
margin-top: 56px;
border-top: 1px solid #e0e9f1;
display: flex;
justify-content: space-between;
padding-top: 32px;
align-items: center;
}
footer .footer_info .footer_actions {
display: flex;
align-items: center;
margin-left: auto;
}
footer .footer_info .footer_actions .btn:first-child {
margin-right: 16px;
}
.hero_flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.intro_content {
max-width: 450px;
width: 100%;
display: inline-block;
}
.intro_btn_set {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.intro_btn_set > div:first-child {
margin-right: 32px;
}
.watch_video {
cursor: pointer;
display: inline-flex;
align-items: center;
margin-left: 24px;
}
.watch_video:hover {
color: #ce4f46;
}
.watch_video:hover span {
background-color: #ce4f46;
}
.watch_video span {
width: 24px;
height: 24px;
animation: ripple 1.2s linear infinite;
border-radius: 50%;
margin: 0 12px;
display: inline-block;
background-color: #fe6257;
display: flex;
align-items: center;
justify-content: center;
}
.intro_info span {
display: block;
}
.intro_info span img {
margin-right: 9px;
}
.btn_set_visible_md {
display: none;
}
.awards_items {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0 auto;
}
.awards_item {
padding: 20px;
height: 184px;
width: 283px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 76px;
flex-basis: 283px;
box-shadow: 0px 20px 40px 0px rgba(97, 78, 250, 0.1);
border-radius: 14px;
}
.reviews .review_outer {
width: 100%;
max-width: 996px;
margin: 0 auto;
border-radius: 20px;
display: flex;
align-items: center;
position: relative;
justify-content: center;
}
.reviews .review_outer .review_img {
width: 240px;
height: 240px;
border-radius: 50%;
border: 18px solid #dfdcfe;
display: flex;
align-items: center;
justify-content: center;
}
.reviews .review_outer .review_img img {
border-radius: 50%;
}
.reviews .reviews_carousel {
position: relative;
max-width: 996px;
margin: 0 auto;
}
.reviews .reviews_carousel .owl-nav {
position: absolute;
width: 1200px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: space-between;
}
.reviews .reviews_carousel .owl-nav button:hover img {
filter: brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(666%)
hue-rotate(169deg) brightness(91%) contrast(85%);
}
.reviews .review_content {
max-width: 654px;
margin-left: 32px;
}
.reviews .review_link_outer {
display: flex;
align-items: center;
justify-content: space-between;
}
.reviews .review_link_outer img {
max-width: 91px;
}
.reviews .review_info {
max-width: 177px;
}
.review_info_sm {
display: none;
}
.reviews .owl-carousel .owl-item img {
width: auto !important;
}
.reviews .review_content a {
display: inline-block;
}
.reviews .review_content .g2_logo {
position: absolute;
right: 60px;
bottom: 40px;
margin-bottom: 0;
max-width: 91px;
}
.reviews .review_content .g2_logo img {
margin-bottom: 0;
}
.owl-carousel.trusted_carousel {
display: flex !important;
align-items: center;
justify-content: center;
}
.owl-carousel.trusted_carousel .owl-stage {
transition-timing-function: linear !important;
}
.owl-carousel.trusted_carousel .owl-item {
margin-right: auto !important;
}
.owl-carousel.trusted_carousel.second_row .owl-item {
margin-left: auto !important;
margin-right: 0 !important;
}
.owl-carousel.trusted_carousel.second_row {
margin-top: 30px;
}
.owl-carousel.trusted_carousel .owl-item img {
display: unset !important;
width: auto !important;
}
.owl-carousel.trusted_carousel .item {
text-align: center;
}
.input_wrapper {
border: 1px solid #c3c8cd;
border-radius: 10px;
height: 50px;
padding-left: 24px;
padding-right: 10px;
position: relative;
width: 100%;
z-index: 22;
}
.input_wrapper.error {
border-color: #eb3a41 !important;
}
.input_wrapper select {
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_arrow_down.svg') no-repeat right center;
background-size: 14px;
appearance: none;
-webkit-appearance: none;
padding-right: 20px;
}
.input_wrapper input,
.input_wrapper select,
.input_wrapper textarea {
border: none;
outline: none;
width: 100%;
height: 99%;
font-weight: 500;
font-size: 16px;
line-height: 26px;
color: #131032;
position: relative;
z-index: 10;
border-radius: 10px;
resize: none;
}
input[type='submit'] {
outline: none;
border: none;
box-shadow: none;
width: 100%;
margin: 0 auto 14px auto;
display: block;
color: #fff;
font-weight: 700;
font-size: 17px;
line-height: 30px;
-webkit-appearance: none;
appearance: none;
border-radius: 6px;
}
input[type='submit']:disabled {
color: #c3c8cd !important;
background-color: #e4e7ea !important;
}
.input_wrapper.textarea_wrapper.focused {
height: 100px;
}
.input_wrapper textarea {
padding-top: 10px;
}
.input_wrapper .placeholder {
color: #c3c8cd;
font-weight: 600;
font-size: 15px;
background-color: #fff;
position: absolute;
top: 50%;
left: 24px;
transform: translateY(-50%);
transition: all 0.3s ease;
z-index: 99;
margin: 0;
display: unset;
}
.input_wrapper.focused {
border: 2px solid #614efa;
overflow: visible;
}
.input_wrapper.has_error .placeholder {
top: 0;
left: 10px;
padding: 0 10px;
background-color: #fff;
font-size: 12px;
font-weight: 500;
}
.input_wrapper.focused .placeholder {
top: 0;
left: 10px;
padding: 0 10px;
background-color: #fff;
font-size: 12px;
font-weight: 500;
width: unset;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
#g2-reviews .review_scores {
display: flex;
justify-content: space-between;
max-width: 996px;
}
#g2-reviews .scores .score {
width: 160px;
}
#g2-reviews .scores .score .score_number {
width: 125px;
height: 125px;
display: flex;
align-items: center;
justify-content: center;
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/img_circle_chart.svg') no-repeat center center;
background-size: 125px 125px;
}
#g2-reviews .scores {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 480px;
}
#g2-reviews .reviews {
border-radius: 20px;
}
.reviews_outer {
max-width: 996px;
}
.text_accent {
max-width: 100%;
height: unset;
}
.new_features img {
display: inline !important;
margin-right: 8px;
}
.new_feature_badge {
border-radius: 6px;
color: #fff;
padding: 0 14px;
display: inline-block;
}
.feature_content_inner .new_feature_badge {
margin-left: auto;
right: 30px;
top: 30px;
position: absolute;
}
#features_new .features_holder .features_nav ul {
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
padding: 0;
border-bottom: 1px solid #c3c8cd;
}
#features_new .features_holder .features_nav ul li {
display: inline-block;
text-align: center;
flex-grow: 1;
}
#features_new .features_holder .features_nav ul li a {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 10px;
position: relative;
transition: all 0.5s ease;
}
#features_new .features_holder .features_nav ul li a:after {
content: '';
width: 0;
opacity: 0;
height: 2px;
background-color: #614efa;
position: absolute;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
transition: all 0.5s ease;
}
#features_new .features_holder .features_nav ul li a.active {
color: #614efa;
}
#features_new .features_holder .features_nav ul li a.active:after {
width: 100%;
opacity: 1;
}
#features_new .features_holder .features_nav ul li a img {
margin-right: 10px;
filter: brightness(0) saturate(100%) invert(63%) sepia(17%) saturate(174%)
hue-rotate(169deg) brightness(96%) contrast(91%);
transition: all 0.5s ease;
}
#features_new .features_holder .features_nav ul li a.active img {
filter: brightness(0) saturate(100%) invert(26%) sepia(40%) saturate(4291%)
hue-rotate(237deg) brightness(105%) contrast(96%);
}
#features_new .feature_content {
opacity: 0;
visibility: hidden;
height: 0;
}
#features_new .feature_content.active {
height: auto;
visibility: visible;
opacity: 1;
}
#features_new .features_content {
padding-top: 33px;
}
#features_new .features_content .content ul {
list-style: none;
padding: 0;
margin-left: 0;
}
#features_new .features_content .content ul li {
display: flex;
align-items: flex-start;
margin-bottom: 6px;
}
#features_new .features_content .content ul li img {
margin-right: 8px;
margin-top: 6px;
}
#features_new .feature_content_inner {
display: flex;
justify-content: space-between;
min-height: 390px;
}
#features_new .features_content .content {
max-width: 400px;
}
#features_new .features_content .contentx.long_content {
max-width: 572px;
}
#features_new .features_content .demo {
width: 609px;
max-width: 100%;
text-align: center;
}
.use_cases_nav {
margin-right: 48px;
width: 23%;
}
.use_cases_nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.use_cases_outer {
display: flex;
}
.use_cases_outer ul li a {
padding: 18px 16px;
display: block;
width: 100%;
border-radius: 6px;
transition: all 0.2s ease;
background-image: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_arrow_right_white.svg');
background-repeat: no-repeat;
background-position: center right 16px;
background-size: 16px 16px;
position: relative;
overflow: hidden;
}
.use_cases_outer ul li.active a:hover {
background-color: #614efa;
background-image: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_arrow_right_white.svg');
background-repeat: no-repeat;
background-position: center right 16px;
background-size: 16px 16px;
}
.use_cases_outer ul li a:hover {
background-color: #f2f3f4;
background-image: unset;
}
.use_cases_outer ul li.active a {
background-color: #614efa;
box-shadow: 0px 13px 21px 0px rgba(97, 78, 250, 0.2);
color: #fff;
}
.use_cases_outer ul li a .loader {
content: '';
background-color: #a59afc;
position: absolute;
bottom: 0;
height: 4px;
left: 0;
width: 0;
}
.use_cases_content {
flex-grow: 1;
position: relative;
}
.use_cases_content .use_case_content_inner {
position: absolute;
width: 100%;
height: 100%;
box-shadow: 0px 20px 40px 0px rgba(97, 78, 250, 0.1);
border-radius: 20px;
background-color: #fff;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.3 ease-in;
display: flex;
justify-content: space-between;
}
.use_cases_content .use_case_content_inner.show {
visibility: visible;
opacity: 1;
}
.use_case_content_inner ul {
padding: 0;
}
.use_case_content_inner ul li {
display: flex;
align-items: flex-start;
margin-bottom: 6px;
}
.use_case_content_inner ul li img {
margin-right: 8px;
margin-top: 6px;
}
.use_case_content_inner .content {
max-width: 347px;
}
.use_cases_dots_sm {
display: none;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.use_cases_dots_sm span {
text-indent: -10000px;
width: 4px;
height: 4px;
border: 1px solid #a59afc;
margin: 0 4px;
display: block;
border-radius: 50%;
}
.use_cases_dots_sm a.active span {
width: 6px;
height: 6px;
border-color: #614efa;
background-color: #614efa;
}
.grecaptcha-badge {
display: none;
opacity: 0;
visibility: hidden;
}
video {
border-radius: 10px;
}
video:not(#video-player)::-webkit-media-controls {
display: none !important;
}
video:not(#video-player)::-webkit-media-controls-enclosure {
display: none !important;
}
video:not(#video-player)::-webkit-media-controls-panel {
display: none !important;
}
video:not(#video-player)::-webkit-media-controls-play-button {
display: none !important;
}
.video_cover_outer {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.video_cover_outer a {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.video_cover_outer img {
max-width: 100%;
height: auto;
}
.video_cover_outer a img {
animation: ripple 1.2s infinite;
border-radius: 50%;
}
#how_it_works {
background-image: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/img_blur_background.png');
background-position: 78% 70%;
background-size: 760px 450px;
background-repeat: no-repeat;
}
.how_it_works_outer {
display: flex;
align-items: center;
justify-content: space-between;
}
.how_it_works_outer .accordion {
width: 540px;
max-width: 50%;
}
.how_it_works_outer .accordion .accordion_item {
padding-bottom: 24px;
}
.how_it_works_outer .accordion .accordion_item .img_wrapper_sm {
display: none;
}
.how_it_works_outer .accordion .accordion_item h6 {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.how_it_works_outer .accordion .accordion_item h6:after {
content: '';
width: 20px;
height: 20px;
background-image: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_arrow_down.svg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.how_it_works_outer .accordion .accordion_item.active h6:after {
transform: rotate(180deg);
}
.how_it_works_outer .accordion .accordion_item:nth-child(2) {
border-top: 1px solid #c3c8cd;
border-bottom: 1px solid #c3c8cd;
}
.how_it_works_outer .accordion .accordion_item > div {
max-height: 0;
height: 0;
opacity: 0;
visibility: hidden;
transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
}
.how_it_works_outer .accordion .accordion_item.active > div {
max-height: 1000px;
height: auto;
opacity: 1;
visibility: visible;
transition: max-height 0.2s ease-in, opacity 0.3s ease-in;
margin-top: 24px;
}
.how_it_works_outer .accordion .accordion_item.active h6:after {
filter: brightness(0) saturate(100%) invert(70%) sepia(9%) saturate(352%)
hue-rotate(169deg) brightness(89%) contrast(85%);
}
.how_it_works_outer .img_wrapper {
position: relative;
height: 300px;
width: 50%;
max-width: 500px;
text-align: center;
}
.how_it_works_outer .img_wrapper img {
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.how_it_works_outer .img_wrapper img.show {
visibility: visible;
opacity: 1;
transition: all 0.3s ease;
}
.btn_set {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.btn_set .btn:first-child {
margin-right: 24px;
}
.apps_outer {
display: flex;
align-items: center;
justify-content: space-between;
}
#last .intro_btn_set {
justify-content: center;
}
.intro_image.has_back_shadow img {
position: relative;
z-index: 12;
}
.intro_image.has_back_shadow {
position: relative;
z-index: 12;
}
.intro_image.has_back_shadow:before {
position: absolute;
left: -80px;
top: -90px;
content: ' ';
width: 700px;
height: 690px;
/* background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/img_feature_nc_intro_bg.png') no-repeat center center; */
background-size: cover;
z-index: 9;
}
.glossay_nav {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
list-style: none;
}
.glossay_nav li {
margin-right: 14px;
padding-left: 14px;
}
.glossay_nav li {
border-left: 1px solid #e0e9f1;
}
.glossay_nav li:first-child {
border-left: none;
}
.glossary_content,
.gloassay_intro_container {
max-width: 996px !important;
}
.breadcrumbs ul {
margin-left: 0;
padding: 0;
list-style: none;
display: flex;
}
.breadcrumbs ul li {
margin: 0 40px 0 0;
position: relative;
font-size: 17px;
line-height: 30px;
text-transform: capitalize;
}
.breadcrumbs ul li:not(:last-child):after {
content: '>';
width: 20px;
height: 20px;
text-align: center;
display: inline-block;
position: absolute;
top: 0;
right: -30px;
}
.pagination_links {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 996px;
}
.pagination_links a {
font-size: 17px;
line-height: 30px;
text-decoration: underline;
color: #614efa;
font-weight: 600;
}
.glossary_content h2 {
padding-bottom: 8px;
border-bottom: 1px solid #131032;
}
footer .btn--sm a,
.form_btn_holder .btn--sm a {
min-width: 160px;
}
#b2bNav {
border-bottom: 1px solid #e7e7ea;
}
#b2bNav .b2b_nav_inner {
display: flex;
width: auto;
}
#b2bNav .b2b_nav_inner ul {
display: flex;
gap: 32px;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#b2bNav .b2b_nav_inner a {
position: relative;
padding: 8px 0;
display: inline-block;
white-space: nowrap;
}
#b2bNav .b2b_nav_inner li.has_sub_menu {
display: flex;
align-items: center;
}
#b2bNav .b2b_nav_inner li.has_sub_menu.sub_menu_open {
border-bottom: 2px solid #614efa;
}
#b2bNav .b2b_nav_inner li.has_sub_menu.sub_menu_open a img {
transform: rotate(180deg);
}
#b2bNav .b2b_nav_inner li.has_sub_menu #b2bNav .b2b_nav_inner a:hover {
color: #614efa;
}
#b2bNav .b2b_nav_inner a:hover:after {
filter: brightness(0) saturate(100%) invert(34%) sepia(98%) saturate(3874%)
hue-rotate(237deg) brightness(97%) contrast(102%);
}
#b2bNav .b2b_nav_inner a.active {
border-bottom: 2px solid #614efa;
margin-bottom: -1px;
}
#b2bNav li.has_sub_menu_hover {
position: relative;
margin-left: auto;
}
#b2bNav ul li ul {
flex-direction: column;
background-color: #fff;
border-radius: 10px;
padding: 10px !important;
position: absolute;
top: 40px;
left: 50%;
transform: translateX(-50%);
z-index: 99999;
filter: drop-shadow(0px 6px 25px rgba(173, 187, 201, 0.16));
gap: 0 !important;
max-height: 0;
visibility: hidden;
opacity: 0;
}
#b2bNav ul li.has_sub_menu_hover > a {
padding-right: 20px;
}
#b2bNav ul li.has_sub_menu_hover > a:after {
content: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_arrow_down.svg');
width: 14px;
height: 14px !important;
line-height: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: table;
}
#b2bNav ul li.has_sub_menu_hover.open ul {
max-height: 500px;
visibility: visible;
opacity: 1;
width: min-content;
}
#b2bNav ul li.has_sub_menu_hover.open a:after {
transform: rotate(-180deg) translateY(50%) !important;
}
#b2bNav ul li ul li a {
display: block !important;
width: 100%;
padding: 5px 8px !important;
border-radius: 8px;
font-size: 13px;
line-height: 24px;
font-weight: bold;
}
#b2bNav ul li ul li a:hover {
background-color: #f2f3f4;
}
#b2bNav .marketecture .features_block {
padding: 24px 24px 24px 32px;
border-radius: 10px;
border: 1px dashed #614efa;
gap: 8px;
display: flex;
flex-direction: column;
box-shadow: 0px 10px 20px 0px rgba(97, 78, 250, 0.15);
background-color: #fdfaff;
position: relative;
}
#b2bNav .marketecture .features_block .item {
border-radius: 10px;
background-color: #cfcafa;
text-align: center;
color: #614efa;
font-size: 18px;
line-height: 28px;
padding: 8px 20px;
font-weight: 700;
}
#b2bNav .marketecture .features_block .add_ons {
color: #614efa;
border-radius: 6px;
border: 1px dashed #614efa;
background-color: #dfdcfe;
position: absolute;
left: -53px;
bottom: 50%;
padding: 4px 16px;
font-weight: 600;
font-size: 16px;
transform: rotate(-90deg) translateX(-12px);
white-space: nowrap;
}
#b2bNav .marketecture .main_block {
border-radius: 20px;
flex: 0 0 60%;
}
#b2bNav .marketecture .main_block p {
font-size: 18px;
}
#b2bNav .marketecture .marketecture_inner {
display: flex;
gap: 48px;
justify-content: center;
}
#b2bNav .marketecture .main_block .info {
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-weight: 600;
}
.general_form_container .input_wrapper .placeholder {
left: 24px !important;
}
@media screen and (max-width: 1201px) {
.features_list_outer {
margin-right: 52px;
}
.use_cases_nav {
margin-right: 24px;
width: 28%;
}
.use_case_content_inner .img_wrapper img {
max-width: 370px;
height: auto;
}
.use_cases_content .use_case_content_inner {
padding: 32px 20px;
}
.awards_item {
width: 186px;
height: 208px;
margin: 0 10px;
}
.awards_items {
justify-content: center;
margin-left: -10px;
margin-right: -10px;
}
.reviews .reviews_carousel .owl-nav {
max-width: 1024px;
}
.reviews .review_outer {
max-width: 804px;
}
.how_it_works_outer .img_wrapper img.show {
max-width: 100%;
height: auto;
}
.apps_outer .image_wrapper img {
width: 500px;
height: auto;
}
#main_menu ul li.has_sub_menu .sub_menu ul li {
flex: 0 0 33.3%;
}
#features_new .features_content .content {
max-width: 317px;
}
.btn_set_visible_md {
display: block;
}
#menu_actions .btn.contact_sales {
display: none;
}
#b2bNav .marketecture .features_block .item {
font-size: 21px;
line-height: 31px;
}
}
@media screen and (max-width: 1024px) {
#b2bNav .b2b_nav_inner li.has_sub_menu {
display: none;
}
.footer_info p {
max-width: 300px;
}
#menu_actions {
display: none;
}
#burger {
display: block;
}
#menu_actions {
margin-left: auto;
}
footer .footer_menu_outer {
flex-wrap: wrap;
justify-content: flex-start;
}
.footer_menu_list {
flex: 0 0 33.3%;
margin-bottom: 24px;
}
.intro_content {
margin-bottom: 32px;
max-width: 709px;
width: 100%;
text-align: center;
}
.intro_info {
flex: 100%;
}
.sign_in_sm {
margin-left: auto;
}
.intro_btn_set {
justify-content: center;
}
.intro_info .info_text {
display: inline-block;
width: auto;
margin-right: 12px;
}
.hero_flex {
flex-direction: column;
}
.watch_video {
order: 3;
margin-top: 24px;
}
.intro_image {
width: 100%;
text-align: center;
}
.intro_image img {
max-width: 100%;
height: auto;
}
.intro_content p {
margin-left: auto;
margin-right: auto;
}
.awards_inner {
max-width: 100%;
}
.review_scores {
flex-direction: column;
align-items: center;
}
.review_scores .ratings {
text-align: center;
margin-bottom: 32px;
}
.review_scores .ratings .rating_stars {
display: flex;
align-items: center;
}
.review_scores .ratings .rating_stars img {
margin-right: 16px;
}
.review_content {
font-size: 14px;
}
.apps_outer .content {
max-width: 474px;
margin: 0 auto;
}
.apps_outer {
flex-direction: column;
text-align: left;
}
.apps_outer h2 br {
display: none;
}
.apps_outer .image_wrapper {
margin-top: 35px;
}
.apps_outer .image_wrapper img {
max-width: 100%;
height: auto;
}
.features_content {
width: 100%;
height: auto;
margin: 0 auto;
}
.features_wrapper {
flex-direction: column;
}
.feature_content_inner {
width: 100%;
max-height: unset;
}
.features_list_outer {
flex: auto;
display: flex;
overflow-x: scroll;
overflow-y: hidden;
height: 57px;
margin-bottom: 32px;
margin-right: 0 !important;
}
.features_list {
display: flex;
}
.features_list_outer h5 {
display: none;
}
.features_content p {
margin-top: 32px;
max-width: 478px;
}
.features_list li span {
white-space: nowrap;
}
.feature_category {
display: block;
margin-top: 0;
}
.features_nav {
flex: auto;
display: flex;
overflow-x: scroll;
overflow-y: hidden !important;
margin-right: 0 !important;
left: 0;
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px;
}
.features_nav.sticky {
padding: 10px 10px 0;
margin: 0;
z-index: 99;
position: fixed !important;
top: 70px;
left: 0;
box-shadow: 0px 4px 20px 0px rgba(27, 30, 33, 0.2);
background-color: #fff;
max-width: 100%;
width: 100%;
}
#features_new .features_content .description {
display: flex;
max-width: unset !important;
width: 100%;
justify-content: center;
}
#features_new .features_content .description ul {
margin-left: 32px;
}
#features_new.notes_persona .features_nav ul {
min-width: 100%;
}
#features_new .features_holder .features_nav ul {
flex: 0 0 100%;
}
#features_new .features_holder .features_nav ul li a {
white-space: nowrap;
}
#features_new .features_holder .features_nav ul li {
margin-right: 24px;
}
#features_new .features_holder .features_nav ul li:last-child {
margin-right: 0;
}
#features_new .feature_content_inner {
flex-direction: column;
}
#features_new .features_content .demo {
margin: 32px auto 0 auto;
}
#features_new .features_content .demo.screenshot img {
max-width: 100%;
height: auto;
}
#features_new .features_content .content ul {
flex: 0 0 382px;
margin-top: 0;
margin-bottom: 0;
margin-left: 24px;
}
#features_new .features_content .content {
max-width: unset !important;
}
.use_cases_outer {
flex-direction: column;
}
.use_cases_nav {
flex: auto;
display: flex;
overflow-x: scroll;
overflow-y: hidden !important;
margin-right: 0 !important;
left: 0;
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px;
width: unset;
}
.use_cases_nav ul {
flex: auto;
display: flex;
margin-right: 0 !important;
flex-wrap: nowrap;
}
.use_cases_nav.sticky {
padding: 5px 10px;
margin: 0;
z-index: 9999;
position: fixed !important;
top: 70px;
left: 0;
box-shadow: 0px 4px 20px 0px rgba(27, 30, 33, 0.2);
background-color: #fff;
max-width: 100%;
}
.use_cases_outer ul li {
margin-top: 0 !important;
}
.use_cases_outer ul li a {
padding: 8px;
}
/* .use_cases_nav {
width: 100%;
margin-right: 0;
} */
.use_cases_nav ul li a {
white-space: nowrap;
background-image: none !important;
}
.use_cases_nav ul li a .loader {
display: none !important;
}
.use_cases_content {
min-height: 362px;
}
.use_cases_content .use_case_content_inner {
box-shadow: none;
}
.reviews .review_outer {
max-width: 616px;
padding: 32px !important;
align-items: flex-start;
}
.reviews .review_outer .review_img {
width: 120px;
height: 120px;
}
.reviews .review_outer .review_img img {
width: 88px;
height: 88px;
}
.reviews .review_outer .review_img {
border: 8px solid #dfdcfe;
}
.reviews .reviews_carousel .owl-nav {
max-width: 728px;
}
.reviews .review_content,
.review_link_outer > div {
font-size: 15px !important;
line-height: 26px !important;
}
.demo video {
max-width: 100%;
height: auto;
}
.how_it_works_outer .accordion .accordion_item.active > div {
width: 330px;
}
.how_it_works_outer .accordion {
width: 330px;
margin-right: 38px;
}
#how_it_works {
background-size: 500px 328px;
background-position: center right;
}
.owl-carousel.trusted_carousel .item {
text-align: left !important;
}
.owl-carousel.trusted_carousel.second_row .item {
text-align: right !important;
}
#mob_menu.show_menu .mob_menu_actions {
opacity: 1;
visibility: visible;
right: 50%;
padding: 20px;
}
#b2bNav .b2b_nav_inner ul {
gap: 16px;
}
#b2bNav .b2b_nav_inner ul li a {
font-size: 13px !important;
line-height: 22px !important;
}
}
@media screen and (max-width: 769px) {
#b2bNav .b2b_nav_inner {
overflow-y: hidden;
overflow-x: auto;
}
.header_menu_outer {
height: 70px;
}
.header_menu_outer #logo img {
width: 70px;
height: auto;
}
.benefit_item_row:before {
right: unset !important;
}
.btn_set {
max-width: 375px;
margin-left: auto;
margin-right: auto;
}
body {
padding-top: 70px;
}
#main_menu_outer {
height: 70px;
}
#mob_menu {
top: 70px;
}
footer .footer_menu_outer {
justify-content: space-between;
}
.footer_menu_list {
flex: 0 0 150px;
margin-bottom: 24px;
}
footer .footer_info {
flex-direction: column;
align-items: flex-start;
}
footer .footer_info .footer_actions {
margin-left: auto;
margin-right: auto;
margin-top: 16px;
flex-wrap: wrap;
justify-content: center;
}
.footer_info p {
text-align: center;
margin: 0 auto;
}
footer .footer_info .footer_actions .btn:first-child {
margin-right: 0;
margin-bottom: 16px;
}
footer .footer_info {
padding-top: 20px;
margin-top: 24px;
}
.awards_items {
flex-direction: column;
}
.awards_items .awards_item {
max-width: 335px;
width: 100%;
flex-basis: auto;
height: auto;
display: flex;
justify-content: space-between;
flex-direction: row;
margin-bottom: 20px;
text-align: left;
}
.awards_item img {
margin-bottom: 0;
margin-right: 24px;
}
.awards_item span {
text-align: left;
margin-top: 0;
}
.use_cases_outer ul li.active a {
box-shadow: unset;
}
.reviews .review_outer {
max-width: 541px;
}
.reviews {
padding: 0;
}
.reviews .review_outer {
flex-direction: column;
padding: 0 !important;
background-color: #fff;
width: 100%;
}
.reviews .review_outer .review_img {
margin: 0 auto;
}
.reviews .review_content {
margin-left: 0;
padding-left: 0;
padding-top: 32px;
margin-top: 45px;
}
.reviews .review_info {
text-align: center;
}
.reviews .review_content .g2_logo img {
max-width: 60px;
}
.reviews .review_content .g2_logo {
right: 32px;
bottom: 40px;
}
.rating_stars {
flex-direction: column;
}
#g2-reviews .review_scores {
flex-direction: column;
justify-content: unset;
align-items: center;
}
#g2-reviews .review_scores .ratings {
text-align: center;
margin-bottom: 35px;
}
#g2-reviews .review_scores {
padding: 40px 40px 0 40px;
}
#g2-reviews .review_scores h5 {
margin: 20px 0 20px 0;
}
#g2-reviews .scores {
flex-direction: column;
}
#g2-reviews .scores .score {
margin-bottom: 27px;
}
.feature_content_inner {
width: 100%;
}
#features > .container {
padding-left: 0;
padding-right: 0;
}
.features_wrapper {
border-radius: 0;
}
.feature_category {
margin-bottom: 24px;
}
.features_list li img {
width: 20px;
height: 20px;
margin-right: 12px;
}
.feature_category {
margin-bottom: 24px;
}
.features_content p {
margin-top: 24px;
font-size: 16px;
line-height: 26px;
height: unset;
}
#features_new .features_content .description {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
#features_new .features_content .content ul {
flex: auto;
margin-left: 0;
margin-top: 24px;
}
#features_new .features_content .content {
text-align: left;
}
#features_new .features_content .content ul li img {
margin-top: 0;
transform: translateY(7px);
}
.use_cases_content .use_case_content_inner {
position: relative;
display: none;
padding: 32px 0 0 0 !important ;
}
.use_cases_content .use_case_content_inner.show {
display: flex;
flex-wrap: wrap;
}
.use_case_content_inner .img_wrapper img {
max-width: 300px;
}
.use_case_content_inner .content {
max-width: unset;
}
.use_case_content_inner .img_wrapper {
margin: 0 auto;
}
.reviews .review_content {
margin-top: 0;
}
.review_info_sm {
display: inline-block !important;
max-width: 180px;
margin-left: 24px;
}
.review_link_outer {
display: none !important;
}
.review_info_holder {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.reviews .reviews_carousel .owl-nav {
width: 136px;
top: unset;
bottom: 0;
}
.reviews_carousel .owl-stage-outer {
padding-bottom: 90px;
}
.owl-prev,
.owl-next {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px;
border-radius: 50%;
background-color: #e4e7ea;
}
.use_cases_dots_sm {
display: flex;
text-align: center;
}
#last .intro_info span {
text-align: center;
}
.how_it_works_outer .accordion .accordion_item .img_wrapper_sm {
display: block;
max-width: 390px;
margin: 20px auto 0 auto;
}
.how_it_works_outer .img_wrapper {
display: none;
}
.how_it_works_outer .accordion {
width: 100%;
margin: 0;
}
.how_it_works_outer .accordion .accordion_item.active > div {
width: 100%;
}
.img_wrapper_sm img {
width: 100%;
max-width: 390px;
height: auto;
}
.how_it_works_outer .accordion {
height: auto;
max-width: unset;
width: 100%;
}
.how_it_works_outer {
justify-content: center;
}
#how_it_works {
padding-bottom: 100px;
}
.intro_btn_set .btn,
.btn_set .btn {
width: 335px;
}
.intro_btn_set > div:first-child {
margin-right: 0;
}
.btn_set .btn:first-child {
margin-right: 0;
}
.intro_info {
text-align: center;
margin-bottom: 24px;
}
.intro_info span {
text-align: center !important;
}
#mob_menu ul li .mob_sub_menu li {
padding: 16px 0;
}
#features_new .features_holder .features_nav ul li a {
font-size: 13px;
}
#features_new .features_holder .features_nav ul li a img {
width: 20px;
height: 20px;
}
#how_it_works {
background-image: unset;
}
.awards_items {
margin-left: 0 !important;
margin-right: 0 !important;
}
.awards_item strong {
margin-top: 0 !important;
text-align: left !important;
}
}
.bounce {
animation: bounce 1s ease-in-out;
}
@keyframes bounce {
0%,
100% {
transform: translateX(0);
}
50% {
transform: translateX(-20px);
}
}
/*FILESTART /home/wplive/web/wp-live/wp-content/themes/krisp-v4/css/demo.css */
.demo_outer {
max-width: 900px;
}
.audios_list {
list-style: none;
padding: 0;
display: flex;
gap: 10px;
justify-content: space-between;
}
.loading_state {
width: 32px !important;
height: 32px !important;
}
.audios_list li {
border-radius: 6px;
padding: 12px 8px;
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: column;
cursor: pointer;
transition: all 0.3s ease;
flex-grow: 1;
}
.audios_list li .demo_icon_wrapper {
position: relative;
display: block;
height: 60px;
}
.audios_list li img {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.audios_list li img.default_icon {
opacity: 1;
visibility: visible;
}
.audios_list li img.selected_icon {
opacity: 0;
visibility: hidden;
}
.audios_list li.selected img.default_icon {
opacity: 0;
visibility: hidden;
}
.audios_list li.selected img.selected_icon {
opacity: 1;
visibility: visible;
}
.audios_list li:hover {
background: #e4e7ea;
}
.audios_list li.group_holder,
.audios_list li.sub_group_holder {
padding: 0;
display: flex;
justify-content: center;
}
.audios_list li.group_holder:hover,
.audios_list li.sub_group_holder:hover {
background: transparent;
cursor: unset;
}
.audios_list > li.selected {
background: #614efa;
}
.audios_list > li.selected span {
font-weight: 500;
}
.audios_list > li.selected span {
color: #fff;
}
.audios_list li.selected:hover .animation_holder,
.audios_list li.selected:hover .default_icon {
display: none;
}
.audios_list.large {
flex-wrap: wrap;
max-width: 610px;
justify-content: center;
margin: 0 auto;
gap: 10px;
}
.audios_list.large li {
background-color: #fff;
}
.audios_list.large > li.selected {
background-color: #614efa;
}
.audios_list li ul li {
padding: 0;
margin: 0 0 12px 0;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 4px;
flex-direction: row;
}
.audios_list li ul li:hover {
background-color: transparent;
}
.audios_list li ul {
padding: 0;
}
.audios_list li ul li span {
font-size: 14px !important;
}
.audios_list li ul li span.radio {
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid #a19fad;
display: flex;
align-items: center;
justify-content: center;
}
.audios_list li ul li.selected span.radio {
border-color: #614efa;
}
.audios_list li ul li.selected span.radio:before {
width: 10px;
height: 10px;
background-color: #614efa;
content: '';
border-radius: 50%;
}
.player_wrapper {
margin-bottom: 48px;
max-width: 100%;
width: 610px;
margin: 0 auto;
border-radius: 20px;
}
.player_wrapper.large {
max-width: unset;
border-radius: 20px;
}
.player_wrapper.large .player {
width: 100%;
position: relative;
z-index: 20;
}
.player_wrapper .player .play-button img {
width: 50px;
height: 50px;
}
.player_wrapper .player {
border-radius: 20px;
width: 100%;
position: relative;
z-index: 20;
gap: 18px;
}
.player_wrapper.large .switch_wrapper {
padding-top: 33px;
padding-bottom: 33px;
padding-left: 40px;
padding-right: 40px;
margin-top: 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.player_wrapper.large .switch_wrapper:before {
content: '';
width: calc(100% - 88px);
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0;
border-top: 1px solid #c3c8cd;
}
.player_wrapper .switch_wrapper {
position: relative;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
}
.player_wrapper .play_button {
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #614efa;
flex: 0 0 48px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 12px 40px rgba(97, 78, 250, 0.2);
}
.player_wrapper .play_button .play_state,
.player_wrapper .play_button .pause_state {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
}
.player_wrapper.large .play_button .play_state,
.player_wrapper.large .play_button .pause_state,
.player_wrapper.large .play_button,
.player_wrapper.large .loading_state {
width: 50px !important;
height: 50px !important;
}
.player_wrapper.large .loading_state .spinner_inner {
transform: translateZ(0) scale(0.8);
}
.player_wrapper .play_button:hover {
opacity: 0.8;
}
.player_wrapper .play_button .hidden {
display: none;
}
.player_wrapper .play_button span {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
cursor: pointer;
}
.progress {
position: relative;
width: 100%;
overflow: hidden;
padding: 14px 8px;
display: flex;
}
.playing_progress {
width: 0px;
top: 0;
left: 0;
position: absolute;
overflow: hidden;
}
.player_wrapper.large .progress {
max-width: 729px;
}
.player {
display: flex;
justify-content: center;
align-items: center;
}
span.loading_state {
width: 50px;
height: 50px;
background-color: #614efa;
border-radius: 50%;
}
span.loading_state .loading {
width: 100%;
height: 100%;
}
.play_button span.loading_state {
display: none;
overflow: hidden;
pointer-events: none;
}
.play_button[disabled] span.loading_state {
display: block;
}
.play_button[disabled] span:not(.loading_state) {
display: none;
}
@keyframes spinner_inner {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.spinner_inner div {
position: absolute;
width: 30px;
height: 30px;
border: 4px solid #fff;
border-top-color: transparent;
border-radius: 50%;
animation: spinner_inner 0.5s linear infinite;
top: 29px;
left: 29px;
box-sizing: content-box;
}
.loading_spinner {
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
background: none;
}
.spinner_inner {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(0.56);
backface-visibility: hidden;
transform-origin: 0 0; /* see note above */
}
.switch_wrapper {
position: relative;
}
.animation_arrow {
position: absolute;
bottom: -32px;
left: 44%;
transform: translateX(-50%);
display: none;
max-width: 100px;
}
.animation_arrow.show {
display: block;
}
.noise_cancellation_switch {
margin: 0 16px;
width: 47px;
height: 22px;
display: inline-flex;
background-color: #614efa;
border-radius: 50px;
overflow: hidden;
}
.noise_cancellation_switch.switch.off {
background-color: #c3c8cd;
}
.noise_cancellation_switch.switch span {
font-size: unset;
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
transition: all 0.2s ease;
position: relative;
margin-left: 28px;
}
.player_wrapper.large .noise_cancellation_switch {
width: 67px;
height: 32px;
}
.player_wrapper.large .noise_cancellation_switch span em {
width: 22px;
height: 22px;
}
.player_wrapper.large .noise_cancellation_switch.switch.off span {
margin-left: 6px;
}
.player_wrapper.large .noise_cancellation_switch.switch span {
margin-left: 39px;
}
#noise_cancellation-switch {
box-sizing: unset !important;
}
.noise_cancellation_switch.switch.off span {
margin-left: 3px;
font-size: unset;
}
.noise_cancellation_switch.switch em {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #fff;
}
.noise_cancellation_switch.switch.switch_disabled em {
background-color: #f2f3f4;
}
.noise_cancellation_switch.switch.switch_disabled {
pointer-events: none;
}
.progress input[type='range'] {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 4px;
background: #d3d2d9;
outline: none;
opacity: 1;
transition: opacity 0.2s;
border-radius: 24px;
}
.progress input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
background: #614efa;
border-radius: 50%;
box-shadow: 0px 4px 8px rgba(97, 78, 250, 0.2);
}
.progress input[type='range']::-moz-range-thumb {
width: 16px;
height: 16px;
background: #614efa;
border-radius: 50%;
filter: drop-shadow(0px 4px 8px rgba(97, 78, 250, 0.2));
}
.progress input[type='range']::-ms-thumb {
width: 16px;
height: 16px;
background: #614efa;
border-radius: 50%;
cursor: pointer;
filter: drop-shadow(0px 4px 8px rgba(97, 78, 250, 0.2));
}
@media screen and (max-width: 1024px) {
.demo_outer {
padding: 32px;
}
.audios_list li .demo_icon_wrapper {
height: 48px;
}
#demo h3 {
font-size: 40px;
line-height: 50px;
margin-bottom: 48px;
}
.demo_outer h6 {
font-size: 22px;
}
.demo_icon_wrapper img {
width: auto;
height: 100%;
}
}
@media screen and (max-width: 769px) {
.player_wrapper .switch_wrapper {
margin-top: 8px;
}
.player_wrapper .play_button {
width: 32px;
height: 32px;
flex: 0 0 32px;
}
.player_wrapper .play_button img {
width: 18px;
height: 18px;
}
.player_wrapper {
padding-left: 24px;
padding-right: 24px;
}
.audios_list li:hover img.default_icon {
display: block;
}
.audios_list li:hover .animation_holder {
display: none;
}
.demo_title {
text-align: center;
}
.audios_list {
margin: 0 auto;
}
.audios_list li span {
padding: 0;
}
.audios_list li span {
font-weight: 500;
}
#demo:not(body.noise-cancellation #demo, body.developers #demo) {
background-color: #fff;
padding-top: 0 !important;
}
.player_wrapper.large .switch_wrapper:before {
width: calc(100% - 20px);
}
.player_wrapper.large .player {
padding-left: 10px;
padding-right: 10px;
background-color: #f2f3f4;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.player_wrapper.large .switch_wrapper {
padding-left: 10px;
padding-right: 10px;
background-color: #e4e7ea;
margin-top: -20px;
padding-top: 40px;
padding-bottom: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
height: auto;
}
.player_wrapper .playing_progress {
height: 44px;
}
.player_wrapper .playing_progress img {
max-width: unset !important;
}
.demo_outer h6 {
text-align: center;
}
.demo_outer .subtitle {
font-size: 17px !important;
line-height: 30px !important;
}
#demo h3 {
font-size: 32px;
line-height: 44px;
margin-bottom: 40px;
}
.demo_outer {
padding: 0;
text-align: center;
}
.audios_list {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
}
.audios_list li {
width: 100%;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 0;
min-height: unset;
max-width: unset;
flex: 0 0 calc(33.33% - 12px);
white-space: nowrap;
}
.progress {
padding: 14px 0;
}
.audios_list li .demo_icon_wrapper {
display: inline-flex;
align-items: center;
min-height: unset;
}
.demo_icon_wrapper {
margin-right: 12px;
width: 48px;
height: 48px;
}
.demo_icon_wrapper img {
height: auto;
width: 55px;
}
.audios_list li span {
word-spacing: unset;
width: auto;
text-align: center;
display: block;
}
.audios_list li .demo_icon_wrapper {
align-items: center;
}
.animation_arrow {
left: 34%;
}
.audios_list li.group_holder {
flex-direction: column;
}
}
/*FILESTART /home/wplive/web/wp-live/wp-content/themes/krisp-v4/css/contact-sales.css */
#contact_sales {
padding-top: 100px;
padding-bottom: 100px;
overflow-y: scroll;
display: block;
}
#salesForm {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.modal_inner {
max-width: 774px;
height: 550px;
width: 100%;
position: relative;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
background-color: #fff;
}
.input_wrapper .placeholder {
left: 56px;
}
.email_input_wrapper {
padding-left: 56px !important;
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_email.svg') no-repeat left 24px center;
}
.name_input_wrapper {
padding-left: 56px !important;
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_name.svg') no-repeat left 24px center;
}
.product_input_wrapper {
padding-left: 56px !important;
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_kr_products.svg') no-repeat left 24px center
#fff;
background-size: 24px;
}
.seats_input_wrapper {
padding-left: 56px;
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_seats.svg') no-repeat left 24px center #fff;
background-size: 24px;
}
input[type='radio'],
input[type='checkbox'] {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
}
.label_button {
width: 100%;
height: 40px;
font-size: 16px;
line-height: 38px;
color: #576069;
text-align: center;
border: 1px solid #c3c8cd;
border-radius: 6px;
cursor: pointer;
display: block;
}
.radio_holder {
display: block;
width: 276px;
margin: 0 auto 10px auto;
}
.label_button:hover {
background-color: #f2f3f4;
}
input[type='radio']:checked + label:not(#uninstall_form label) {
background-color: #00c39a;
border-color: #00c39a;
color: #fff !important;
font-weight: 600;
}
input[type='checkbox']:checked + label:not(#uninstall_form label) {
background-color: #00c39a;
border-color: #00c39a;
color: #fff !important;
font-weight: 600;
}
.input_container {
max-width: 386px;
}
.form_btn_holder {
position: absolute;
right: 40px;
bottom: 40px;
}
.form_btn_holder.prev {
left: 40px;
bottom: 40px;
right: unset;
}
.radio_buttons_flex {
display: flex;
align-items: center;
justify-content: space-around;
}
.radio_buttons_flex .radio_holder {
width: auto;
}
.radio_buttons_flex .label_button {
display: inline-block;
margin: 0 10px;
width: 140px;
}
.success_msg {
display: none;
background-color: #cbf1e4;
border-left: 3px solid #00c39a;
width: 100%;
padding: 8px;
align-items: center;
justify-content: center;
}
.success_msg img,
.error_msg img {
margin-right: 8px;
}
.success_msg.show,
.error_msg.show {
display: flex;
}
.error_msg {
display: none;
background-color: #ffe6e6;
border-left: 3px solid #eb3a41;
width: 100%;
padding: 8px;
align-items: center;
justify-content: center;
}
.input_error.lead_source {
display: none;
}
.success_info.show {
display: block;
}
input[type='submit'] {
margin-bottom: 24px;
}
form a {
text-decoration: underline;
}
.step {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.step.in {
animation: fadeInLeft 0.4s ease-out forwards;
}
.step.out {
animation: fadeOutRight 0.4s ease-out forwards;
}
.form_success_message {
border-radius: 10px;
padding: 5px 16px;
}
.form_close_x {
position: absolute;
top: 24px;
right: 24px;
cursor: pointer;
z-index: 999;
}
.step_trial_container {
box-shadow: 0px 6px 20px rgba(60, 66, 72, 0.08);
border-radius: 20px;
padding: 32px;
margin-top: 24px;
}
.pro_trial_step_inner {
padding: 0 15px;
}
.text--success {
color: #00c39a;
font-weight: 700;
}
.user_name {
font-weight: 700;
}
#recaptcha {
max-width: 304px;
text-align: center;
}
.seats_input_wrapper {
opacity: 1;
visibility: visible;
display: block;
}
.input_hidden {
display: none;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.contact_sales_modal .modal_inner.expand {
height: 630px;
}
.calendar_btn {
display: none;
}
.calendar_btn.show {
display: block;
}
.contact_sales_modal .modal_inner {
width: 100%;
height: 550px;
}
.success_btns_holder {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
flex-direction: column-reverse;
}
.meetings-iframe-container {
width: 100%;
height: 100%;
max-width: 425px;
margin: 0 auto;
}
.meetings_holder {
padding: 20px;
border-radius: 20px;
width: 100%;
height: 600px;
}
.calendar_step_inner {
width: 100%;
border-radius: 20px;
}
/* .meetings-iframe-container iframe {
width: 100%;
max-width: 425px;
min-height: 100%;
border-radius: 20px;
} */
@keyframes fadeInLeft {
0% {
opacity: 0;
left: 100%;
}
100% {
opacity: 1;
left: 50%;
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
left: 50%;
}
100% {
opacity: 0;
left: -100%;
}
}
@media screen and (max-width: 1024px) {
.modal_inner {
max-width: 541px;
}
.radio_buttons_flex {
flex-wrap: wrap;
max-width: 490px;
}
}
@media screen and (max-width: 550px) {
.modal_inner {
width: 100% !important;
height: 100vh !important;
border-radius: 0;
}
.success_btns_holder {
flex-direction: column-reverse;
gap: 16px;
}
.success_btns_holder .btn {
margin-top: 0;
}
.contact_sales_modal .modal_inner.expand {
height: 100vh;
}
.radio_buttons_flex {
display: block;
}
.step {
padding: 0 15px;
}
.form_btn_holder {
position: absolute;
bottom: 90px;
width: 100%;
text-align: center;
left: 50%;
transform: translateX(-50%);
padding: 0 15px;
}
.radio_buttons_flex .label_button {
width: 100%;
margin: 0 auto;
}
.radio_holder {
width: 100%;
}
.step {
align-items: flex-start;
padding-top: 100px !important;
}
.form_btn_holder.prev {
left: 0;
bottom: 40px !important;
right: unset;
transform: unset;
}
}
@media screen and (max-width: 374px) {
.form_btn_holder {
bottom: 30px;
}
.step {
padding-top: 70px !important;
}
}
@media screen and (max-height: 600px) {
.modal {
padding: 50px 0;
align-items: flex-start;
}
}
/*FILESTART /home/wplive/web/wp-live/wp-content/themes/krisp-v4/css/headset-comparison.css */
body.headset #main_menu_outer {
background-color: #f8f9f9;
}
body.archive-headset #main_menu_outer {
background-color: #fff;
}
.screen-reader-text {
display: none;
}
.headset_intro {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 100px;
}
.headset_intro .img_wrapper {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 20px;
margin-bottom: 24px;
padding: 32px;
box-shadow: 0px 20px 30px 0px rgba(28, 22, 71, 0.05);
}
.headset_intro .img_wrapper img {
max-width: 100%;
}
.headset_intro_media {
flex: 0 0 590px;
}
.brand_info {
display: flex;
align-items: center;
justify-content: flex-start;
}
.brand_info img {
margin-left: 8px;
}
.headset_intro_metadata {
flex-grow: 1;
}
.price_range {
display: inline-block;
border-radius: 21px;
}
.stars_holder {
display: flex;
align-items: center;
justify-content: flex-start;
height: 38px;
}
.stars_filled {
position: absolute;
width: 0;
top: 0;
left: 0;
overflow: hidden;
max-width: 124px;
height: 38px;
}
.stars_empty {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
max-width: 124px;
height: 38px;
}
.krisp_score {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #614efa;
padding: 0 24px;
border-radius: 24px;
max-width: 250px;
}
.krisp_score strong {
margin-right: 16px;
padding-right: 16px;
display: inline-block;
position: relative;
}
.krisp_score strong:after {
content: '';
width: 1px;
height: 32px;
background-color: #fff;
right: 0;
position: absolute;
top: 8px;
}
audio {
display: none;
}
.play_button_holder {
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.audio_player {
background-color: #fff;
padding: 16px;
border-radius: 20px;
}
.play_button_holder span {
display: none;
line-height: 0;
}
.play_button_holder span.show {
display: inline-block;
}
.controls {
display: flex;
align-items: center;
justify-content: center;
}
.range {
flex: 0 0 calc(100% - 40px);
margin-left: 8px;
height: 26px;
}
input[type='range'] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
height: 5px;
background: #d3d2d9;
outline: none;
opacity: 1;
transition: all 0.2s ease;
width: 100%;
border-radius: 5px;
height: 6px;
}
input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 10px;
height: 16px;
background: #f3f0ff;
border-radius: 4px;
border: 1px solid #614efa;
cursor: pointer;
}
input[type='range']::-moz-range-thumb {
width: 12px;
height: 23px;
background: #fff;
border-radius: 4px;
border: 1px solid #614efa;
cursor: pointer;
}
input[type='range']::-ms-thumb {
width: 12px;
height: 23px;
background: #fff;
border-radius: 4px;
border: 1px solid #614efa;
cursor: pointer;
}
.table_item_holder {
display: flex;
align-items: stretch;
position: relative;
}
.table_item_holder:hover {
background-color: #f3f0ff !important;
}
.table_item_holder > div {
flex: 0 0 50%;
display: flex;
align-items: stretch;
}
.table_item_holder > div strong {
display: block;
}
.table_item_holder > div.value {
border-left: 1px solid #e4e7ea;
}
.specs_table .table_item_holder:nth-child(odd) {
background-color: #f7f7f8;
}
.specs_table .table_item_holder:nth-child(even) {
background-color: #fff;
}
.table_item_holder.table_item_comparison .label {
flex: 0 1 30%;
display: flex;
align-items: center;
}
.table_item_holder.table_item_comparison .value {
flex: 0 1 40%;
display: flex;
align-items: center;
}
.comparison_header {
display: flex;
align-items: center;
position: relative;
}
.comparison_header .label {
flex: 0 1 30%;
}
.comparison_header .headset_name {
flex: 0 1 40%;
border-left: 1px solid #e4e7ea;
}
.metadata .krisp_score {
max-width: 153px;
height: 30px;
padding: 0 16px;
border-radius: 20px;
margin: 0 auto;
}
.metadata .krisp_score .score {
width: 33px;
text-align: center;
flex: 0 0 33px;
}
.metadata .krisp_score strong:after {
height: 14px;
}
.metadata .krisp_score .stars_holder {
height: 16px;
}
.metadata .krisp_score .stars_empty,
.metadata .krisp_score .stars_filled {
height: 16px;
}
.metadata .krisp_score strong {
margin-right: 8px;
padding-right: 8px;
}
.headsets_wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 30px;
}
.integrations_wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
gap: 30px;
}
.recommended_wrapper {
grid-template-rows: auto;
}
.headset_item .img_wrapper {
background-repeat: no-repeat;
background-position: center center;
background-size: auto 180px;
height: 220px;
border: 1px solid #d3d2d9;
background-color: #dfdcfe;
border-radius: 10px;
}
.headset_item .img_wrapper.integration_img_wrapper {
background-color: #fff;
background-size: auto 100px;
height: 180px;
}
.pagination .nav-links {
display: flex;
gap: 15px;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 600;
}
.pagination .nav-links > * {
all: inherit;
}
.pagination .nav-links > a {
cursor: pointer;
}
.pagination .nav-links > a:hover {
color: #614efa;
}
.pagination .nav-links .current {
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
background-color: #614efa;
font-size: 17px;
font-weight: 700;
border-radius: 50%;
}
.pagination .nav-links .prev,
.pagination .nav-links .next {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #e7e7e7;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.pagination .nav-links .prev img,
.pagination .nav-links .next img {
width: 14px;
height: auto;
}
.pagination .nav-links .prev img {
transform: rotate(90deg) translateY(1px);
}
.pagination .nav-links .next img {
transform: rotate(-90deg) translateY(1px);
}
.pagination .nav-links .prev:hover,
.pagination .nav-links .next:hover {
background-color: #e7e7e7;
}
.integrations_wrapper .headset_item .title_holder a {
display: flex;
align-items: center;
gap: 8px;
color: #614efa;
}
.integrations_wrapper .headset_item .title_holder a img {
vertical-align: sub;
}
.integrations_wrapper .headset_item .title_holder a span {
text-decoration: none !important;
}
.integrations_wrapper .headset_item .title_holder a strong {
color: #614efa;
}
.integrations_wrapper .headset_item a:hover strong {
opacity: 0.7;
text-decoration: underline;
}
.headset_item a:hover strong {
opacity: 0.7;
}
.search_input_wrapper {
width: 400px;
max-width: 100%;
height: 48px;
border: 1px solid #c8c7d0;
border-radius: 10px;
padding: 10px 12px;
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_search_new.svg') no-repeat left 10px center;
background-size: 16px;
}
.search_input_wrapper input {
border: none;
outline: none;
width: 100%;
padding-left: 24px;
font-size: 15px;
line-height: 28px;
height: 100%;
background-color: transparent;
}
.search_input_wrapper input::placeholder {
font-size: 15px;
line-height: 28px;
color: #75738b;
}
.search_bar_holder {
position: relative;
}
#dataFetch {
width: 400px;
margin-top: 8px;
border: 1px solid #c8c7d0;
border-radius: 10px;
padding: 10px 0 10px 12px;
background-color: #fff;
position: absolute;
top: 50px;
left: 0;
z-index: 99;
max-height: 0;
opacity: 0;
visibility: hidden;
}
#dataFetch.show {
max-height: 5000px;
transition: max-height 0.2 ease;
-webkit-transition: max-height 0.2 ease;
height: auto;
opacity: 1;
visibility: visible;
}
#dataFetch .list_item > div:last-child {
margin-bottom: 0;
}
#dataFetch .list_item {
max-height: 300px !important;
height: auto;
overflow-y: auto;
}
#dataFetch a:hover {
text-decoration: underline;
}
#dataFetch .list_item::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f8f9f9;
border-radius: 10px;
}
#dataFetch .list_item::-webkit-scrollbar {
width: 6px;
background-color: #f8f9f9;
border-radius: 10px;
}
#dataFetch .list_item::-webkit-scrollbar-thumb {
background-color: #949da6;
border-radius: 10px;
}
.headset_metadata_container .intro_metadata {
display: flex;
justify-content: center;
}
.headset_metadata_container .metadata .image_holder {
height: 280px;
padding: 32px 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.headset_metadata_container .metadata img {
height: 100%;
object-fit: contain;
}
.headset_metadata_container .logo_holder img {
max-height: 46px;
width: auto;
}
.headset_metadata_container .metadata {
padding: 0 32px;
flex: 0 0 470px;
}
.headset_metadata_container .metadata:last-child {
border-left: 1px solid #32304d33;
}
.headset_metadata_container .audio_player {
background-color: #f7f7f8;
}
.krisp_score.winner {
max-width: unset;
margin: 0 auto;
width: auto;
display: inline-flex;
height: 40px;
padding: 0 24px 0 60px;
position: relative;
}
.score_container {
min-height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.krisp_score.winner:before {
content: '';
width: 61px;
height: 61px;
position: absolute;
left: 0;
top: -12px;
background-image: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_trophy.png');
background-size: cover;
}
.krisp_score.winner .score {
font-size: 30px;
line-height: 48px;
max-width: unset;
width: auto;
flex: 1 0 auto;
text-align: center;
}
.krisp_score.winner strong {
padding-right: 16px !important;
margin-right: 16px !important;
}
.krisp_score.winner .score:after {
height: 28px;
top: 10px;
}
.krisp_score.winner .stars_holder {
height: 24px;
}
.krisp_score.winner .stars_empty,
.krisp_score.winner .stars_filled {
height: 24px;
}
.krisp_score.winner .stars_empty {
max-width: 120px;
}
.comparison_item .img_wrapper {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
overflow: hidden;
background-color: #f3f0ff;
padding: 16px;
}
.comparison_item .img_wrapper img {
width: 145px;
height: auto;
position: relative;
z-index: 20;
}
.comparison_item .img_wrapper .versus {
width: 32px;
height: 32px;
background-color: #fff;
box-shadow: 0px 10px 10px 0px rgba(97, 78, 250, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
position: relative;
z-index: 20;
}
.comparison_item .img_wrapper::before {
width: 55%;
height: 100%;
content: ' ';
background-image: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/img_headset_comparison_bg.svg');
background-size: cover;
background-repeat: no-repeat;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.headset_select_container .container {
padding: 0;
}
.headset_select_container form {
display: grid;
grid-template-columns: 2.5fr 2.5fr 160px;
gap: 32px;
width: 100%;
}
.headset_select_container form .btn {
height: 48px !important;
}
.headset_select_container form .btn a {
height: 48px !important;
line-height: 48px !important;
max-width: 100%;
min-width: unset;
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.headset_select_container form .btn a span {
all: inherit;
padding: 0;
}
.headset_select_container form .btn a .loader {
display: none;
}
.headset_select_container form .btn a.loading .loader {
display: block;
width: 16px;
height: 16px;
border: 2px solid #fff;
border-bottom-color: transparent;
border-radius: 50%;
flex: 0 0 16px;
animation: rotation 1s linear infinite;
}
.headset_select_container .select_wrapper {
width: 100%;
height: 48px;
border-radius: 10px;
border: 1px solid #c8c7d0;
padding: 10px 40px;
background-image: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_filter.svg'),
url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_dropdown.svg');
background-size: 20px 20px;
background-position: center left 12px, center right 12px;
background-repeat: no-repeat;
background-color: #fff;
}
.headset_select_container .select_wrapper select {
border: none;
outline: none;
width: 100%;
height: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.headset_select_container .select_wrapper select {
color: #75738b;
}
.headset_select_container .select_wrapper select.selected {
color: #131032;
font-weight: 600;
}
body.headset-comparison {
padding-top: 176px;
}
body.headset-comparison .headset_select_container {
position: fixed;
top: 96px;
background-color: #f4f4f5;
padding: 16px;
width: 100%;
z-index: 9999;
}
.info_text {
padding: 8px 12px 8px 36px;
background-color: #eaf7ff;
border-radius: 8px;
font-size: 12px;
line-height: 21px;
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_info_blue.svg') no-repeat center left 12px
#eaf7ff;
background-size: 16px;
margin-top: 8px;
}
.sticky_nav {
display: none;
}
.sticky_nav .headset_name {
flex: 0 1 50%;
}
.sticky_nav .comparison_header {
box-shadow: 0px 6px 20px 0px rgba(19, 16, 50, 0.08);
background-color: #32304d;
}
.sticky_nav .comparison_header .headset_name strong {
color: #fff;
}
.sticky_nav .comparison_header .headset_name:first-child {
border-left: unset !important;
}
@media screen and (max-width: 1200px) {
.headset_intro {
gap: 50px;
}
.headset_intro_media {
flex: 0 0 450px;
}
.comparison_item .img_wrapper img {
width: 120px;
}
.comparison_item .img_wrapper {
padding: 8px;
}
.headset_select_container .container {
padding: 0;
}
}
@media screen and (max-width: 1203px) {
.headset_intro {
gap: 50px;
flex-direction: column;
max-width: 620px;
width: 100%;
margin: 0 auto;
}
.headset_intro_media {
flex: auto;
}
body.headset-comparison .stars_filled {
top: 0 !important;
}
.stars_filled {
top: 6px;
}
.headsets_wrapper {
display: grid;
gap: 30px;
}
}
@media screen and (max-width: 1024px) {
body.archive-headset-comparison .headsets_wrapper {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 30px;
}
.headset_metadata_container .metadata {
padding: 0 16px;
}
.comparison_item .img_wrapper {
padding: 16px;
}
.comparison_item .img_wrapper img {
width: 145px;
}
.headset_select_container form {
gap: 16px;
}
.headset_metadata_container .metadata {
padding: 0 32px;
flex: 0 0 calc(50% - 32px);
}
}
@media screen and (max-width: 769px) {
body.headset-comparison .headset_select_container {
position: static;
}
body.headset-comparison {
padding-top: 70px;
}
.comparison_item .img_wrapper img {
width: 145px;
}
.headset_intro {
display: block;
max-width: 520px;
margin: 0 auto;
}
.headsets_wrapper {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 30px;
}
.headset_intro_media {
flex: auto;
margin-bottom: 30px;
}
body.headset-comparison .headsets_wrapper,
body.archive-headset-comparison .headsets_wrapper {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 16px;
}
body.archive-headset-comparison .headset_item .img_wrapper,
body.headset-comparison .headset_item .img_wrapper {
height: 180px;
}
.headset_select_container form {
grid-template-columns: 2fr 2fr;
grid-template-rows: 1fr auto;
}
.comparison_item .img_wrapper img {
width: 100px;
}
.comparison_item .img_wrapper {
padding: 0;
}
.headset_select_container .select_wrapper {
height: 38px;
padding: 6px 35px;
}
.headset_select_container form .btn {
max-width: 145px;
grid-column: 1 / span 2;
justify-self: center;
align-self: center;
height: 38px !important;
}
.headset_select_container p {
text-align: center;
}
.headset_select_container form .btn a {
height: 38px !important;
line-height: 38px !important;
}
.headset_metadata_container .intro_metadata {
flex-direction: column;
max-width: 470px;
margin: 0 auto;
}
.headset_metadata_container .intro_metadata .metadata {
flex: auto;
}
.headset_metadata_container .metadata .image_holder {
padding: 16px 0;
height: 200px;
}
.switch_wrapper strong {
font-size: 13px;
}
.headset_metadata_container .metadata {
padding: 0;
}
.headset_metadata_container .metadata:last-child {
border-left: 0;
border-top: 1px solid #32304d33;
margin-top: 16px;
}
.switch_wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.table_item_comparison {
flex-wrap: wrap;
}
.specs_table .table_item_comparison .label {
flex: 0 1 100%;
border-bottom: 1px solid #e4e7ea;
border-top: 1px solid #e4e7ea;
}
.specs_table .table_item_comparison {
border-left: 1px solid #e4e7ea;
border-right: 1px solid #e4e7ea;
}
.table_item_holder.table_item_comparison .value {
flex: 0 1 50%;
}
.table_item_holder > div:nth-child(2) {
border-left: 0;
}
.sticky_nav.fixed {
position: fixed;
top: 70px;
left: 0;
z-index: 999;
display: block;
width: 100%;
}
.comparison_tables_container .comparison_header .headset_name {
display: none;
}
.comparison_header .label {
flex: 1 0 100%;
}
}
@media screen and (max-width: 530px) {
body.archive-headset-comparison .headsets_wrapper,
body.headset-comparison .headsets_wrapper {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(1, 1fr);
gap: 30px;
}
.headsets_wrapper.recommended_wrapper {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(1, 1fr);
gap: 30px;
}
body.archive-headset-comparison .comparison_item .img_wrapper img,
body.headset-comparison .comparison_item .img_wrapper img {
width: 145px;
}
body.archive-headset-comparison .comparison_item .img_wrapper,
body.headset-comparison .comparison_item .img_wrapper {
padding: 0 22px;
}
body.archive-headset-comparison .comparison_item .img_wrapper img,
body.headset-comparison .comparison_item .img_wrapper img {
width: 100px;
height: 100%;
}
.headset_select_container form {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
}
.headset_select_container .select_wrapper {
grid-column: 1 / span 2;
}
.headset_select_container .select_wrapper select {
background-color: #fff;
}
}
@media screen and (max-width: 425px) {
.headsets_wrapper {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(1, 1fr);
gap: 30px;
}
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*FILESTART /home/wplive/web/wp-live/wp-content/themes/krisp-v4/css/shared-landing.css */
.intro_content {
max-width: 570px;
}
body.call-center-noise-cancellation .intro_content {
max-width: 600px;
}
body.meeting-transcription .intro_content,
body.ai-meeting-assistant .intro_content {
max-width: 580px;
}
body.recording .intro_content {
max-width: 560px;
}
body.meeting-recording .intro_content {
max-width: 600px;
}
.app_images img {
margin-right: 0 !important;
margin-left: 5px;
vertical-align: middle;
}
.hybrid-work .intro_content {
max-width: 630px;
}
.call-center-transcription .intro_content,
.speech-to-text-call-center .intro_content {
max-width: 600px;
}
.intro_features img {
margin-right: 8px;
}
body.ai-noise-cancellation .intro_content {
max-width: 625px;
}
body.ai-accent-conversion .intro_content {
max-width: 625px;
}
.benefits {
max-width: 996px;
margin: 0 auto;
}
.benefit_item_row {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
overflow: visible;
}
.benefit_item_row.reverse {
flex-direction: row-reverse;
}
.benefit_content {
max-width: 550px;
}
.notes_features .benefit_content {
max-width: 430px;
}
.benefit_item_row .img_wrapper {
position: relative;
z-index: 10;
}
.benefit_item_row:before {
content: ' ';
right: -50px;
width: 531px;
height: 423px;
position: absolute;
z-index: 1;
top: -50px;
}
.benefit_item_row.reverse:before {
right: unset;
left: -50px;
}
.benefit_item_row:nth-child(1):before {
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/img_back_shadow_1.png') no-repeat center center;
}
.benefit_item_row:nth-child(2):before {
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/img_back_shadow_2.png') no-repeat center center;
}
.benefit_item_row:nth-child(3):before {
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/img_back_shadow_3.png') no-repeat center center;
}
.benefit_item_row:nth-child(4):before {
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/img_back_shadow_2.png') no-repeat center center;
}
.benefit_item_row:nth-child(5):before {
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/img_back_shadow_3.png') no-repeat center center;
}
.video_outer {
position: relative;
text-align: center;
margin-bottom: 48px;
display: table;
margin-left: auto;
margin-right: auto;
}
.intepreter_video {
overflow: hidden;
}
.intepreter_video img {
border-radius: 20px;
}
.video_outer.mb_0 {
margin-bottom: 0;
}
.video_outer img {
max-width: 100%;
}
.video_outer .play_video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
z-index: 50;
}
#cctForm {
max-width: 794px;
margin: 0 auto;
}
#cctForm .input_row .input_wrapper {
max-width: 48%;
width: 424px;
}
#cctForm .input_row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#cctForm select option[value=''],
#cctForm select:invalid {
color: #576069;
}
#cctForm input::placeholder,
#cctForm textarea::placeholder {
color: #576069;
}
.cct_works {
display: flex;
align-items: center;
justify-content: center;
}
#cctForm select option[value=''],
#cctForm select:invalid {
color: #576069;
}
#cctForm input::placeholder,
#cctForm textarea::placeholder {
color: #576069;
}
.cct_works_content .list_item:before {
content: ' ';
width: 16px;
height: 16px;
flex: 0 0 16px;
margin-right: 8px;
transform: translateY(7px);
background: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_checkmark_blue.svg') no-repeat center center;
display: inline-block;
}
.cct_works_content .list_item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.more_use_cases {
display: flex;
align-items: center;
justify-content: space-between;
margin-left: -10px;
margin-right: -10px;
}
.more_use_cases .use_case {
margin: 0 10px;
border-radius: 20px;
transition: all 0.3s ease;
}
.use_case.enterprise:hover {
background-color: #fffaeb;
}
.use_case.professionals:hover {
background-color: #f3f0ff;
}
.use_case.sales:hover {
background-color: #fdfaff;
}
.use_case.hybrid:hover {
background-color: #fff6f5;
}
.use_case.individuals:hover {
background-color: #e9fbf9;
}
.use_case.call_center:hover {
background-color: #fffbfb;
}
.use_case.sdk:hover {
background-color: #eeedfe;
}
.improved_metrics_content {
display: flex;
justify-content: space-between;
gap: 20px;
}
.improved_metrics_content .inner_content {
flex: 1 1 0;
border-radius: 20px;
text-align: center;
}
.improved_metrics_content .inner_content strong {
font-size: 64px;
line-height: 66px;
}
#security p {
max-width: 768px;
}
#security .security_content {
border-radius: 20px;
align-self: stretch;
width: 49%;
align-self: stretch;
}
#security .security_content_outer .security_content ul {
margin-top: -30px;
padding-top: 54px;
padding-bottom: 24px;
list-style: none;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
#security .security_content_outer .security_content ul li {
margin-bottom: 5px;
display: flex;
align-items: flex-start;
}
#security .security_content_outer .security_content li span {
width: 12px;
height: 12px;
background-color: #131032;
margin-right: 16px;
border-radius: 50%;
display: block;
position: relative;
top: 8px;
flex: 0 0 12px;
}
#security .security_content_outer {
max-width: 1100px;
display: flex;
align-items: center;
justify-content: space-between;
}
#security .content_heading {
display: flex;
align-items: center;
border-radius: 20px;
position: relative;
z-index: 20;
}
#security .content_heading img {
margin-right: 24px;
}
#security .security_content ul {
min-height: 210px;
}
.case_studies_outer {
display: flex;
justify-content: center;
max-width: 996px;
margin: 0 auto;
}
.case_study_item {
margin: 0 32px;
flex: 0 0 calc(50% - 64px);
border-radius: 20px;
}
.case_study_item .subtitle {
display: flex;
align-items: center;
justify-content: space-between;
}
.case_study_item .subtitle > img {
margin-right: 16px;
}
.developers #improved_metrics .btn {
display: none;
}
body.ai-noise-cancellation #g2-reviews {
padding-top: 0;
}
.notes_feature_items img {
margin-right: 8px;
}
.open_ai_text {
display: flex;
align-items: center;
}
.feature_items .feature_item_flex {
display: flex;
align-items: flex-start;
}
.notes_feature_items img {
margin-right: 8px;
}
.feature_items .feature_item_flex img {
margin-right: 12px;
transform: translateY(5px);
}
.feature_video {
max-width: 518px;
height: 286px;
border-radius: 20px;
overflow: hidden;
position: relative;
z-index: 20;
}
body.ai-accent-conversion .feature_video {
height: auto;
}
body.ai-accent-conversion .feature_video img {
object-fit: cover;
max-height: 360px;
width: auto;
}
body.ai-accent-conversion #contact_center_video .video_outer img {
border-radius: 20px;
overflow: hidden;
}
.feature_video video {
width: 100%;
height: 100%;
border-radius: 20px;
}
.notes_features .benefit_item_row {
padding: 50px 0;
}
#features_new .features_content .content.persona_content {
max-width: 600px;
}
#privacy .privacy_title {
display: flex;
align-items: center;
justify-content: center;
}
#privacy .privacy_title strong {
padding-left: 8px;
padding-right: 15px;
border-radius: 15px;
}
#privacy .privacy_title img {
margin-right: 10px;
}
#privacy .privacy_title span {
padding: 2px 15px;
border-radius: 8px;
}
#privacy .subtitle {
max-width: 660px;
}
.faqs_wrapper {
max-width: 794px;
width: 100%;
margin: 0 auto;
}
.faq_item {
border-radius: 20px;
transition: all 0.3s ease;
cursor: pointer;
}
.faq_item.active .faq_question:after {
transform: rotate(45deg);
}
.faq_item .faq_question {
display: flex;
justify-content: space-between;
align-items: center;
}
.faq_item .faq_answer {
visibility: hidden;
opacity: 0;
max-height: 0;
transition: max-height 0.3s ease-in-out, opacity 0.3s ease;
position: absolute;
}
.faq_question:after {
content: url('https://krisp.ai/wp-content/themes/krisp-v4/css/../imgs/icon_plus.svg');
transition: all 0.3s ease;
width: 24px;
height: 24px;
}
.faq_item .faq_answer.show {
max-height: 5000px;
visibility: visible;
opacity: 1;
max-height: 5000;
position: static;
}
#features_new.notes_persona .feature_content_inner {
min-height: unset;
}
.intro_info_logo {
vertical-align: middle;
margin-left: 8px;
filter: brightness(0) saturate(100%) invert(6%) sepia(27%) saturate(4471%)
hue-rotate(230deg) brightness(99%) contrast(100%);
margin-right: 0 !important;
}
.early_access_form {
max-width: 794px;
}
.early_access_form .input_row .input_wrapper {
flex: 1 1 0;
background-color: #fff;
}
.early_access_form .input_row {
display: flex;
justify-content: space-between;
margin-left: -8px;
margin-right: -8px;
margin-bottom: 32px;
}
.early_access_form .input_row .input_wrapper {
margin: 0 8px;
}
.early_access_form input[type='submit'] {
max-width: 180px !important;
}
#recaptcha_v2 {
max-width: 304px;
margin: 0 auto 15px auto;
text-align: center;
}
.success_msg.show,
.error_msg.show {
display: flex;
max-width: 53%;
margin: 0 auto 15px auto;
}
.early_access_form .input_wrapper .placeholder {
left: 24px !important;
color: #949da6;
}
.early_access_form .input_wrapper {
border: 1px solid #949da6;
}
.video_outer_flex {
display: flex;
justify-content: space-between;
}
.video_slider_outer {
position: relative;
max-width: 660px;
margin: 0 auto;
}
.video_slider_outer .item {
max-width: 660px;
margin: 0 auto;
}
.video_slider_outer .owl-nav {
width: 780px;
max-width: 780px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: space-between;
z-index: 1;
}
.video_slider_outer .owl-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 24px;
}
.video_slider_outer .owl-stage-outer {
z-index: 99;
}
.video_slider_outer .owl-dots button span {
width: 12px;
height: 12px;
border-radius: 50%;
display: inline-block;
background: #c3c8cd;
margin: 0 10px;
}
.video_slider_outer .owl-dot.active span {
background: #949da6;
}
.demos_outer {
display: flex;
justify-content: center;
}
.demos_outer .demo {
margin: 0 16px;
max-width: 50%;
}
body.accent-conversion-demo .demos_outer {
justify-content: space-between;
}
body.accent-conversion-demo .demos_outer .demo {
margin: unset;
flex: 0 0 calc(50% - 20px);
max-width: unset;
}
.img_holder {
position: relative;
}
.img_holder img {
border-radius: 10px;
}
.img_holder .play_video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
background-color: #fe6257;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.video_wrapper {
min-height: 342px;
width: 609px;
}
body.call-center-noise-cancellation #g2-reviews {
padding-top: 136px;
}
#marketecture .content_wrapper {
display: flex;
align-items: center;
justify-content: center;
}
#marketecture .content_wrapper.has_gap {
gap: 48px;
}
@media only screen and (max-width: 1200px) {
.intro_image img {
max-width: 440px;
height: auto;
}
.more_use_cases .use_case img {
max-width: 100%;
height: auto;
}
.more_use_cases .use_case p {
max-width: 246px;
margin: 0 auto;
}
#security .security_content_outer .security_content ul {
padding-left: 24px;
padding-right: 24px;
}
#security .content_heading {
padding-left: 24px;
padding-right: 24px;
}
.case_study_item {
margin: 0 10px;
flex: 0 0 calc(33.33% - 20px);
}
.case_studies_outer {
margin-left: -20px;
margin-right: -20px;
}
.case_study_item img {
max-width: 100%;
height: auto;
}
.cct_image_wrapper {
max-width: 450px;
}
.cct_image_wrapper img {
width: 100%;
height: auto;
}
#contact_center_video .demos_outer .video_wrapper {
width: 100% !important;
min-height: unset;
}
#contact_center_video .demos_outer .video_wrapper img {
max-width: 100%;
height: auto;
}
}
@media only screen and (max-width: 1024px) {
body.ai-accent-conversion #how_it_works {
padding-bottom: 0 !important;
}
body.ai-accent-conversion .feature_video img {
width: 100%;
height: auto;
}
body.ai-accent-conversion #features_new {
padding-bottom: 100px !important;
}
#security .security_content ul {
min-height: unset;
}
.intro_image video {
max-width: 100%;
height: auto;
}
body.call-center-noise-cancellation #g2-reviews {
padding-top: 100px;
}
body.accent-conversion-demo .demos_outer .demo {
text-align: center;
}
.benefit_item_row .img_wrapper img {
max-width: 360px;
height: auto;
}
.more_use_cases .use_case {
padding: 10px !important;
margin: 0 5px;
}
.improved_metrics_content {
flex-direction: column;
gap: unset;
align-items: center;
}
.improved_metrics_content .inner_content {
width: 100%;
max-width: 541px;
margin-bottom: 24px;
}
#security .security_content_outer {
flex-direction: column;
}
#security .security_content {
width: 100%;
max-width: 542px;
margin-bottom: 20px;
}
#security .security_content {
margin: 0 auto 24px auto;
}
.security_content h5,
.security_content .img_wrapper {
text-align: center;
}
.case_studies_outer {
margin: 0 !important;
}
.case_study_item {
flex: 0 0 calc(50% - 32px);
margin: 0 16px;
}
.case_studies_title {
flex: 0 0 100%;
margin: 0 0 32px 0;
}
.case_studies_outer {
flex-wrap: wrap;
}
.more_use_cases .subtitle {
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.more_use_cases p {
display: flex;
align-items: flex-start;
justify-content: center;
}
.more_use_cases .use_case p {
font-size: 13px;
line-height: 24px;
}
body.ai-noise-cancellation .intro_content h1 br {
display: none;
}
body.ai-noise-cancellation .intro_content {
max-width: 570px;
}
.apps_outer .content h2 br {
display: none;
}
.feature_video {
height: auto;
}
.notes_features .benefit_item_row,
.notes_features .benefit_item_row.reverse {
flex-direction: column !important;
}
.notes_features .benefit_content {
text-align: center;
}
.notes_features .benefit_content {
order: 1;
}
.notes_features .benefit_item_row .feature_video {
order: 2;
margin-top: 16px;
width: 100%;
max-width: 431px;
}
.notes_features .benefit_item_row:before {
top: unset;
bottom: -50px;
right: unset;
left: unset;
}
.open_ai_text {
justify-content: center;
}
#features_new.notes_persona .feature_content_inner {
flex-direction: column;
}
#features_new.notes_persona .features_content .description {
display: block;
}
#features_new.notes_persona .features_content .content ul {
margin-left: 0;
margin-top: 24px;
}
#features_new.notes_persona .persona_img_wrapper {
text-align: center;
margin-top: 24px;
}
#features_new.notes_persona .persona_img_wrapper img {
max-width: 100%;
height: auto;
}
#features_new.notes_persona .features_content .content {
text-align: left !important;
}
#features_new.notes_persona .features_content .content ul li {
display: flex;
margin: 0;
margin-bottom: 6px;
}
#features_new.notes_persona .features_content .content ul li img {
margin-top: 6px;
}
.early_access_form {
padding-left: 20px;
padding-right: 20px;
}
.cct_works {
flex-direction: column;
max-width: 760px;
margin: 0 auto;
}
body.call-center-noise-cancellation .cct_works {
flex-direction: column-reverse;
}
body.call-center-noise-cancellation .cct_works img {
max-width: 500px;
}
.cct_image_wrapper {
max-width: unset;
}
#case_study .cct_works_content h2,
#case_study .cct_works_content p {
text-align: center;
}
#case_study .cct_works_content .btn {
margin: 24px auto 48px auto;
display: table;
}
.demos_outer {
flex-direction: column;
align-items: center;
}
.demos_outer .demo {
margin-bottom: 48px;
max-width: unset;
flex: 0 0 100%;
}
.demos_outer .demo:last-child {
margin-bottom: 0;
}
#last {
margin-top: 0 !important;
}
.call-center-transcription .owl-stage-outer {
padding-bottom: 0 !important;
}
#marketecture .content_wrapper .image {
max-width: 50%;
height: auto;
flex: 0 0 50%;
}
#marketecture .content_wrapper .image img {
max-width: 100%;
height: auto;
}
}
@media only screen and (max-width: 769px) {
body.call-center-noise-cancellation #g2-reviews {
padding-top: 80px;
}
.benefit_item_row {
padding: 40px 0 !important;
}
.intro_image img {
max-width: 100%;
height: auto;
}
.benefit_item_row,
.benefit_item_row.reverse {
flex-direction: column-reverse;
}
.benefit_content {
text-align: center;
}
.benefit_content h4 {
max-width: 375px;
margin-left: auto;
margin-right: auto;
}
.more_use_cases {
flex-direction: column;
}
.more_use_cases .use_case p {
max-width: 330px;
height: auto;
}
.more_use_cases .use_case .subtitle {
margin-top: 0;
height: auto;
}
.case_study_item {
flex: 0 0 100% !important;
margin: 0 0 48px 0 !important;
}
.case_studies_outer {
max-width: 425px;
margin: 0 auto !important;
}
.case_study_item div:not(.subtitle) > img {
width: 100%;
}
.call-center .intro_btn_set .btn,
.call-center .btn_set .btn {
margin-bottom: 16px;
}
#privacy .privacy_title img {
width: 28px;
height: 28px;
}
#privacy .privacy_title span {
padding: 2px 4px;
}
#security .content_heading img {
width: 32px;
height: 32px;
}
#security .security_content_outer .security_content ul {
margin-bottom: 0;
}
#security .security_content_outer .security_content ul li {
font-size: 13px;
line-height: 24px;
}
#security .security_content_outer .security_content li span {
width: 4px;
height: 4px;
flex: 0 0 4px;
margin-top: 3px;
margin-right: 8px;
}
.early_access_form .input_wrapper .placeholder {
max-width: calc(100% - 55px);
}
.early_access_form .input_row {
justify-content: center;
}
.early_access_form .form_container {
border-radius: 0;
transform: unset;
width: 100%;
max-width: unset;
padding-left: 20px;
padding-right: 20px;
}
.early_access_form .input_row {
flex-wrap: wrap;
margin-bottom: 0;
}
.early_access_form .input_wrapper {
flex: 1 0 100% !important;
margin-bottom: 32px !important;
}
body.ai-accent-conversion .intro_content h1::after {
position: unset;
display: block;
}
.video_outer img {
max-width: 100%;
height: auto;
}
#cctForm .input_row {
flex-direction: column;
margin-bottom: 0;
}
#cctForm .input_row .input_wrapper {
max-width: unset;
width: 100%;
margin-bottom: 24px;
}
.reviews .reviews_carousel .owl-nav {
width: 136px;
top: unset;
bottom: 0;
}
.benefit_item_row {
margin-bottom: 0 !important;
}
.benefit_item_row .img_wrapper img {
max-width: 100%;
}
.ai-accent-conversion #g2-reviews .owl-stage-outer,
.call-center-transcription #g2-reviews .owl-stage-outer {
padding-bottom: 0;
}
.review_scores .ratings .rating_stars img {
margin-right: 0 !important;
}
.contact-center #benefits .contact_sales,
.contact-center #last .contact_sales {
margin-bottom: 24px;
}
.professional-services #hero h1 br {
display: none;
}
.professional-services #hero h1 {
margin-left: -5px;
margin-right: -5px;
}
#marketecture .content_wrapper {
flex-direction: column;
text-align: center;
gap: 24px;
}
#marketecture .content_wrapper .image {
flex: 0 0 100%;
max-width: 100%;
}
}