/* source: index.css */
.integrate-your { margin: 0; font-weight: 300; } .ucaas { font-weight: 800; font-family: var(--font-heebo); } .into { font-weight: 300; } .ucaas-into-crm { margin: 0; } .integrate-your-ucaas-container { flex: 1; position: relative; line-height: 80px; text-transform: capitalize; display: inline-block; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.55); } .bannertextframe { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; max-width: 1240px; z-index: 2; } .imagedesktop-icon { width: 641px; position: absolute; object-fit: cover; right: 80px; z-index: 1; } .hero-image, .imagedesktop-icon, .imagemobile-icon { height: 480px; overflow: hidden; flex-shrink: 0; } .imagemobile-icon { width: 641px; object-fit: cover; display: none; z-index: 0; } .hero-image { align-self: stretch; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 75px 0 0 var(--padding-17xl); box-sizing: border-box; position: relative; gap: var(--gap-693xl); background-image: url(./public/hero_bg.webp); background-size: cover; background-repeat: no-repeat; background-position: top; font-size: 72px; color: var(--color-white); } .integrate-your-ucaas-container1 { font-size: var(--font-size-25xl); text-transform: capitalize; } .integrate-your-ucaas-container1, .most-of-the { align-self: stretch; position: relative; } .introduction, .title-description { display: flex; flex-direction: column; align-items: center; } .title-description { width: 100%; justify-content: center; padding: var(--padding-41xl) 0; box-sizing: border-box; gap: var(--gap-3xs); max-width: 1240px; } .introduction { align-self: stretch; background-color: var(--color-white); justify-content: flex-start; padding: 0 var(--padding-17xl); text-align: center; font-size: var(--font-size-lg); } .most-popular-crms { align-self: stretch; position: relative; text-transform: capitalize; font-weight: 300; } .crm-01-icon { height: auto; flex: 1; position: relative; border-radius: var(--br-5xs); max-width: 100%; overflow: hidden; object-fit: contain; gap: var(--gap-17xl); } .crm-01-icon, .crm-01-icon1, .crms { display: grid; grid-template-columns: repeat(3, 1fr); } .crm-01-icon1 { height: auto; flex: 1; position: relative; border-radius: var(--br-5xs); max-width: 100%; overflow: hidden; object-fit: contain; gap: var(--gap-17xl); cursor: pointer; } .crms { align-self: stretch; flex-direction: row; align-items: center; justify-content: center; gap: var(--gap-5xl); justify-items: center; } .most-popular-crm, .title-description1 { display: flex; flex-direction: column; align-items: center; } .title-description1 { width: 100%; justify-content: center; padding: var(--padding-41xl) 0 0; box-sizing: border-box; gap: var(--gap-3xs); max-width: 1240px; } .most-popular-crm { align-self: stretch; justify-content: flex-start; padding: 0 var(--padding-17xl); } .image-icon { align-self: stretch; width: 397px; max-height: 100%; overflow: hidden; flex-shrink: 0; object-fit: contain; height: auto; } .develop-a-crm { margin-bottom: 0; } .develop-a-crm-plug-in-that-can { margin: 0; font-family: inherit; font-size: inherit; padding-left: var(--padding-5xl); } .develop-a-crm-container { align-self: stretch; flex: 1; position: relative; } .crm-few-points, .title-description2 { display: flex; align-items: center; justify-content: center; } .crm-few-points { align-self: stretch; overflow: hidden; flex-direction: row; gap: var(--gap-5xl); text-align: left; font-size: var(--font-size-lg); } .title-description2 { width: 100%; flex-direction: column; padding: var(--padding-41xl) 0 0; box-sizing: border-box; gap: var(--gap-3xs); max-width: 1240px; } .here-is-how { padding: var(--padding-xl) var(--padding-17xl) 0; } .combine-box, .content, .here-is-how { align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .combine-box { background-image: url(./public/combine-box@3x.png); background-size: cover; background-repeat: no-repeat; background-position: top; text-align: center; } .image-f1-icon { align-self: stretch; height: auto; max-width: 100%; overflow: hidden; flex-shrink: 0; object-fit: contain; } .title, .while-agent-is { align-self: stretch; position: relative; } .while-agent-is { font-size: var(--font-size-lg); } .title-and-text { align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--gap-3xs); } .featuregroup, .featurone { display: flex; align-items: flex-start; gap: var(--gap-5xl); } .featurone { flex: 1; overflow: hidden; flex-direction: column; justify-content: flex-start; max-width: 397px; } .featuregroup { align-self: stretch; flex-direction: row; flex-wrap: wrap; justify-content: center; font-size: var(--font-size-11xl); } .features, .title-description3 { display: flex; flex-direction: column; align-items: center; } .title-description3 { width: 100%; justify-content: center; padding: var(--padding-41xl) 0 0; box-sizing: border-box; gap: var(--gap-5xl); max-width: 1240px; } .features { align-self: stretch; justify-content: flex-start; padding: 0 var(--padding-17xl); text-align: center; } .activity-log { position: relative; text-transform: capitalize; font-weight: 300; } .activelogimage-icon { width: 100%; height: auto; max-width: 1098px; overflow: hidden; flex-shrink: 0; object-fit: contain; } .automatically-log-incoming { align-self: stretch; position: relative; line-height: 34px; } .f1, .title-and-text3 { align-self: stretch; justify-content: center; } .title-and-text3 { display: flex; flex-direction: column; align-items: center; } .f1 { overflow: hidden; gap: var(--gap-base); text-align: center; font-size: var(--font-size-5xl); } .activitylog, .f1, .title-description4 { display: flex; flex-direction: column; align-items: center; } .title-description4 { width: 100%; justify-content: center; padding: var(--padding-41xl) 0; box-sizing: border-box; gap: var(--gap-5xl); max-width: 1240px; } .activitylog { align-self: stretch; justify-content: flex-start; padding: 0 var(--padding-17xl); background-image: url(./public/activitylog_bg.webp); background-size: cover; background-repeat: no-repeat; background-position: top; } .support-from-springct { position: relative; font-size: var(--font-size-25xl); text-transform: capitalize; font-weight: 300; } .image-119-icon { align-self: stretch; flex: 1; position: relative; max-width: 100%; overflow: hidden; max-height: 100%; } .component-5 { height: 80px; width: 80px; border-radius: var(--br-xs); background: linear-gradient(134.27deg, #fae482, #74c290); overflow: hidden; flex-shrink: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: var(--padding-xs); box-sizing: border-box; } .integration-with-your { align-self: stretch; position: relative; font-weight: 500; } .we-support-integration { align-self: stretch; position: relative; font-size: var(--font-size-lg); } .support-content { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--gap-9xs); } .component-51, .s1 { overflow: hidden; display: flex; flex-direction: row; align-items: center; } .s1 { align-self: stretch; justify-content: flex-start; gap: var(--gap-5xl); } .component-51 { height: 80px; width: 80px; border-radius: var(--br-xs); background: linear-gradient(134.27deg, #fae482, #74c290), #744211; flex-shrink: 0; justify-content: center; padding: var(--padding-xs); box-sizing: border-box; } .integration-with-your1 { align-self: stretch; position: relative; font-weight: 500; } .title-description5 { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--padding-41xl) 0 0; box-sizing: border-box; gap: var(--gap-9xl); max-width: 1240px; } .integrate-your-ucaas-into-crm, .support { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .support { align-self: stretch; padding: 0 var(--padding-17xl) var(--padding-41xl); font-size: var(--font-size-xl); } .integrate-your-ucaas-into-crm { width: 100%; position: relative; background-color: var(--color-white); overflow: hidden; text-align: left; font-size: var(--font-size-25xl); color: var(--color-black); font-family: var(--font-heebo); } @media screen and (max-width: 1920px) and (min-width: 1601px) { .features, .here-is-how, .introduction, .most-popular-crm { flex-direction: column; } .automatically-log-incoming { font-size: var(--font-size-5xl); } .we-support-integration { align-self: stretch; width: auto; } .support { flex-direction: column; } } @media screen and (max-width: 1600px) and (min-width: 1367px) { .integrate-your-ucaas-container { font-size: var(--font-size-39xl); line-height: 64px; } .automatically-log-incoming { font-size: var(--font-size-5xl); } } @media screen and (max-width: 1366px) and (min-width: 1281px) { .integrate-your-ucaas-container { font-size: var(--font-size-39xl); line-height: 64px; } .imagedesktop-icon { position: absolute; right: 20px; } .automatically-log-incoming { font-size: var(--font-size-5xl); } } @media screen and (max-width: 1280px) and (min-width: 961px) { .integrate-your-ucaas-container { font-size: 54px; line-height: 60px; } .imagedesktop-icon { position: absolute; right: 20px; } .hero-image { align-items: center; justify-content: flex-start; padding-left: 54px; box-sizing: border-box; } .integrate-your-ucaas-container1 { font-size: var(--font-size-21xl); } .most-of-the { font-size: var(--font-size-lg); } .most-popular-crms { font-size: var(--font-size-21xl); } .most-popular-crm { padding-left: 0; padding-right: 0; box-sizing: border-box; } .develop-a-crm-container { font-size: var(--font-size-lg); } .content, .here-is-how { padding-left: 0; padding-right: 0; box-sizing: border-box; } .combine-box { padding-left: var(--padding-17xl); padding-right: var(--padding-17xl); box-sizing: border-box; } .title { font-size: var(--font-size-5xl); } .while-agent-is { font-size: var(--font-size-lg); } .activity-log { font-size: var(--font-size-21xl); } .automatically-log-incoming { font-size: var(--font-size-5xl); } .support-from-springct { font-size: var(--font-size-21xl); } .integration-with-your { font-size: var(--font-size-xl); } .we-support-integration { font-size: var(--font-size-lg); } .integration-with-your1 { font-size: var(--font-size-xl); } } @media screen and (max-width: 1200px) { .here-is-how, .most-popular-crm { gap: var(--gap-3xs); } .automatically-log-incoming { font-size: var(--font-size-5xl); line-height: 34px; } .support { gap: var(--gap-3xs); } } @media screen and (max-width: 960px) and (min-width: 601px) { .integrate-your-ucaas-container { font-size: 50px; line-height: 60px; text-align: center; margin-bottom: 40px; } .bannertextframe { align-items: flex-end; justify-content: center; flex: unset; align-self: stretch; } .imagedesktop-icon { display: none; width: 641px; height: 400px; } .imagemobile-icon { display: flex; align-self: stretch; width: 100%; position: absolute; } .hero-image { height: 480px; flex-direction: column; gap: -4px; align-items: center; justify-content: flex-end; padding-left: 0; padding-bottom: 0; box-sizing: border-box; } .integrate-your-ucaas-container1 { font-size: var(--font-size-13xl); } .most-of-the { font-size: var(--font-size-lg); } .most-popular-crms { font-size: var(--font-size-13xl); } .crms { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-5xl); } .title-description1 { gap: var(--gap-base); padding-top: var(--padding-11xl); box-sizing: border-box; } .image-icon { align-self: stretch; width: auto; height: auto; } .develop-a-crm-container { font-size: var(--font-size-lg); flex: unset; align-self: stretch; } .crm-few-points { flex-direction: column; } .combine-box { padding-left: var(--padding-17xl); padding-right: var(--padding-17xl); box-sizing: border-box; } .title { font-size: var(--font-size-3xl); } .while-agent-is { font-size: var(--font-size-lg); } .title-and-text { gap: var(--gap-9xs); } .featurone { max-width: 397px; } .title-description3 { gap: var(--gap-5xl); padding-top: var(--padding-41xl); box-sizing: border-box; } .activity-log { font-size: var(--font-size-13xl); } .automatically-log-incoming { font-size: var(--font-size-5xl); line-height: 34px; } .support-from-springct { font-size: var(--font-size-13xl); } .integration-with-your { font-size: var(--font-size-lg); align-self: stretch; width: auto; } .we-support-integration { display: flex; } .integration-with-your1, .we-support-integration { font-size: var(--font-size-lg); align-self: stretch; width: auto; } .title-description5 { gap: var(--gap-17xl); } } @media screen and (max-width: 600px) and (min-width: 298px) { .integrate-your-ucaas-container { font-size: var(--font-size-13xl); line-height: 38px; text-align: center; } .bannertextframe { align-items: flex-end; justify-content: center; padding-left: var(--padding-base); padding-top: 0; padding-right: var(--padding-base); box-sizing: border-box; position: absolute; bottom: 20px; width: 100%; } .imagedesktop-icon { display: none; position: absolute; right: 20px; object-fit: contain; } .hero-image, .imagemobile-icon { height: auto; box-sizing: border-box; } .imagemobile-icon { display: flex; padding: 0; min-height: 200px; width: 100%; object-fit: contain; } .hero-image { gap: var(--gap-693xl); align-items: flex-start; justify-content: center; padding-left: 0; padding-top: 75px; padding-right: 0; position: relative; } .integrate-your-ucaas-container1 { font-size: var(--font-size-5xl); } .most-of-the { font-size: var(--font-size-base); } .title-description { padding-top: var(--padding-11xl); padding-bottom: var(--padding-11xl); box-sizing: border-box; } .introduction { padding-left: var(--padding-base); padding-right: var(--padding-base); box-sizing: border-box; } .most-popular-crms { font-size: var(--font-size-5xl); } .crm-01-icon, .crm-01-icon1, .crms { display: grid; gap: var(--gap-5xl); width: 100%; } .crm-01-icon, .crm-01-icon1 { max-width: 600px; grid-template-columns: repeat(3, 1fr); justify-items: center; flex: unset; align-self: stretch; } .crms { flex-direction: column; grid-template-columns: repeat(2, 1fr); } .title-description1 { padding-top: var(--padding-11xl); box-sizing: border-box; } .most-popular-crm { padding-left: 0; padding-right: 0; box-sizing: border-box; } .image-icon { align-self: stretch; width: auto; } .develop-a-crm-container { font-size: var(--font-size-base); flex: unset; align-self: stretch; } .crm-few-points, .title-description2 { flex-direction: column; } .here-is-how { padding-top: var(--padding-11xl); box-sizing: border-box; } .combine-box { padding-left: var(--padding-base); padding-right: var(--padding-base); box-sizing: border-box; } .image-f1-icon { height: 450px; } .title { font-size: var(--font-size-xl); } .while-agent-is { font-size: var(--font-size-base); } .title-and-text { gap: var(--gap-9xs); } .featuregroup, .featurone { align-items: center; justify-content: center; } .featurone { width: 100%; gap: var(--gap-xs); flex: unset; align-self: stretch; } .featuregroup { flex-direction: column; gap: var(--gap-5xl); display: grid; grid-template-columns: repeat (1, 1fr); } .features, .title-description3 { padding-top: var(--padding-11xl); box-sizing: border-box; } .title-description3 { gap: var(--gap-xs); } .features { align-self: stretch; width: auto; padding-left: var(--padding-base); padding-right: var(--padding-base); } .activity-log, .automatically-log-incoming { font-size: var(--font-size-5xl); } .automatically-log-incoming { line-height: 28px; } .title-description4 { gap: var(--gap-base); padding-top: var(--padding-11xl); padding-bottom: var(--padding-11xl); box-sizing: border-box; } .activitylog { padding-left: var(--padding-base); padding-right: var(--padding-base); box-sizing: border-box; } .support-from-springct { font-size: var(--font-size-5xl); } .component-5 { width: 80px; height: 80px; } .integration-with-your, .we-support-integration { font-size: var(--font-size-base); text-align: center; } .we-support-integration { align-self: stretch; width: auto; } .support-content { flex: unset; align-self: stretch; } .s1 { flex-direction: column; gap: var(--gap-xs); } .component-51 { width: 80px; height: 80px; } .integration-with-your1 { font-size: var(--font-size-base); text-align: center; align-self: stretch; width: auto; } .title-description5 { gap: var(--gap-base); padding-top: var(--padding-11xl); box-sizing: border-box; } .support { padding-left: var(--padding-base); padding-right: var(--padding-base); box-sizing: border-box; } } @media screen and (max-width: 420px) { .most-popular-crm { padding-left: var(--padding-base); padding-top: 0; padding-right: var(--padding-base); box-sizing: border-box; } .title-description2 { padding-top: var(--padding-sm); padding-bottom: var(--padding-sm); box-sizing: border-box; } .here-is-how { padding-left: var(--padding-base); padding-top: 0; padding-right: var(--padding-base); box-sizing: border-box; } .automatically-log-incoming { font-size: var(--font-size-5xl); line-height: 28px; } .title-description4, .title-description5 { padding-top: var(--padding-sm); padding-bottom: var(--padding-sm); box-sizing: border-box; } .support { padding-left: var(--padding-base); padding-top: 0; padding-right: var(--padding-base); box-sizing: border-box; } } @media screen and (max-width: 297px) and (min-width: 100px) { .integrate-your-ucaas-container { font-size: var(--font-size-7xl); line-height: 30px; text-align: center; } .bannertextframe { align-items: flex-end; justify-content: center; padding-left: var(--padding-base); padding-top: 0; padding-right: var(--padding-base); box-sizing: border-box; position: absolute; bottom: 20px; width: 100%; } .imagedesktop-icon { display: none; } .imagemobile-icon { display: flex; width: 340px; height: auto; object-fit: contain; } .hero-image { height: auto; gap: var(--gap-693xl); align-items: flex-end; justify-content: center; padding-left: 0; box-sizing: border-box; position: relative; } .integrate-your-ucaas-container1 { font-size: var(--font-size-xl); } .most-of-the { font-size: var(--font-size-sm); } .title-description { padding-top: var(--padding-11xl); padding-bottom: var(--padding-11xl); box-sizing: border-box; } .introduction { padding-left: var(--padding-base); padding-right: var(--padding-base); box-sizing: border-box; } .most-popular-crms { font-size: var(--font-size-xl); } .crms { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-5xl); } .title-description1 { padding-top: var(--padding-11xl); box-sizing: border-box; } .most-popular-crm { padding-left: var(--padding-base); padding-right: var(--padding-base); box-sizing: border-box; } .image-icon { width: 290px; } .develop-a-crm-container { font-size: var(--font-size-sm); line-height: 20px; flex: unset; align-self: stretch; } .crm-few-points { flex-direction: column; } .here-is-how, .title-description2 { padding-top: var(--padding-11xl); box-sizing: border-box; } .here-is-how { padding-left: var(--padding-base); padding-right: var(--padding-base); } .title { font-size: var(--font-size-base); } .while-agent-is { font-size: var(--font-size-sm); } .title-and-text { gap: var(--gap-11xs); } .featurone { flex: unset; align-self: stretch; } .featuregroup { flex-direction: column; } .activity-log, .automatically-log-incoming { font-size: var(--font-size-xl); } .automatically-log-incoming { line-height: 24px; } .support-from-springct { font-size: var(--font-size-xl); text-align: center; } .component-5 { width: 60px; height: 60px; } .integration-with-your, .we-support-integration { font-size: var(--font-size-sm); text-align: center; align-self: stretch; width: auto; flex: 1; } .support-content { flex: unset; align-self: stretch; } .s1 { flex-direction: column; gap: var(--gap-5xs); } .component-51 { width: 60px; height: 60px; } .integration-with-your1 { font-size: var(--font-size-sm); text-align: center; align-self: stretch; width: auto; flex: 1; } .title-description5 { gap: var(--gap-5xl); } .support { flex: 1; padding-left: var(--padding-17xl); padding-right: var(--padding-17xl); box-sizing: border-box; } }
/* source: cookie_popup.css */
 .termsfeed-com---nb-simple { max-width: 100% !important; } .termsfeed-com---nb .cc-nb-main-container { padding: 12px 32px 20px !important; display: flex !important; flex-direction: row; flex-wrap: wrap; justify-content: space-between !important; align-items: center !important; gap: 16px !important; font-size: 16px !important; font-family: "Heebo", sans-serif !important; } .termsfeed-com---nb .cc-nb-main-container { padding: 12px 32px 20px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: nowrap !important; gap: 16px !important; } .termsfeed-com---palette-light .cc-nb-text { flex: 1 1 auto; margin-right: 24px; } .cc-nb-buttons-container { flex-shrink: 0; display: flex !important; flex-direction: row !important; justify-content: flex-end !important; gap: 12px !important; } .termsfeed-com---reset p { margin-bottom: 0 !important; } .termsfeed-com---palette-light.termsfeed-com---nb { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15) !important; background-color: #ffffff !important; text-align: left !important; box-sizing: border-box !important; width: -webkit-fill-available; } .termsfeed-com---palette-light .cc-nb-text { color: #2d2d2d !important; font-size: 16px !important; flex: 1 1 auto; line-height: 1.6; } .termsfeed-com---palette-light .cc-nb-text a { text-decoration: underline !important; color: #0056b3 !important; } .cc-nb-buttons-container { display: flex !important; justify-content: flex-end !important; gap: 12px !important; flex: 0 0 auto; } .cc-nb-okagree, .cc-nb-reject { padding: 12px 24px !important; font-size: 14px !important; border-radius: 6px !important; text-transform: uppercase !important; font-weight: bold !important; cursor: pointer !important; min-width: 90px !important; text-align: center; border: none !important; } .cc-nb-okagree { background-color: #28a745 !important; color: white !important; } .cc-nb-okagree:hover { background-color: #218838 !important; } .cc-nb-reject { background-color: #d9534f !important; color: white !important; } .cc-nb-reject:hover { background-color: #c9302c !important; } .cc-nb-customize, .cross-btn, .cc-nb-title-container { display: none !important; } @media screen and (max-width: 600px) { .termsfeed-com---nb .cc-nb-main-container { flex-direction: column !important; align-items: flex-start !important; padding: 20px !important; } .termsfeed-com---palette-light .cc-nb-text { font-size: 14px !important; padding-right: 0 !important; } .cc-nb-buttons-container { width: 100% !important; justify-content: flex-end !important; flex-wrap: wrap; } .cc-nb-okagree, .cc-nb-reject { width: 0% !important; max-width: 100% !important; font-size: 12px !important; } }