/* source: style.css */
@font-face { font-family: Heebo-Thin; src: url("../../../fonts/Heebo-Thin.ttf"); } @font-face { font-family: Heebo-Black; src: url("../../../fonts/Heebo-Black.ttf"); } @font-face { font-family: Heebo-Bold; src: url("../../../fonts/Heebo-Bold.ttf"); } @font-face { font-family: Heebo-ExtraBold; src: url("../../../fonts/Heebo-ExtraBold.ttf"); } @font-face { font-family: Heebo-Light; src: url("../../../fonts/Heebo-Light.ttf"); } @font-face { font-family: Heebo-Medium; src: url("../../../fonts/Heebo-Medium.ttf"); } @font-face { font-family: Heebo-Regular; src: url("../../../fonts/Heebo-Regular.ttf"); } html, body { overflow-x: hidden; } body { position: relative; font-family: Heebo-Regular; max-width: 100%; } .MarginAuto { margin: 0 auto; } .No-padding { padding: 0; } .marginTop { margin-top: 0.4em; } .navigating { margin-bottom: 30px; } .button-container { padding-bottom: 60px; display: flex; justify-content: space-between; align-items: center; } .link-container { padding-top: 20px; } #more-articles { border-color: green; text-transform: uppercase; color: green; font-family: Heebo-Medium; background-color: #ffff; height: 38px; font-size: 16px; } .mainDiv { margin-top: 8rem; } .subtitle { font-size: 18px !important; font-family: Heebo-Medium; margin-bottom: 15px; color: #909090 !important; } .articleHeading { font: normal normal bold 40px/51px Heebo; letter-spacing: 0px; opacity: 1; font-family: 'Heebo-Regular'; margin-bottom: 0px; } .displayFlex { display: flex; align-items: center; } .writerDetails { margin: 1.1rem 0 1rem 1rem; } .writeName { color: #0261BB; font-family: 'Heebo-Regular'; font-weight: bold; font-size: 1rem; } .writePosition { font-size: 1rem; } .bold-item { font-style: italic; } .socialMedia { text-align: right; display: flex; justify-content: flex-end; } .socialMedia img { margin-right: 0.7rem; } .aligncenter img { margin-left: auto; margin-right: auto; } .grey { color: #191919; } .imgName { text-align: center; font-size: 1.6rem; } .paragraph { opacity: 1 !important; font-size: 1rem; margin-top: 2rem; } .imgWidth { width: 100%; max-width: 100%; } .imgWidth60 { max-width: 97rem; max-height: 45.9rem; } .displyaBlock { display: flex; flex-direction: column; } .mt-0 { margin-top: 0 !important; } .mt-3 { margin-top: 1rem; } .img-heading { font-family: Heebo-Medium; font-size: 22px; color: #191919; } @media only screen and (min-width: 991px) { .imgWidth60 { display: flex; } } @media only screen and (max-width:540px) { .mainDiv { padding: 0px 1rem; margin-top: 8rem; } } @media only screen and (max-width:395px) { .articleHeading { font-size: 2.5rem; } } @media only screen and (max-width: 768px) { .more-articles-container { padding-top: 12px; } } 
/* 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; } } 
/* source: site.css */
body { margin: 0; line-height: normal; } .popup-overlay { display: flex; flex-direction: column; position: fixed; inset: 0; } :root { --font-heebo: Heebo; --font-helvetica-neue: "Helvetica Neue"; --font-open-sans: "Open Sans"; --font-size-xs: 12px; --font-size-xl: 20px; --font-size-sm: 14px; --font-size-41xl: 60px; --font-size-33xl: 52px; --font-size-11xl: 30px; --font-size-9xl: 28px; --font-size-11xl: 30px; --font-size-27xl: 46px; --font-size-19xl: 38px; --font-size-31xl: 50px; --font-size-23xl: 42px; --font-size-5xl: 24px; --font-size-7xl: 26px; --font-size-21xl: 40px; --font-size-13xl: 32px; --font-size-lg: 18px; --font-size-23xl: 42px; --font-size-15xl: 34px; --font-size-base: 16px; --font-size-3xs: 10px; --font-size-2xs: 11px; --font-size-lg: 18px; --font-size-mini: 15px; --color-firebrick: #cb2e31; --background-background-primary: #fff; --transparent-transparent: #fff; --color-mediumseagreen-100: #1ed07e; --color-gray-800: #959393; --color-gray-100: #1e1e1e; --color-gray-200: #1d1d1d; --color-gray-300: #121338; --color-gray-400: #0c111f; --color-gray-500: #0b0b0b; --color-gray-900: #0a0a0a; --color-gray-1000: rgba(12, 17, 31, 0); --color-gray-700: rgba(255, 255, 255, 0.52); --color-gray-1100: rgba(255, 255, 255, 0.7); --color-gray-600: rgba(11, 11, 11, 0.44); --color-deeppink: #ff04b9; --color-aquamarine: #00ffd3; --color-peru: #ca974e; --color-aliceblue: #e5eef8; --color-khaki: #fae265; --color-darkslategray-200: #3e3c3c; --color-darkslategray-100: #1b3d2f; --color-darkslategray-300: #1c3045; --color-lightgray-100: #d7d7d7; --color-mediumspringgreen: #21ed8f; --color-mediumseagreen: #1ed07e; --color-whitesmoke: #f1eeee; --color-darkgray: #9f9f9f; --color-silver: #bdc6d0; --color-lightgreen: #94c56f; --color-goldenrod: #f3a43c; --color-gainsboro: rgba(230, 230, 230, 0.67); --color-lightskyblue: #7cb9f6; --color-salmon: #ff7867; --color-darkturquoise: #04d0dd; --color-whitesmoke-100: #f6f5f5; --gap-mid: 17px; --gap-5xl: 24px; --gap-5xs: 8px; --gap-7xs: 6px; --gap-0: 0px; --gap-base: 16px; --gap-xs: 12px; --gap-3xs: 10px; --gap-xs: 12px; --gap-sm: 14px; --gap-9xs: 4px; --gap-5xs: 8px; --gap-xl: 20px; --gap-lg: 18px; --gap-mini: 15px; --gap-163xl: 182px; --gap-153xl: 172px; --gap-19xl: 38px; --gap-4xl: 23px; --gap-9xl: 28px; --gap-7xl: 26px; --gap-10xs: 3px; --gap-21xl: 40px; --gap-8xs: 5px; --gap-12xl: 31px; --padding-2xs: 11px; --padding-121xl: 140px; --padding-77xl: 96px; --padding-5xl: 24px; --padding-lg: 18px; --padding-61xl: 80px; --padding-base: 16px; --padding-xl: 20px; --padding-5xs: 8px; --padding-3xs: 10px; --padding-35xl: 54px; --padding-sm: 14px; --padding-5xs: 8px; --padding-xs: 12px; --padding-17xl: 36px; --padding-23xl: 42px; --padding-11xl: 30px; --padding-41xl: 60px; --padding-10xs: 3px; --padding-25xl: 44px; --padding-lg: 18px; --padding-lgi: 19px; --padding-43xl: 62px; --padding-15xl: 34px; --padding-61xl: 80px; --padding-46xl: 65px; --padding-8xs: 5px; --padding-11xs: 2px; --padding-13xl: 32px; --padding-3xl: 22px; --padding-9xs: 4px; --br-8xs: 5px; --br-6xs: 7px; --br-lg: 18px; --br-mid: 17px; --br-7xs: 6px; --br-12xs: 1px; --br-10xs: 3px; --br-3xs: 10px; } .theme-webrtcconsultancy { --font-heebo: Heebo; --font-size-sm: 14px; --font-size-2xs: 11px; --font-size-base: 16px; --font-size-31xl: 50px; --font-size-21xl: 40px; --font-size-13xl: 32px; --font-size-lg: 18px; --font-size-17xl: 36px; --font-size-9xl: 28px; --font-size-3xl: 22px; --font-size-11xl: 30px; --font-size-7xl: 26px; --font-size-xl: 20px; --font-size-xs: 12px; --font-size-23xl: 42px; --font-size-5xl: 24px; --font-size-33xl: 52px; --font-size-mini: 15px; --color-white: #fff; --color-mediumseagreen: #1ed07e; --color-mediumspringgreen: #21ed8f; --color-gray-200: #1d1d1d; --color-gray-300: #0c111f; --color-gray-100: #0b0b0b; --color-whitesmoke: #f1eeee; --color-darkgray: #9f9f9f; --text-color: #000; --color-darkslateblue: #5b336a; --color-lemonchiffon: #fff2c7; --color-lightsalmon: #ff9b7b; --color-darkslategray: rgba(37, 43, 66, 0.8); --color-gainsboro: rgba(230, 230, 230, 0.67); --color-webrtc-purple: #4d359d; --color-webrtc-dark-purple: #654577; --gap-19xl: 38px; --gap-xl: 20px; --gap-5xl: 24px; --gap-base: 16px; --gap-23xl: 42px; --gap-xs: 12px; --gap-5xs: 8px; --gap-9xs: 4px; --gap-3xs: 10px; --gap-41xl: 60px; --gap-11xl: 30px; --gap-11xs: 2px; --gap-13xl: 32px; --gap-16xl: 35px; --gap-mini: 15px; --gap-10xs: 3px; --padding-25xl: 44px; --padding-17xl: 36px; --padding-base: 16px; --padding-lg: 18px; --padding-xl: 20px; --padding-lgi: 19px; --padding-3xs: 10px; --padding-23xl: 42px; --padding-15xl: 34px; --padding-61xl: 80px; --padding-41xl: 60px; --padding-5xl: 24px; --padding-xs: 12px; --padding-21xl: 40px; --padding-11xl: 30px; --padding-9xs: 4px; --padding-13xl: 32px; --padding-6xl: 24px; --padding-7xs: 6px; --br-7xs: 4px; --br-6xs: 8px; --br-81xl: 44px; --br-12xs: 2px; } .theme-cookiepolicy { --font-heebo: Heebo; --font-size-xs: 12px; --font-size-sm: 14px; --font-size-2xs: 11px; --font-size-base: 16px; --font-size-29xl: 48px; --font-size-15xl: 34px; --font-size-5xl: 24px; --font-size-lg: 18px; --font-size-xl: 20px; --font-size-31xl: 50px; --font-size-17xl: 36px; --font-size-11xl: 30px; --font-size-3xl: 22px; --font-size-mini: 15px; --font-size-3xs: 10px; --font-size-25xl: 44px; --font-size-21xl: 40px; --font-size-9xl: 28px; --font-size-7xl: 26px; --font-size-27xl: 46px; --font-size-13xl: 32px; --color-gray-500: #121338; --color-gray-100: #0c111f; --color-gray-600: #0e0f10; --color-gray-200: #0b0b0b; --color-gray-400: rgba(11, 11, 11, 0); --color-gray-800: rgba(255, 255, 255, 0.8); --color-gray-900: rgba(0, 0, 0, 0.58); --color-gray-300: rgba(255, 255, 255, 0.6); --color-gray-700: rgba(255, 255, 255, 0.4); --color-silver: #b0c7c4; --color-mediumseagreen: #1ed07e; --color-mediumspringgreen: #21ed8f; --color-white: #fff; --color-whitesmoke-100: #f6f5f5; --color-whitesmoke-200: #f1eeee; --color-darkgray: #9f9f9f; --color-darkgray-100: #999; --color-darkslategray-100: #1b3d2f; --color-darkslategray-200: #152936; --color-darkslategray-300: rgba(27, 61, 47, 0.7); --color-royalblue: #2a4fd5; --color-cornflowerblue: #317ac6; --color-dimgray: #737373; --color-lightgray: #d7d7d7; --gap-3xs: 10px; --gap-21xl: 40px; --gap-xl: 20px; --gap-5xl: 24px; --gap-base: 16px; --gap-17xl: 36px; --gap-5xs: 8px; --gap-11xl: 30px; --gap-8xs: 5px; --gap-11xs: 2px; --gap-12xl: 31px; --gap-mid: 17px; --gap-7xs: 6px; --gap-9xs: 4px; --gap-31xl: 50px; --gap-13xl: 32px; --gap-3xl: 22px; --gap-lg: 18px; --gap-xs: 12px; --gap-sm: 14px; --gap-12xs: 1px; --gap-10xs: 3px; --padding-5xl: 24px; --padding-3xs: 10px; --padding-xl: 20px; --padding-41xl: 60px; --padding-15xl: 34px; --padding-77xl: 96px; --padding-lg: 18px; --padding-lgi: 19px; --padding-base: 16px; --padding-17xl: 36px; --padding-5xs: 8px; --padding-9xs: 4px; --padding-11xs: 2px; --padding-10xs: 3px; --padding-81xl: 100px; --padding-11xl: 30px; --padding-sm: 14px; --padding-7xs: 6px; --padding-26xl: 45px; --padding-36xl: 55px; --padding-21xl: 40px; --padding-xs: 12px; --br-6xs: 7px; --br-7xs: 6px; --br-12xs: 1px; --br-5xs: 8px; --br-9xs: 4px; } .theme-integrate-your-ucaas-into-crm { --font-heebo: Heebo; --font-helvetica-neue: "Helvetica Neue"; --font-open-sans: "Open Sans"; --font-size-lg: 18px; --font-size-base: 16px; --font-size-sm: 14px; --font-size-xl: 20px; --font-size-25xl: 44px; --font-size-21xl: 40px; --font-size-13xl: 32px; --font-size-5xl: 24px; --font-size-11xl: 30px; --font-size-3xl: 22px; --font-size-39xl: 58px; --font-size-7xl: 26px; --font-size-9xl: 28px; --font-size-15xl: 34px; --color-white: #fff; --background-background-primary: #fff; --color-mediumseagreen: #1ed07e; --color-darkolivegreen: #463c10; --color-gray-100: #1d1d1d; --color-gray-200: #0b0b0b; --color-lightgray: #d7d7d7; --color-firebrick: #cb2e31; --color-khaki: #fce681; --color-olive: #907504; --color-black: #000; --color-darkslategray-100: #363f43; --color-darkslategray-200: #303638; --color-dimgray: #4c5458; --color-lightskyblue: #67b0e6; --color-skyblue: #8aebff; --gap-3xs: 10px; --gap-9xl: 28px; --gap-17xl: 36px; --gap-base: 16px; --gap-5xl: 24px; --gap-xs: 12px; --gap-5xs: 8px; --gap-9xs: 4px; --gap-11xs: 2px; --gap-693xl: 712px; --gap-xl: 20px; --gap-10xs: 3px; --gap-7xs: 6px; --gap-41xl: 60px; --gap-21xl: 40px; --gap-13xl: 32px; --gap-11xl: 30px; --padding-17xl: 36px; --padding-41xl: 60px; --padding-base: 16px; --padding-sm: 14px; --padding-11xl: 30px; --padding-xs: 12px; --padding-xl: 20px; --padding-5xl: 24px; --padding-3xs: 10px; --padding-5xs: 8px; --padding-10xs: 3px; --padding-21xl: 40px; --padding-131xl: 150px; --padding-61xl: 80px; --padding-121xl: 140px; --padding-77xl: 96px; --padding-15xl: 34px; --padding-9xs: 4px; --padding-11xs: 2px; --padding-7xs: 6px; --padding-45xl: 64px; --padding-29xl: 48px; --br-xs: 12px; --br-5xs: 8px; --br-8xs: 5px; --br-11xs: 2px; --br-5xl: 24px; --br-81xl: 100px; --br-9xs: 4px; } .theme-casestudies-transforming-customer-support-with-secure-cobrowsing-solution { --font-open-sans: "Open Sans"; --font-heebo: Heebo; --font-helvetica-neue: "Helvetica Neue"; --font-size-xs: 12px; --font-size-sm: 14px; --font-size-base: 16px; --font-size-3xl: 22px; --font-size-5xl: 24px; --font-size-xl: 20px; --font-size-13xl: 32px; --font-size-9xl: 28px; --font-size-29xl: 48px; --font-size-15xl: 34px; --font-size-7xl: 26px; --font-size-21xl: 40px; --font-size-17xl: 36px; --font-size-lg: 18px; --font-size-11xl: 30px; --font-size-39xl: 58px; --font-size-25xl: 44px; --background-background-primary: #fff; --color-whitesmoke-300: #f9f9f9; --color-whitesmoke-100: #f4f4f4; --color-whitesmoke-200: #eaeaea; --color-gray-100: #1d1d1d; --color-gray-600: #0c111f; --color-gray-200: #0b0b0b; --color-gray-300: rgba(0, 0, 0, 0.72); --color-gray-400: rgba(255, 255, 255, 0.6); --color-gray-500: rgba(255, 255, 255, 0.8); --color-olive: #907504; --color-black: #000; --color-darkslategray-100: #363f43; --color-darkslategray-200: #303638; --color-darkslategray-300: #1b3d2f; --color-firebrick: #cb2e31; --color-khaki: #fce681; --color-mediumseagreen-200: #1ed07e; --color-mediumseagreen-100: #3db16c; --color-lightgray: #d7d7d7; --color-dimgray: #4c5458; --color-goldenrod: #d9b22b; --color-darkslateblue: #194c93; --color-lightskyblue: #67b0e6; --color-skyblue: #8aebff; --color-darkgray: #9f9f9f; --color-aliceblue: #edf2fd; --gap-21xl: 40px; --gap-xl: 20px; --gap-13xl: 32px; --gap-5xl: 24px; --gap-3xs: 10px; --gap-5xs: 8px; --gap-xs: 12px; --gap-7xs: 6px; --gap-base: 16px; --gap-10xs: 3px; --gap-11xs: 2px; --gap-12xl: 31px; --gap-9xs: 4px; --gap-11xl: 30px; --gap-mini: 15px; --gap-9xl: 28px; --gap-17xl: 36px; --gap-693xl: 712px; --padding-41xl: 60px; --padding-3xs: 10px; --padding-77xl: 96px; --padding-15xl: 34px; --padding-5xl: 24px; --padding-9xs: 4px; --padding-base: 16px; --padding-xs: 12px; --padding-5xs: 8px; --padding-11xs: 2px; --padding-7xs: 6px; --padding-10xs: 3px; --padding-21xl: 40px; --padding-131xl: 150px; --padding-11xl: 30px; --padding-61xl: 80px; --padding-121xl: 140px; --padding-xl: 20px; --padding-sm: 14px; --padding-8xs: 5px; --padding-17xl: 36px; --padding-mid: 17px; --br-11xs: 2px; --br-8xs: 5px; --br-xs: 12px; --br-6xs: 7px; --br-7xs: 6px; --br-5xs: 8px; --br-81xl: 100px; --br-5xl: 24px; --br-9xs: 4px; } .theme-casestudies-integration-of-ucaas-into-hubspot-crm-platform { --font-open-sans: "Open Sans"; --font-heebo: Heebo; --font-helvetica-neue: "Helvetica Neue"; --font-size-lg: 18px; --font-size-base: 16px; --font-size-sm: 14px; --font-size-xl: 20px; --font-size-5xl: 24px; --font-size-7xl: 26px; --font-size-3xl: 22px; --font-size-13xl: 32px; --font-size-9xl: 28px; --font-size-29xl: 48px; --font-size-15xl: 34px; --font-size-21xl: 40px; --font-size-17xl: 36px; --font-size-xs: 12px; --font-size-11xl: 30px; --font-size-39xl: 58px; --font-size-25xl: 44px; --background-background-primary: #fff; --color-whitesmoke-300: #f9f9f9; --color-whitesmoke-100: #f4f4f4; --color-whitesmoke-200: #eaeaea; --color-gray-100: #1d1d1d; --color-gray-600: #0c111f; --color-gray-200: #0b0b0b; --color-gray-300: rgba(0, 0, 0, 0.72); --color-gray-400: rgba(255, 255, 255, 0.6); --color-gray-500: rgba(255, 255, 255, 0.8); --color-olive: #907504; --color-black: #000; --color-darkslategray-100: #363f43; --color-darkslategray-200: #303638; --color-darkslategray-300: #1b3d2f; --color-firebrick: #cb2e31; --color-khaki: #fce681; --color-mediumseagreen-200: #1ed07e; --color-mediumseagreen-100: #3db16c; --color-lightgray: #d7d7d7; --color-dimgray: #4c5458; --color-goldenrod: #d9b22b; --color-darkslateblue: #194c93; --color-lightskyblue: #67b0e6; --color-skyblue: #8aebff; --color-darkgray: #9f9f9f; --color-aliceblue: #edf2fd; --gap-21xl: 40px; --gap-xl: 20px; --gap-13xl: 32px; --gap-5xl: 24px; --gap-3xs: 10px; --gap-5xs: 8px; --gap-xs: 12px; --gap-7xs: 6px; --gap-base: 16px; --gap-10xs: 3px; --gap-11xs: 2px; --gap-12xl: 31px; --gap-9xs: 4px; --gap-11xl: 30px; --gap-mini: 15px; --gap-9xl: 28px; --gap-17xl: 36px; --gap-693xl: 712px; --padding-41xl: 60px; --padding-3xs: 10px; --padding-77xl: 96px; --padding-15xl: 34px; --padding-5xl: 24px; --padding-9xs: 4px; --padding-base: 16px; --padding-xs: 12px; --padding-5xs: 8px; --padding-11xs: 2px; --padding-7xs: 6px; --padding-10xs: 3px; --padding-21xl: 40px; --padding-131xl: 150px; --padding-11xl: 30px; --padding-61xl: 80px; --padding-121xl: 140px; --padding-xl: 20px; --padding-sm: 14px; --padding-8xs: 5px; --padding-17xl: 36px; --padding-mid: 17px; --padding-lg: 18px; --padding-smi: 13px; --padding-2xs: 11px; --padding-45xl: 64px; --padding-29xl: 48px; --br-11xs: 2px; --br-8xs: 5px; --br-xs: 12px; --br-6xs: 7px; --br-7xs: 6px; --br-5xs: 8px; --br-81xl: 100px; --br-5xl: 24px; --br-9xs: 4px; }