/* source: style.css */
@font-face { font-family: Heebo-Thin; src: url("./fonts/heebo-latin-100-normal.woff2"); } @font-face { font-family: Heebo-Black; src: url("./fonts/heebo-latin-900-normal.woff2"); } @font-face { font-family: Heebo-Bold; src: url("./fonts/heebo-latin-700-normal.woff2"); } @font-face { font-family: Heebo-ExtraBold; src: url("./fonts/heebo-latin-800-normal.woff2"); } @font-face { font-family: Heebo-Light; src: url("./fonts/heebo-latin-300-normal.woff2"); } @font-face { font-family: Heebo-Medium; src: url("./fonts/heebo-latin-500-normal.woff2"); } @font-face { font-family: Heebo-Regular; src: url("./fonts/heebo-latin-400-normal.woff2"); } html, body { overflow-x: hidden; } body { position: relative; font-family: Heebo-Regular; padding: 0 !important; } p { font-size: 16px; color: #4c5458; line-height: 24px; text-align: left; } h1 { font-family: Heebo-Thin; font-size: 3.5714285714285716em; color: #4c5458; line-height: 1.2em; text-align: center; } h4 { font-size: 24px; color: #ffffff; text-align: left; } .col-md-3 { position: relative; min-height: 1px; padding-right: 0 !important; padding-left: 0 !important; } .col-lg-10 { float: none; } .remove-body { overflow: hidden; } section { clear: both; } textarea { resize: none; } .has-error .form-control, .error { background-color: #f9e1e1 !important; border: 1px solid #f24d4d !important; } label.error { display: none !important; } .goTop { top: 90%; right: 3%; position: fixed; z-index: 105; } .leavePadding { padding-left: 1%; } #offeringsList_tabs { padding: 0 3px; } #offerings2 { position: fixed; padding-top: 83px; padding-bottom: 3px !important; z-index: 1001 !important; background: #000000 !important; color: #000000; height: auto !important; } #offerings1 { position: fixed; padding-top: 83px; padding-bottom: 3px !important; z-index: 1001 !important; background: #000000 !important; color: #000000; height: auto !important; width: 100%; display: none; } .offerings_bg_tabs { width: auto; height: auto; } .caption_tabs { width: 100%; bottom: 5%; position: absolute; cursor: pointer; } #offeringsList>div { background-color: rgb(0, 0, 0); } .caption_tabs>h2 { font-family: Heebo-Regular; color: #ffffff; text-align: left; } .readMoreBtn { background: #15A864; border-radius: 4px; color: #ffffff; display: block; margin-top: 10px; } .offering-para { font-style: Heebo-Light; position: absolute; top: 25%; font-size: 14px; color: #ffffff; padding-left: 5%; padding-right: 2%; text-align: left; padding-bottom: 2%; } .offering-img_tabs { cursor: pointer; height: 9.17vw; width: auto; opacity: 0.4; } #offeringsList_tabs .close { position: absolute; color: white; right: 5%; top: 3%; font-size: 27px; opacity: 1 !important; z-index: 100; } #offeringsList_tabs>div>button.close { cursor: pointer; } .img-wrapper_tabs { overflow: hidden; } .img-wrapper_tabs img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; vertical-align: middle; } .caption_tabs>h2 { font-size: 1.53vw; line-height: 1.5vw; color: #ffffff; text-align: left; -webkit-font-smoothing: antialiased; margin-left: 5%; } .noselect_tabs { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .active-vertical { outline: 5px solid #15A864 !important; outline-offset: -5px; opacity: 0.8; } .No-padding { padding: 0; } #home { background-origin: content-box; background-color: #d8d8d8; width: 100%; height: auto !important; padding-top: 75px; } .homeImgI { background-image: url('./integration-of-crms-with-collaboration-platform-assets/img_header_bg.webp'); background-size: cover; background-color: #d8d8d8; width: 100%; height: 400px; overflow-y: hidden; background-repeat: no-repeat; background-position: left; } #homeDivl a:hover { text-decoration: none; } #homeDivl { margin-top: 1.5%; } #homeDivf { font-family: Heebo-Thin; color: #ffffff; font-size: 3.2142857142857144em; line-height: 1.2em; } #homeDivfeco { font-family: Heebo-Thin; color: #ffffff; font-size: 3.2142857142857144em; line-height: 1.2em; } #homeDivt { font-family: Heebo-Regular; font-size: 1.4285714285714286em; color: #ffffff; } #homeKnow { font-size: 1em; color: #ffffff; display: inline-block; } .carousel-text { z-index: 10; position: absolute; top: 50%; left: 50%; color: #fff; text-align: left; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .requestBtnDiv>.btn { display: none; } #offerings { padding-top: 4%; } .caption { width: 100%; bottom: 5%; position: absolute; cursor: pointer; } #offeringsList>div { background-color: gray; } .offering-para { font-style: Heebo-Light; position: absolute; top: 25%; font-size: 16px; color: #ffffff; padding-left: 5%; padding-right: 2%; text-align: left; padding-bottom: 2%; } .offering-img { cursor: pointer; } #offeringsList .close { position: absolute; color: white; right: 5%; top: 3%; font-size: 27px; opacity: 1 !important; z-index: 100; } #offeringsList>div>button.close { cursor: pointer; } .leavePadding { padding-left: 1%; } .img-wrapper { overflow: hidden; } .img-wrapper img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; vertical-align: middle; } .img-wrapper img:hover { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } .img-active { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } .caption>h2 { font-size: 30px; color: #ffffff; line-height: 40px; text-align: left; -webkit-font-smoothing: antialiased; margin-left: 5%; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .margin-top { margin-top: 5%; } #partners { padding-top: 15px; } #industries { padding-top: 3.5%; } .industryHeadingH2 { font-size: 30px; color: #4c5458; text-align: left; } .industry-carousel-inner { width: 80%; } .industry-carousel-indicators { bottom: auto; margin-top: 4%; } .industry-carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; border: 1px solid gray; border-radius: 10px; padding: 6px; margin: 3px; } .industry-carousel-indicators .active { width: 12px; height: 12px; background-color: #4c5458; padding: 6px; margin: 3px; } .caseBtn { background: #15A864; border-radius: 4px; color: #ffffff !important; padding-top: 8px; } .slideIndustry { animation-name: slideIndustry; -webkit-animation-name: slideIndustry; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible !important; } @keyframes slideIndustry { 0% { opacity: 0; -webkit-transform: translateX(-70%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-webkit-keyframes slideIndustry { 0% { opacity: 0; -webkit-transform: translateX(-70%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } .industry-item { visibility: visible; } .intro-carousel-indicators { margin-top: 4%; } .intro-carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; border: 1px solid gray; border-radius: 10px; padding: 6px; margin: 3px; } .intro-carousel-indicators .active { width: 12px; height: 12px; background-color: #4c5458; padding: 6px; margin: 3px; } .introHead { font-family: Heebo-Medium; font-size: 24px; color: #4c5458; text-align: center; margin-top: 0px; } .panel { background-color: #eeeeee; height: 516px; width: 100%; margin: auto; border-radius: 0px; border: 0px; } .panel-default>.panel-heading { color: #333; background-color: #eeeeee; border-color: #eeeeee; } .introBody { font-size: 14px; color: #4c5458; line-height: 24px; text-align: center; } #introduction { padding-top: 2%; background-color: #ffffff; width: 100%; height: 780px; } .intro-carousel-inner { width: auto; } .media-body, .media-left { display: table-cell !important; } .media-heading { margin-bottom: 10px; } .adv-carousel-inner>.item>a>img, .adv-carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { width: 100%; } .carousel-control { position: absolute; top: 45%; bottom: 55%; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); opacity: 1; } .adv-carousel-inner { width: 80%; margin: auto; height: 230px; } .adv-carousel-indicators { bottom: -54px; margin-top: 20%; } .adv-carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; border-color: #ffffff; border-radius: 10px; padding: 6px; margin: 3px; } .adv-carousel-indicators .active { width: 12px; height: 12px; background-color: #ffffff; padding: 6px; margin: 3px; } .media-body { padding-left: 5%; } .corMy { font-size: 16px; color: #ffffff; line-height: 24px; text-align: left; } .corHead { font-family: Heebo-Thin; font-size: 50px; color: #ffffff; line-height: 70px; text-align: center; } .corBody { font-size: 16px; color: #ffffff; line-height: 24px; text-align: center; } #advancedfeature { padding-top: 2%; margin-top: 5%; background: #4c5458; width: 100%; height: 475px; } #advancedfeature .container { font-family: Heebo-Light; font-weight: 100; } .adv-carousel-inner img { width: 100%; } .hideAdv { display: none !important; } .modal-title { font-family: Heebo-Light; font-size: 25px; color: #ffffff; text-align: left; } .modal-body { margin-top: 25px; } .modal-header { background: #f24d4d; width: 100%; padding: 20px; } .modal-header .close { width: 36px; height: 36px; font-size: 42px; font-weight: lighter; text-shadow: 0 0px 0 #fff; filter: alpha(opacity=20); opacity: 1; color: #ffffff; } .modal-content { width: 100%; min-height: 510px; border-radius: 0px; } .requestDemoEye { float: left; padding-right: 20px; } .footer-Button { float: right; } .btnDemo { border: 1px solid #15A864; border-radius: 4px; font-family: Heebo-Medium; font-size: 15px; color: #15A864 !important; background-color: #ffffff; padding: 7px 29px; line-height: 1.4; } .btnDemoSub { border: 1px solid #15A864; border-radius: 4px; font-family: Heebo-Medium; font-size: 15px; color: #ffffff !important; background-color: #ffffff; padding: 7px 29px; line-height: 1.4; } #submitDemo { background: #15A864; border-radius: 4px; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: 1; } .popup-input { background: #f0f0f0; border: 1px solid #979797; border-radius: 0px; color: black; } .popup-input-textarea { background: #f0f0f0; border: 1px solid #979797; border-radius: 0px; height: 100px !important; color: black; } .has-error .form-control, .error { background-color: #f9e1e1 !important; border: 1px solid #f24d4d !important; } label.error { display: none !important; } @media only screen and (max-width: 1920px) { .offering-para { font-size: 1.3rem !important; line-height: 1.5vw; } #home { height: 850px; } } @media only screen and (min-width: 1400px) and (max-width: 1920px) { #contactus .container { width: 90%; } } @media only screen and (max-width: 1366px) { #home { height: 600px; } .offering-para { font-size: 1.3rem !important; line-height: 1.5vw; } .caption>h2 { font-size: 2vw; line-height: 1.3; } #requestDemo { top: 280px; } } @media only screen and (max-width: 1280px) { #homeDivt { font-size: 22px; } #homeKnow { font-size: 12px; } #knowMoreImg { width: 30px; } .introBody { font-size: 14px; line-height: 22px; } .offering-para { font-size: 1rem !important; line-height: 16px; } } @media only screen and (max-width: 1024px) { .industry-carousel-inner { width: 100%; } #offerings2 { display: none; } .adv-carousel-indicators { margin-top: 24%; } .corMy { line-height: 19px; font-size: 14px; } .corBody { font-size: 15px; } #advancedfeature { height: 455px; } #home { height: 380px; overflow: hidden; background-size: 100%; background-position: inherit; } #homeDivf { margin-top: 11%; } .offering-para { font-size: 1rem !important; line-height: 16px; } } @media only screen and (min-width: 1024px) and (max-width: 1026px) { .panel { height: 550px; } } @media only screen and (max-width: 1138px) { .introBody { font-size: 14px; line-height: 19px; } } @media only screen and (max-width: 980px) { .adv-carousel-inner { height: 208px; } .adv-carousel-indicators { margin-top: 32%; } .adv-carousel-indicators { margin-top: 29%; } .panel { } #introduction { height: 805px; } .introBody { font-size: 14px; line-height: 22px; } .industry-carousel-inner { width: 100%; } #myNavbar { font-size: 16px; word-spacing: 2px; } li { margin-right: -15px; } #home { height: 370px; overflow: hidden; background-size: 100%; background-position: inherit; } #homeDivt { font-size: 16px; } #homeKnow { font-size: 11px; } #knowMoreImg { width: 25px; } .offering-para { font-size: 0.8rem !important; line-height: 11px; } .introBody { font-size: 12px; line-height: 18px; } .introHead { font-size: 15px; } .panel-body { padding: 7px; } } @media only screen and (max-width: 800px) { #home { background-image: url("./integration-of-crms-with-collaboration-platform-assets/img_header_bg.webp"); height: 400px; background-position: center; } #myNavbar { font-size: 14px; word-spacing: 1px; } #homeDivt { font-size: 14px; } #homeKnow { font-size: 9px; } #knowMoreImg { width: 20px; } #offeringsList>div { width: 50%; } .caption>h2 { font-family: Heebo-Regular; font-size: 30px; color: #ffffff; line-height: 32px; text-align: left; } .offering-para { font-family: Heebo-Regular; font-size: 16px !important; color: #ffffff; line-height: 22px; text-align: left; } #offerings { height: 1220px; } #industries { height: 1275px; } } @media only screen and (max-width: 768px) { .adv-carousel-inner { height: 208px; } .adv-carousel-indicators { margin-top: 32%; } .caption>h2 { font-family: Heebo-Regular; font-size: 30px; color: #ffffff; line-height: 32px; text-align: left; } .offering-para { font-family: Heebo-Regular; font-size: 16px !important; color: #ffffff; line-height: 22px; text-align: left; } #homeDivf { font-family: Heebo-Thin; color: #ffffff; text-align: left; } #home { height: 400px; background-image: url("./integration-of-crms-with-collaboration-platform-assets/img_header_bg.webp"); background-size: auto; background-position: initial; background-attachment: scroll; } #homeDivt { font-family: Heebo-Light; font-size: 18px; line-height: 36px; } #homeDivl { } #homeKnow { font-family: Heebo-Regular; font-size: 13px; } #myNavbar { font-size: 16px; word-spacing: 1px; } .industry-carousel-inner { width: 100%; } #offeringsList>div { width: 50%; } .contact { padding-left: 10px; } #contactus { height: 650px; } .contact-size { margin-top: 3%; padding-bottom: 3%; padding-top: 12%; } } @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:landscape) { #home { height: 385px; overflow: hidden; background-size: 100%; background-position: inherit; } #homeDivt { font-size: 22px; line-height: 35px; } #knowMoreImg { width: 25px; } #homeKnow { font-size: 16px; } #homeDivl { line-height: 35px; } .adv-carousel-indicators { margin-top: 20%; } } @media only screen and (max-width: 767px) { .homeDivParent { min-height: 100%; position: relative; } .requestBtnDiv { display: block; background: transparent; width: 100%; text-align: center; bottom: 0; padding-top: 6%; padding-bottom: 6%; } .requestBtnDiv>.btn { display: inline-block; padding: 0px 0px; } .requestBtn { background: #f24d4d; border-radius: 4px; width: 204px; height: 40px; } .demoBtnText { font-family: Heebo-Medium; font-size: 16px; color: #ffffff; line-height: 24px; text-align: center; display: inline-block; } .btnSpan { display: block; } s li { margin-right: 0 !important; } body { overflow-x: hidden; } #logo { padding-top: 2%; padding-bottom: 0; width: 144px; } .navbar-right { float: none; width: auto; } .requestBtnDiv { padding-top: 3%; padding-bottom: 3%; } .btnSpan { vertical-align: middle; } h1 { font-family: Heebo-Thin; font-size: 35px; color: #4c5458; line-height: 50px; text-align: center; } #homeDivf { font-family: heebo-light; text-align: center; margin-left: auto; } #home { height: 400px; overflow: hidden; background-size: cover; } #homeDivl { font-family: Heebo-Regular; font-size: 12px; text-align: center; margin-left: auto; } #homeDivt { font-family: Heebo-Regular; font-size: 12px; line-height: 26px; text-align: center; margin-left: auto; } #knowMoreImg { width: 20px; } #homeKnow { font-size: 10px; } h1 { font-family: Heebo-Thin; font-size: 35px; color: #4c5458; line-height: 50px; text-align: center; } #contactDivf { border-left: 0; } .contact { text-align: center; padding-left: 0px; } .contact-us { text-align: center; } .leftPadding { padding-left: 0px; } #offerings { height: auto; } .industry-item { height: 520px; } .industry-img-div { padding: 0; } .industryHeadingH2 { text-align: center; } .industry-item p { text-align: center; } .industry-carousel-inner { width: auto; } #industries { height: 813px; } .btnCenter { text-align: center; } #industryCarousel .pull-right { float: none !important; } #industries .img-responsive { display: block; width: auto; height: auto; } .industry-carousel-indicators { margin-top: -13%; } .adv-carousel-inner img { width: 200px; } .carousel-control.right { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, #4c5458 100%); background-image: -o-linear-gradient(left, #4c5458 0, #4c5458 100%); background-image: -webkit-gradient(linear, left top, right top, from(#4c5458), to(#4c5458)); background-image: linear-gradient(to right, #4c5458 0, #4c5458 100%); right: 20px; } .carousel-control.left { background-image: -webkit-linear-gradient(left, #4c5458 0, #4c5458 100%); background-image: -o-linear-gradient(left, #4c5458 0, #4c5458 100%); background-image: -webkit-gradient(linear, left top, right top, from(#4c5458), to(#4c5458)); background-image: linear-gradient(to right, #4c5458 0, #4c5458 100%); left: 20px; } .carousel-control { width: auto; } .carousel-control { top: 27%; } .carousel-control { height: 7%; } .adv-carousel-indicators { margin-top: 63%; } .media-object { margin: auto; } h4 { text-align: center; } .corMy { text-align: center; } .media-heading { margin-top: 15px; } #advancedfeature { height: 679px; } .adv-carousel-inner { height: 100%; } .panel { height: 394px; } #introduction { height: 700px; } #introduction .img-responsive { display: initial; width: auto; height: auto; } .media-object { display: grid; } #offeringsList>div { width: 50%; float: left; } #contactus { height: auto; } .contact-size { padding-top: 0; } .panel-body { padding: 15px; } } @media only screen and (max-width: 500px) { .panel { height: 455px; } #introduction { height: 800px; } .adv-carousel-indicators { margin-top: 92%; } .industry-carousel-indicators { margin-top: -5%; } #offeringsList>div { width: 100%; } #offeringsList>div img { width: 100%; } } @media only screen and (max-width: 600px) { .adv-carousel-indicators { margin-top: 85%; } .offering-para { font-size: 12px !important; line-height: 14px; } } @media only screen and (max-width: 414px) { .homeDivParent { min-height: 100%; position: relative; } .requestBtnDiv { display: block; background: transparent; width: 100%; text-align: center; bottom: 0; padding-top: 6%; padding-bottom: 6%; } .requestBtnDiv>.btn { display: inline-block; padding: 0px 0px; } .requestBtn { background: #f24d4d; border-radius: 4px; width: 204px; height: 40px; } .demoBtnText { font-family: Heebo-Medium; font-size: 16px; color: #ffffff; line-height: 24px; text-align: center; display: inline-block; } .btnSpan { display: block; } #reset { padding: 4px 6px; } #submit { padding: 5px 10px; } #contactDivf { border-left: 0; } .contact { text-align: center; font-size: 17px; } .contact-us { text-align: center; } .leftPadding { padding-left: 0px; } .form-control { font-size: 14px; } .industry-item { height: 480px; } .industry-item p { text-align: center; } .industry-img-div { padding: 0; } .industryHeadingH2 { text-align: center; font-size: 25px; } .industry-carousel-inner { width: auto; } #industries { height: 700px; margin-bottom: 30px; } #industries p { font-size: 14px; line-height: 20px; } #industries .img-responsive { display: block; width: auto; height: auto; } .industry-img-div { margin-bottom: 14px; } #offerings { height: auto; } #offerings p { font-size: 14px; } #offeringHeading p { line-height: 20px; } .caption>h2 { font-family: Heebo-Regular; font-size: 24px; color: #ffffff; line-height: 32px; text-align: left; } .offering-para { font-family: Heebo-Regular; font-size: 14px !important; color: #ffffff; line-height: 27px; text-align: left; } .carousel-control.right { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, #4c5458 100%); background-image: -o-linear-gradient(left, #4c5458 0, #4c5458 100%); background-image: -webkit-gradient(linear, left top, right top, from(#4c5458), to(#4c5458)); background-image: linear-gradient(to right, #4c5458 0, #4c5458 100%); right: 20px; } .carousel-control.left { background-image: -webkit-linear-gradient(left, #4c5458 0, #4c5458 100%); background-image: -o-linear-gradient(left, #4c5458 0, #4c5458 100%); background-image: -webkit-gradient(linear, left top, right top, from(#4c5458), to(#4c5458)); background-image: linear-gradient(to right, #4c5458 0, #4c5458 100%); left: 20px; } .carousel-control { width: auto; } .carousel-control { top: 27%; } .carousel-control { height: 7%; } .adv-carousel-indicators { margin-top: 118%; } .media-object { margin: auto; } h4 { text-align: center; } .corMy { text-align: center; font-family: Heebo-Regular; font-size: 14px; line-height: 20px; } .media-heading { margin-top: 15px; } #advancedfeature { height: 660px; } .adv-carousel-inner { height: 530px; } .adv-carousel-inner img { width: 140px; } .corHead { font-family: Heebo-Light; font-size: 30px; color: #ffffff; line-height: 40px; text-align: center; } .corBody { font-family: Heebo-Light; font-size: 14px; color: #ffffff; line-height: 16px; text-align: center; } .panel { height: 435px; } #introduction { padding-top: 10px; height: 850px; } .introHead { font-family: Heebo-Regular; font-size: 20px; } .introBody { font-family: Heebo-Regular; font-size: 14px; color: #4c5458; line-height: 20px; text-align: center; } #introBody { font-size: 14px; line-height: 20px; } #introduction .img-responsive { display: initial; display: -webkit-inline-box; width: auto; height: auto; } #homeDivf { font-family: heebo-thin; text-align: center; margin-left: 0; } #homeDivl { font-family: Heebo-Regular; font-size: 14px; text-align: center; margin-left: 0; } #homeDivt { font-family: Heebo-Regular; font-size: 14px; line-height: 26px; text-align: center; margin-left: 0; } #knowMoreImg { width: 20px; } #homeKnow { font-size: 10px; } body { overflow-x: hidden; } #logo { padding-top: 2%; padding-bottom: 0; width: 185.14px; height: 49.38px; } .btnSpan { vertical-align: middle; } h1 { font-family: Heebo-Thin; font-size: 35px; color: #4c5458; line-height: 50px; text-align: center; } } @media only screen and (max-width: 457px) { .adv-carousel-indicators { margin-top: 129%; } #advancedfeature { height: 820px; } } @media only screen and (max-width: 412px) { .adv-carousel-indicators { bottom: -20px; margin-top: 129%; } #advancedfeature { height: 685px; } #offerings2 { display: none; } } @media only screen and (max-width: 375px) { .adv-carousel-indicators { margin-top: 125%; } #homeDivl { font-size: 12px; } #homeDivt { font-size: 12px; } .introBody { font-size: 12px; } #introBody { font-size: 12px; } .corHead { font-size: 30px; } .corBody { font-size: 12px; } .corMy { font-size: 12px; } #industries p { font-size: 12px; line-height: 20px; } #offerings p { font-size: 12px; } .offering-para { font-size: 12px !important; } } @media only screen and (min-width: 360px) and (max-width: 640px) and (orientation:landscape) { .adv-carousel-indicators { margin-top: 75%; } #offerings2 { display: none; } .offering-para { font-size: 14px !important; line-height: 19px; } .industry-carousel-indicators { margin-top: -30%; } #industries { height: 680px; } .contact-us { margin-bottom: 3%; } .requestBtnDiv { display: block; background: transparent; width: 100%; text-align: center; bottom: 0; padding-top: 1%; padding-bottom: 13%; } .goTop { top: 85%; } .requestBtnDiv>.btn { display: inline-block; padding: 0px 0px; } .requestBtn { background: #f24d4d; border-radius: 4px; width: 204px; height: 40px; } .demoBtnText { font-family: Heebo-Medium; font-size: 16px; color: #ffffff; line-height: 24px; text-align: center; display: inline-block; } .btnSpan { display: block; } } @media only screen and (max-width: 360px) { #homeDivl { font-size: 12px; } #homeDivt { font-size: 12px; } .introBody { font-size: 12px; } #introBody { font-size: 1em; line-height: 24px; } .adv-carousel-indicators { bottom: -4px; margin-top: 138%; } #advancedfeature { height: 660px; } .intro-carousel-indicators { bottom: auto; margin-top: -18% !important; } .corMy { font-size: 12px; } .corHead { font-size: 30px; } .corBody { font-size: 12px; } .contact { text-align: center; font-size: 17px; } #industries p { font-size: 12px; line-height: 20px; } #offerings p { font-size: 12px; } .offering-para { font-size: 12px !important; } #offerings2 { display: none; } } .loderModal { position: fixed; z-index: 1051; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, .7) url("/integration-of-crms-with-collaboration-platform/assets/loader.gif") 50% 50% no-repeat; } body.loading { overflow: hidden; } body.loading .loderModal { display: block; } .copyright { color: white; opacity: 0.8; margin-top: 10px; } @media only screen and (max-width: 720px) { .carousel-text { top: 120px; left: 0; text-align: center; } #offerings2 { display: none; } } @media only screen and (min-width: 767px) { #intro5 { } #intro5, #intro6, #intro7, #intro8 { padding-top: 30px; } .padding-topbottom { padding-top: 30px; padding-bottom: 40px; } } .my-0 { margin-top: 0; margin-bottom: 0; } .contactNoHrBorder { border-top: 1px solid #616161; } .pt-0 { padding-top: 0 !important; } .socialMediaIcon { display: flex; padding-top: 2rem; } .socialMediaIcon a { margin-right: 1.5rem; } .CNumber1 { margin-left: 1rem; } .CNumber2 { margin-left: 1.5rem; } .CNumber3 { margin-left: 3.4rem; } @media only screen and (max-width: 768px) { .socialMediaIcon { display: flex; padding: 2rem; justify-content: center; } } @media only screen and (max-width: 540px) { .intro-carousel-indicators { margin-top: -10%; } } @media only screen and (max-width: 540px) { #contactus img { margin-bottom: 0.5rem; } .contact-size { padding-top: 3rem !important; padding-bottom: 3rem !important; } .contact { line-height: 28px; } } @media only screen and (max-width: 320px) { #offerings2 { display: none; } #contactDivf { border-left: 0; } .contact { text-align: center; color: #cccccc; font-size: 13px; line-height: 1.5; } .contact-name { font-size: 15px; font-family: Heebo-medium; } .CNumber3 { margin-left: 2.6rem !important; } .CNumber1 { margin-left: 1rem; } .mb-56px { margin-bottom: 1.5rem !important; } .contact-us { text-align: center; color: #cccccc; margin-bottom: 1em; font-family: Heebo-regular; font-size: 2em; color: #cccccc; line-height: 1.3333333333333333em; padding-top: 0rem; } #contactus .form-control { background: #525252; border-style: solid; border-color: #525252; color: #ffffff; border-radius: 0px; } .leftPadding { padding-left: 0px; } .carousel-control { top: 27%; } .carousel-control { height: 7%; } .adv-carousel-indicators { bottom: auto; margin-top: 200%; } .media-object { margin: auto; } h4 { text-align: center; } .media-heading { margin-top: 15px; } #advancedfeature { height: 820px; margin-top: 40%; } .adv-carousel-inner { height: 540px; } .corMy { text-align: center; font-family: Heebo-Regular; font-size: 12px; line-height: 20px; } .corHead { font-family: Heebo-Light; font-size: 30px; color: #ffffff; line-height: 40px; text-align: center; } .corBody { font-family: Heebo-Light; font-size: 12px; color: #ffffff; line-height: 24px; text-align: center; } #offerings { height: auto; } .caption>h2 { font-family: Heebo-Regular; font-size: 24px; color: #ffffff; line-height: 32px; text-align: left; } .offering-para { font-family: Heebo-Regular; font-size: 12px !important; color: #ffffff; line-height: 25px; text-align: left; } #introduction { padding-top: 10px; height: 850px; } .introBody { font-family: Heebo-Regular; font-size: 12px; color: #4c5458; line-height: 20px; text-align: center; } .panel { height: 520px; margin-bottom: -11%; } .introHead { font-family: Heebo-Regular; font-size: 20px; } #introduction .img-responsive { display: initial; width: 80%; } #industries { height: 750px; } .industry-img-div { padding: 0; } .industryHeadingH2 { text-align: center; } .industry-item { height: 520px; } .industry-item p { text-align: center; } .btnSpan { display: block; } .industry-carousel-indicators { margin-top: -17%; } .industry-img-div { margin-bottom: 20px; } .modal-header { padding: 7px; padding-top: 8px; } .modal-header .close { font-size: 32px; } .modal-title { font-size: 16px; line-height: 2; } .modal-content { min-height: 490px; } #homeDivf { font-family: heebo-thin; text-align: center; } .requestBtn { background: #f24d4d; border-radius: 4px; width: 204px; height: 40px; } .requestBtnDiv>.btn { display: inline-block; padding: 0px 0px; } #home { height: 100vh; overflow: hidden; } .demoBtnText { font-family: Heebo-Medium; font-size: 16px; color: #ffffff; line-height: 24px; text-align: center; display: inline-block; } .btnSpan { vertical-align: middle; } #homeDivl { font-family: Heebo-Regular; font-size: 12px; text-align: center; } #homeDivt { font-family: Heebo-Regular; font-size: 12px; line-height: 26px; text-align: center; } #knowMoreImg { width: 20px; } #homeKnow { font-size: 10px; } h1 { font-family: Heebo-Thin; font-size: 35px; color: #4c5458; line-height: 50px; text-align: center; } #logo { padding-bottom: 0; width: 144px; } body { overflow-x: hidden; } .requestDemoEye { padding-right: 13px; height: 27px; } } .ic-demo .icon { width: 46px; position: relative; height: 28px; object-fit: cover; } .ic-demo .schedule { margin: 0; } .ic-demo .a { text-transform: lowercase; } .ic-demo .schedule-a-meeting-container { position: relative; line-height: 13px; } .ic-demo { width: 78px; height: 68px; position: fixed; border-radius: var(--br-8xs) 0 0 var(--br-8xs); background-color: var(--color-firebrick); display: flex !important; flex-direction: column; align-items: center; justify-content: center; padding: var(--padding-5xs) var(--padding-10xs); box-sizing: border-box; gap: var(--gap-10xs); top: 200px; right: 0; z-index: 200; text-align: center; font-size: var(--font-size-sm); color: var(--background-background-primary); font-family: var(--font-heebo); } @media screen and (max-width: 620px) { .homeImgI { background-image: url("./integration-of-crms-with-collaboration-platform-assets/img_header_bg.webp") !important; height: 500px; background-attachment: unset; } } 
/* 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: global.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; }
/* source: banner.css */
.banner-title { position: absolute; top: 40px; left: 63px; color: #FFFFFF; font-size: 32px; font-family: var(--font-heebo); font-weight: 500; line-height: 52px; } .case-study-title { cursor: pointer; position: absolute; top: 28%; right: 66px; color: #FFE56D !important; text-decoration: none !important; display: flex; flex-direction: column; align-items: flex-end; font-family: var(--font-heebo); font-size: 25px; padding: 22px; } .upper { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--gap-3xs); } .triangle { width: 25px; position: relative; height: 25px; object-fit: contain; } .springct-helps { position: relative; letter-spacing: 0.02em; line-height: 32px; font-weight: 300; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.52) } .hubspot { position: relative; letter-spacing: 0.02em; line-height: 28px; font-weight: 400; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.52) } .bottom-text { position: absolute; bottom: 6%; left: 47px; right: 66px; font-size: 22px; font-family: var(--font-helvetica-neue); display: flex; justify-content: space-between; } .testimonial { cursor: pointer; color: #FCE681 !important; text-decoration: none !important; display: flex; flex-direction: column; align-items: flex-end; gap: var(--gap-9xs); padding: 20px; } .sprinct-is-essential { line-height: 25px; font-weight: 300; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.52); text-align: right; } .icon-text { display: flex; flex-direction: row; color: #fff; font-family: var(--font-heebo); font-size: 17px; justify-content: flex-start; gap: var(--gap-7xs); text-align: left; } .user-icon { width: 20px; position: relative; height: 22px; overflow: hidden; } .user-text { letter-spacing: 0.02em; line-height: 26px; font-weight: 500; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.52); } .banner-artical { cursor: pointer; color: #FCE681 !important; text-decoration: none !important; display: flex; flex-direction: column; justify-content: end; gap: var(--gap-9xs); text-align: right; padding: 20px; } .how-to-achieve { position: relative; line-height: 25px; font-weight: 300; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.52) } .photo-text { display: flex; flex-direction: row; justify-content: flex-end; gap: var(--gap-7xs); font-size: 17px; color: #fff; font-family: var(--font-heebo); } .photo-icon { width: 24px; position: relative; border-radius: 12px; height: 22px; object-fit: cover; } @media screen and (max-width: 1680px) { .bottom-text { gap: 20px; } .testimonial { align-items: flex-start; } .sprinct-is-essential { text-align: left; } } @media screen and (max-width: 1200px) { .sprinct-is-essential, .how-to-achieve { line-height: 22px; } .user-text { line-height: 22px; } } @media screen and (max-width: 1000px) { .banner-title { font-size: 32px; line-height: 38px; } .case-study-title { font-size: 25px; top: 26%; } .springct-helps, .hubspot { line-height: 32px; } .sprinct-is-essential, .how-to-achieve { line-height: 24px; } .bottom-text { font-size: 20px; gap: 17px; } .icon-text, .photo-text { font-size: 15px; } .user-text { line-height: 20px; } .photo-icon { width: 22px; height: 22px; } .user-icon { width: 18px; height: 20px; } } @media screen and (max-width: 778px) { .banner-title { font-size: 30px; } .bottom-text { gap: 14px; } .springct-helps, .hubspot { line-height: 30px; } .sprinct-is-essential, .how-to-achieve { line-height: 23px; } .user-text { line-height: 17px; } .case-study-title { font-size: 23px; top: 24%; } .user-icon { width: 18px; height: 17px; } } @media screen and (max-width: 620px) { .bottom-text { flex-direction: column; gap: 0px; font-size: 22px; right: 88px; } .banner-title { left: 100px; font-size: 32px; } .case-study-title { font-size: 23px; right: 88px; } .testimonial { align-items: flex-end; } .sprinct-is-essential { text-align: right; } .icon-text { text-align: right; } } @media screen and (max-width: 530px) { .banner-title { font-size: 32px; } .case-study-title { font-size: 20px; } .bottom-text { font-size: 20px; } .springct-helps, .hubspot { line-height: 27px; } } @media screen and (max-width: 481px) { .banner-title { font-size: 23px; left: 110px; line-height: 28px; } .case-study-title { font-size: 17px; top: 22%; } .springct-helps, .hubspot { line-height: 23px; } .upper { gap: 4px; } .triangle { width: 22px; height: 22px; } .bottom-text { font-size: 17px; } .icon-text, .photo-text { font-size: 15px; } .sprinct-is-essential, .how-to-achieve { line-height: 20px; } } @media screen and (max-width:434px) { .banner-title { left: 85px; font-size: 22px; } .case-study-title { font-size: 16px; } .bottom-text { font-size: 15px; right: 76px; } .icon-text, .photo-text { font-size: 12px; } .photo-icon { width: 18px; height: 18px; } } @media screen and (max-width:370px) { .banner-title { left: 62px; font-size: 20px; line-height: 25px; } .case-study-title { font-size: 14px; right: 76px; } .triangle { width: 18px; height: 18px; } .springct-helps, .hubspot { line-height: 20px; } .sprinct-is-essential, .how-to-achieve { line-height: 18px; } .icon-text, .photo-text { font-size: 12px; } .user-text { line-height: 11px; } .testimonial, .banner-artical { gap: var(--gap-9xs); } .user-icon { width: 16px; height: 14px; } } @media screen and (max-width:318px) { .banner-title { left: 50px; font-size: 16px; line-height: 22px; } .case-study-title { font-size: 12px; right: 63px; } .springct-helps, .hubspot { line-height: 16px; } .bottom-text { left: 20px; right: 63px; } } .tooltip-text { display: none; position: absolute; background-color: #333; color: #fff; font-family: var(--font-heebo); font-size: 16px; border-radius: 4px; top: 0; transform: translateX(-50%); z-index: 1000; white-space: nowrap; } #myLink:hover .tooltip-text { display: block; left: 50%; } #testimonialLink:hover .tooltip-text { display: block; left: 16%; } #articleLink:hover .tooltip-text { display: block; right: 10%; }