#topbar a, .bg-button, .button-12 { font-weight: 400 } #header, #header.fixed-top { min-height: 65px } #secondary-navbar>ul>li>a:before, .primary-navbar>ul>li>a:before { content: ""; height: 2px; background-color: #106eea; width: 0; transition: .3s ease-in-out } .button, .get-demo-btn, .get-submit-btn, .get-update-btn, .learn-more { display: inline-block; font-family: asap, sans-serif } #topbar a, .button, .learn-more, body { font-family: asap, sans-serif } #secondary-navbar .dropdown .dropdown-menu, .navbar-mobile .dropdown ul, .primary-navbar .dropdown ul { z-index: 99; box-shadow: 0 0 30px rgba(127, 137, 161, .25) } .band-title-block, .requestForm { text-align: center } #about-us .address, #about-us .phone, #topbar a, .blue-button:hover, .learn-more:hover, .orange-button:hover, a, a:hover { text-decoration: none } body { font-size: 10px; position: relative } .analyst-topbar { position: absolute; left: 24px; top: 6px } #header, .button-arrow, .orange-arrow, label.error { position: relative } .analyst-topbar button { font-size: 12px; border-radius: 2px; background: #e96535; color: #fff; border: 1px solid #fff; padding: 2px 21px } .analyst-topbar button:hover { border-radius: 2px; background: #fff; color: #e96535; border: 1px solid #e96535 } a { color: #309af4 } a:hover { color: #3b8af2 } #header-container { padding-right: 24px; padding-left: 24px } .orange-color, .orange_color { color: #f96731 !important } .blue-color { color: #0071bc } label.error { color: red; top: 0; font-size: 11px; font-weight: 500 } .button { border-radius: 3px; font-size: 18px; padding: 6px 27px } .button-12 { font-size: 12px } .bg-button { font-size: 24px } .rounded-border { border-radius: 15px } .button-arrow { right: -18px } .blue-button { color: #fff; background-color: #005e8c; border: 1px solid #005e8c } .blue-button:hover { border: 1px solid #005e8c; background-color: transparent; color: #005e8c } .learn-more, .orange-button, .orange-button:hover { border: 1px solid #f96731 } .orange-button { color: #fff; background-color: #f96731 } .orange-button:hover { background-color: #fff; color: #f96731 } .orange-arrow { right: -20px; padding: 0 5px; background: red; border-radius: 25px; top: 0 } .learn-more { background: #f96731; color: #fff; border-radius: 4px; padding: 5px 35px; white-space: nowrap; transition: .3s; font-size: 12px } #blog-topbar, #header, #topbar { transition: .5s } .learn-more:hover { border: 1px solid #f96731; background-color: #fff; color: #f96731 !important } .w-border { border: 1px solid #fff; padding: 3px 9px } .custom-form, .model-title-h6 { font-size: 14px } .custom-form .form-group label, .custom-form .input-group-text { font-size: 14px; font-weight: 700; color: #7b7b7b; height: 100% } .custom-form .form-group label.error, .custom-form .form-group span.mandatory { font-size: 12px; font-weight: 700; color: #f04e2b } .custom-form .btn, .custom-form .form-group input, .custom-form .form-group select, .custom-form .form-group textarea, .job-details { font-size: 14px !important } .custom-form .form-group { margin-bottom: 12px } .requestForm { padding: 9px 0 } .requestForm input { font-size: 12px !important } #topbar { background: #2b9af3; height: 36px; color: #fff; padding: 0 } #blog-topbar { background: #2b9af3; color: #fff; padding: 0 } #blog-view .subscribe-block, .topbar1 { background-color: #2b9af3 } #topbar a { color: #fff; cursor: pointer; font-size: 12px; line-height: 14px; margin: 0 10px; outline: 0; text-align: left } .phone_num { font-size: 18px !important; margin-right: 80px; cursor: text !important } #header { background: #fff; z-index: 997; box-shadow: 0 2px 15px rgba(0, 0, 0, .5) } .campaign-header a { font-size: 1.2vw; font-weight: 500; font-family: sans-serif; color: #0068b2 } .campaign-header { box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22) } .fixed-top { position: fixed !important } #header .konectar-logo, #header .logo { font-size: 30px; margin: 0; padding: 0; line-height: 1; font-weight: 600; letter-spacing: .8px; font-family: Poppins, sans-serif } #header .logo a, .navbar-mobile a { color: #222 } #header .logo a span, #secondary-navbar .active, #secondary-navbar .active:focus, #secondary-navbar .dropdown div>ul .active:hover, #secondary-navbar .dropdown div>ul a:hover, #secondary-navbar .dropdown div>ul li:hover>a, #secondary-navbar a:hover, #secondary-navbar li:hover>a, .navbar-mobile .active, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul li:hover>a, .navbar-mobile a:hover, .navbar-mobile li:hover>a, .primary-navbar .active-tab, .primary-navbar .active-tab:focus, .primary-navbar .dropdown ul .active-tab:hover, .primary-navbar .dropdown ul a:hover, .primary-navbar .dropdown ul li:hover>a, .primary-navbar a:hover, .primary-navbar li:hover>a { color: #106eea } #header .logo img { max-height: 60px; padding: 2% } #header .campaign-header-logo .logo img { padding-left: 2vw !important; } #header .konectar-logo img { max-height: 46px; padding: 2% } .scrolled-offset { margin-top: 57px } #secondary-navbar, .navbar-mobile>ul>li, .primary-navbar { padding: 0 } #secondary-navbar ul, .primary-navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center } #secondary-navbar a, #secondary-navbar a:focus, .primary-navbar a, .primary-navbar a:focus { padding: 0 3px; font-size: 13px; color: #7f7f7f; white-space: nowrap; position: relative; transition: .3s } #about-us, #get-demo .demo-content, #secondary-navbar li, .primary-navbar li { position: relative } .primary-navbar>ul>li { white-space: nowrap; padding: 9px 20px 10px 0 } .primary-navbar a, .primary-navbar a:focus { display: flex; align-items: center; justify-content: space-between; font-weight: 600 } .blog-header .primary-navbar a, .blog-header .primary-navbar a:focus { font-size: 16px !important; font-weight: 400 } #secondary-navbar a i, #secondary-navbar a:focus i, .primary-navbar a i, .primary-navbar a:focus i { font-size: 12px; line-height: 0; margin-left: 5px } .primary-navbar>ul>li>a:before { position: absolute; bottom: -6px; left: 0; visibility: hidden } .primary-navbar .active-tab:before, .primary-navbar a:hover:before, .primary-navbar li:hover>a:before { visibility: hidden; width: 100% } .primary-navbar .dropdown ul { display: block; position: absolute; left: 28px; top: calc(100% + 30px); margin: 0; padding: 10px 0; opacity: 0; visibility: hidden; background: #fff; transition: .3s } #secondary-navbar .dropdown div>ul li, .navbar-mobile .dropdown ul li, .primary-navbar .dropdown ul li { min-width: 200px } .primary-navbar .dropdown ul a { padding: 10px 20px; font-weight: 400 } #secondary-navbar .dropdown div>ul a i, .navbar-mobile .dropdown ul a i, .primary-navbar .dropdown ul a i { font-size: 12px } #secondary-navbar .dropdown:hover>.dropdown-menu, .primary-navbar .dropdown:hover>ul { opacity: 1; top: 100%; visibility: visible } #secondary-navbar .dropdown .dropdown .dropdown-menu, .primary-navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden } #secondary-navbar .dropdown .dropdown:hover>.dropdown-menu, .primary-navbar .dropdown .dropdown:hover>ul { opacity: 1; top: 0; left: 100%; visibility: visible } #secondary-navbar>ul>li { white-space: nowrap; padding: 0 10px 6px 0 } #enable, #secondary-navbar a:hover div.dropdown-section, .navbar-mobile .dropdown>.dropdown-active { display: block } #band-ten, #secondary-navbar .dropdown div>ul { display: flex; display: flex } #secondary-navbar a, #secondary-navbar a:focus { display: flex; align-items: center; justify-content: space-between; font-weight: 400 } #secondary-navbar>ul>li>a:before { position: absolute; bottom: -2px; left: 0; visibility: hidden } #secondary-navbar .active:before, #secondary-navbar a:hover:before, #secondary-navbar li:hover>a:before { visibility: visible; width: 100% } #secondary-navbar .dropdown .dropdown-menu { display: block; position: absolute; left: 6px; top: calc(100% + 30px); margin: 0; padding: 6px; opacity: 0; visibility: hidden; background: #fff; transition: .3s } #secondary-navbar .dropdown div>ul { flex-wrap: wrap } #secondary-navbar .dropdown div>ul a { padding: 6px 15px; font-weight: 400 } #secondary-navbar .item-last { padding-right: 18px !important } #product-subheader { padding-bottom: 12px !important } .get-demo-btn, .get-submit-btn, .get-update-btn { background-color: #f96731; border: 1px solid #f96731; border-radius: 3px; color: #fff !important; font-size: 15px; font-weight: 700; height: 33px; line-height: 25px; margin-right: 0; padding: 2px 12px; text-align: center } .band-media-title { font-size: 1.75rem; } @media (max-width:1366px) { .navbar .dropdown .dropdown ul { left: -90% } .navbar .dropdown .dropdown:hover>ul { left: -100% } #secondary-navbar a:hover div.dropdown-section { display: block } .iframe-container { position: relative !important; width: 80% } #header .get-demo-btn { width: 14vw; font-size: 1.4vw } } .mobile-nav-toggle { color: #818181; font-size: 28px; cursor: pointer; display: none; line-height: 0; transition: .5s } .footerLinks a:hover, .mobile-nav-toggle.bi-x { color: #fff } @media(max-width:768px) { .mobile-menu-block { display: none } } @media(max-width:767px) { .campaign-header a { font-size: 2.0vw !important; } .mobile-menu-block { display: block } .mobile-nav-toggle { display: block !important } #topbar { height: 0px !important; background: #ffffff; } .navbar ul { display: none } #topbar #navbar .navbar-mobile a, #topbar #navbar .navbar-mobile a:focus, #topbar #navbar a.nav-link { display: flex; align-items: center; justify-content: space-between; font-weight: 600; color: #7f7f7f; white-space: nowrap; transition: .3s; position: relative; padding: 10px 20px; font-size: 15px } #topbar #navbar a.nav-link { padding: 10px 20px; font-size: 15px; color: #222 } } @media (max-width:991px) { .iframe-container { position: relative; width: 100%; padding-bottom: 38.25%; height: 0 } .iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .ksp-social { background: #dbecf3 } } .navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(9, 9, 9, .9); transition: .3s; z-index: 999 } .divider, .navbar-mobile ul { position: absolute } .navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px } .navbar-mobile ul { display: block; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 10px 0; background-color: #fff; overflow-y: auto; transition: .3s } .navbar-mobile a, .navbar-mobile a:focus { padding: 10px 20px; font-size: 15px } .navbar-mobile .active:before, .navbar-mobile a:hover:before, .navbar-mobile li:hover>a:before { visibility: hidden } .navbar-mobile .getstarted { margin: 15px } .navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; opacity: 1; visibility: visible; background: #fff } .navbar-mobile .dropdown ul a { padding: 10px 20px } .animatedFadeInUp, .hideme { opacity: 0 } .showme { opacity: 1 } #konectar-instance-list .konectar-instance-icon img { width: 50px; height: 50px } #konectar-instance-list .konectar-instance-title a span, #konectar-instance-list .konectar-instance-title a:hover { color: #fff !important; text-decoration: none; font-weight: 700; font-size: 14px } .home_page_header_text { font-size: 18px } .konectar-instance-title { margin-top: 6px } .band-title-block .band-title { color: #1c252e; font-family: asap-bold; font-size: 22px; line-height: 26px } #data-services .band-four .content-description, #data-services .band-nine .content-description, #data-services .band-one-description, #data-services .band-seven .content-description, #products .band-eight .content-description, .band-title-block .band-content { color: #7f7f7f; font-family: asap, sans-serif; font-size: 16px; font-weight: 400; line-height: 19px } .main-title { padding-top: 12px; margin-top: 0 !important; font-size: 40px; line-height: 1.42857143; color: #333; font-family: asap } .ksp-social, .ksp-virtual-engage, .label-bold { font-size: 16px } #konectar-sub-product { background-image: url(../images/homepage/konectar_soc_virutual.png); background-repeat: no-repeat; background-size: 100% 100%; height: auto } .label-bold { font-family: asap-bold-italic; font-weight: 700; color: #000; line-height: 22px } .specialities-title { padding-top: 10px; font-size: 40px; line-height: 1.42857143; color: #333; font-family: asap } .specialities-listing .list-group li { font-size: 20px; padding-top: 5px } #products .band-one { background: url("../images/products/4.jpg") 0 0/cover no-repeat rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: cover; min-height: 28.125rem } #products .band-one-content { padding: 4% 0% 0% 3%; } #products .band-one-text { font-family: asap-italic; font-size: 34px; font-weight: 400; line-height: 41px; color: #fff; padding: 9% 4%; margin: 3% 0; text-align: left } #products .hero-header { font-family: asap-italic; font-weight: 600; line-height: 41px; color: #fff; padding: 3% 0% 0%; margin: 0% 0 0; text-align: left; } #products .hero-subheader { font-family: asap-italic; line-height: 41px; color: #fff; padding: 1% 0% 0%; margin: 0% 0 0; text-align: left; } #products .bold-text { font-family: asap-bold-italic; font-size: 36px !important } #data-services .band-eight, #data-services .band-five, #data-services .band-two, #products .band-four, #products .band-nine, #products .band-six, #products .band-two { background-color: #1c252e } #products .band-title-block { text-align: left } #data-services .band-title-block .band-title, #products .band-title-block .band-title { color: #fff; font-family: asap-bold; font-size: 20px; line-height: 24px } #data-services .band-title-block .band-content, #products .band-title-block .band-content { color: #98a3ad; font-family: asap, sans-serif; font-weight: 400; text-align: left; font-size: 14px } #products .band-three .content-title { color: #1c252e; font-size: 34px; font-family: asap-bold; padding-bottom: 12px } #products .band-five .content-description, #products .band-three .content-description { color: #7f7f7f; font-size: 20px; line-height: 24px; font-family: asap, sans-serif } #products .band-five .content-title { color: #1c252e; font-size: 34px; line-height: 41px; font-family: asap-bold } #products .band-seven { background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, .6) 100%), url("../images/products/integrated.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; height: 450px; color: #fff } #products .profile-healthcare-text { color: #000; font-family: asap-bold-italic; font-size: 23px; line-height: 28px } #data-services .band-seven .content-title, #products .band-eight .content-title { color: #1c252e; font-family: asap-bold; font-size: 24px; line-height: 29px } #data-services .brochure-download-btn, #products .brochure-download-btn { font-size: 14px; color: #2b9cf2; font-family: asap-bold } #data-services .brochure-download-btn img, #products .brochure-download-btn img, #resources .brochure-download-btn img, #white-paper-resources .brochure-download-btn img { width: 15px; vertical-align: baseline } #band-ten { align-items: center; justify-content: center; height: 280px; background-color: #fff; align-items: center; justify-content: center; color: #fff } #products .band-ten-text { color: #1c252e; font-family: asap-bold-italic; font-size: 30px; line-height: 36px; margin-bottom: 32px } #about-us .scrollspy-example { overflow-y: scroll } #about-us .band-one-title { font-family: asap, sans-serif; font-size: 30px; color: #333 } #about-us .band-one-text, #about-us .band-three-description { font-family: asap, sans-serif; font-size: 16px; font-weight: 400; line-height: 19px; color: #7f7f7f } #about-us .band-one-tag-line { color: #7f7f7f; font-family: asap-bold-italic; font-size: 16px; line-height: 19px } #about-us .band-two .band-title, #about-us .vision-title { font-size: 24px; font-family: asap, sans-serif; font-weight: 400; text-align: center } #about-us .vision-title { line-height: 29px } #about-us .vision-description { color: #7f7f7f; font-family: asap-italic; font-size: 18px; font-weight: 400; line-height: 22px; text-align: center } #about-us .band-two { background: url('../images/about_us/background.jpg') 0 0/100% 100% no-repeat rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: cover; height: auto } #about-us .band-two h2 { color: #fff; font-family: asap, sans-serif; font-weight: 500; line-height: 1.1 } #about-us .band-two-text { font-family: asap-italic; font-size: 16px; font-weight: 400; line-height: 21px; color: #fff } #about-us .band-two .band-title { color: #fff; line-height: 24px; padding-top: 20px } #about-us .band-two .band-content { color: #7f7f7f; font-size: 16px; font-weight: 400; line-height: 16px; text-align: center; padding-top: 10px; font-family: asap, sans-serif } #about-us .band-three-text { color: #000; font-family: asap-italic; font-size: 18px; line-height: 35px } #about-us .email_color { color: #2b9af3 } #about-us .tag-line { color: #000; font-family: asap-italic; font-size: 24px; font-weight: 400; line-height: 29px; text-align: center } #about-us .phone, #about-us .support_email_id { font-size: 16px; text-align: left; outline: 0; font-weight: 400 } #about-us .support_email_id { color: #337ab7; padding-left: 10px } #about-us .phone { color: #7f7f7f } #about-us .band-five .contact-us-title, #about-us .locations { font-size: 20px; font-family: asap-bold; color: #1c252e; line-height: 20px } #about-us .address { cursor: text; margin-bottom: 0; color: #7f7f7f; font-size: 16px; font-weight: 400; padding-left: 10px } #about-us .my-slider, #meet-us .my-slider { width: 100%; overflow: hidden } #about-us .my-slider li img, #meet-us .my-slider li img { height: 400px } #about-us .my-slider li, #meet-us .my-slider li { float: left; height: 400px; list-style: none } #meet-us .band-one .name, #meet-us .band-one .title, #meet-us .band-one-title, #meet-us .band-two .leadership-profile-head .name, #meet-us .band-two .leadership-profile-head .title { color: #000; font-weight: 400; font-family: asap, sans-serif } #meet-us .band-one-title { font-size: 30px; line-height: 36px } #meet-us .band-one .name { line-height: 22px } #meet-us .band-one .description { color: #7f7f7f; font-family: asap, sans-serif; font-size: 14px; line-height: 22px } #meet-us .band-two { max-width: 100% } #meet-us .band-two .leadership-profile-img img { border-radius: 6px } #meet-us .band-two .leadership-profile-head .name { font-size: 18px; line-height: 22px } #meet-us .band-two .leadership-profile-head .title { font-size: 16px; line-height: 18px } #meet-us .social-link { background: #0077b7; padding: 3px 8px; border-radius: 15px; width: 30px; height: 30px } .float-right { float: right } .float-left { float: left } #meet-us .social-link img { width: 15px; height: 15px } #meet-us .leadership-profile-head { margin-top: 12px } .modal-dialog { max-width: 40% } #work-with-us .band-one { background: url('../images/work_with_us/w2.jpg') 0 0/100% 100% no-repeat rgba(0, 0, 0, 0); height: 350px } #data-services .band-six, #data-services .band-three { background-repeat: no-repeat; background-size: cover; background-attachment: fixed } #work-with-us .band-one-title { color: #fff; font-family: asap, sans-serif; font-size: 48px; margin-left: 35px } #work-with-us .band-one-description { color: #fff; font-size: 14px; font-family: asap, sans-serif; margin-left: 35px } #work-with-us .col-form-label { color: #6b6b6b; font-family: asap, sans-serif; font-weight: 600; font-size: 14px } #blog-view .comment-section .comment-form .mandatory, #campaign-konectar-band #instanceModal .mandatory, #get-demo .mandatory, #kolm-band-one .mandatory, #work-with-us .mandatory { color: red } p.MsoNormal { font-size: 14px; line-height: 150% !important; margin-bottom: 0 } #work-with-us .post-title { font-size: 18px; color: #333 } #work-with-us .post-description { font-family: asap; font-size: 14px } #work-with-us .view-more { color: #2b9af3; font-size: 14px } #work-with-us .click-to-apply { background-color: #fff; color: #2b9af3 !important; font-family: asap, sans-serif; border: 1px solid #2b9af3; font-size: 13px; border-radius: 3px; font-weight: 700 !important; height: 33px } #work-with-us .click-to-apply:HOVER { border: 1px solid #2b9af3; background-color: #2b9af3; color: #fff !important; text-decoration: none } #work-with-us .side-div-title { color: #333 } #blog-view .comment-section .comment-form label, #blog-view .user-details .published-by, #resources .blogger-details label, #resources .modal .article-description, #white-paper-resources .blogger-details label, #white-paper-resources .modal .article-description, #work-with-us .side-div-text { font-family: asap; font-size: 14px; line-height: 1.42857143; color: #333 } #work-with-us .submit-profile { background-color: #2b9af3; color: #fff !important; font-family: asap, sans-serif; border: 1px solid #2b9af3; font-size: 13px; border-radius: 3px; font-weight: 700 !important; height: 33px } #work-with-us .submit-profile:HOVER { border: 1px solid #2b9af3; color: #2b9af3 !important; background-color: #fff; text-decoration: none } #work-with-us .mobileImage { width: 100%; height: 217px } #data-services .band-four .content-title, #data-services .band-nine .content-title, #data-services .band-one-text { color: #1c252e; font-family: asap-bold; font-size: 24px; line-height: 29px; margin-bottom: 10px } #data-services .band-title-block { text-align: start } #data-services .band-three { background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, .6) 100%), url("../images/data_services/identify.jpg"); height: 450px } #data-services .effective-text, #data-services .identify-text { color: #000; font-family: asap-bold; font-size: 23px; line-height: 28px } #data-services .band-six { background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, .6) 100%), url("../images/data_services/effective.jpg"); height: 350px } #data-services .band-nine { background-color: #efefef } #data-services .band-ten-text { color: #1c252e; font-family: asap-bold; font-size: 30px; line-height: 36px } #media-view .date { color: #9e9e9e !important; font-size: 13px !important; font-family: asap; line-height: 1.42857143 } #media-view .tag-line { color: #333; font-size: 16px; font-weight: 700 } #media-view .description { color: #58595b !important; font-family: asap, sans-serif; font-size: 14px !important; font-weight: 300 !important } #media-view .row { border-bottom: 1px solid #d3d3d3 } #media-view .modal .modal-header { background-color: rgba(0, 0, 0, .1) } #media-view .modal .modal-header label:first-child { font-size: 18px; color: #333; font-family: asap } #media-view .modal .modal-header label:nth-child(2) { font-size: 13px; color: #908a8a; font-family: asap } #media-view .modal .modal-header .header-link { color: #337ab7 } #resources .blue-btn { background-color: #2b9af3; color: #fff !important; font-family: asap, sans-serif; border: 1px solid #2b9af3; font-size: 14px; border-radius: 3px; font-weight: 700 !important; margin-right: 5px } #resources .white-btn, #white-paper-resources .white-btn { border: 1px solid #2b9af3; color: #2b9af3 !important; background-color: #fff; font-family: asap, sans-serif; font-size: 14px; border-radius: 3px; font-weight: 700 !important } #disable, #instanceModal, #resources .hide, #white-paper-resources .hide { display: none } #resources .article-card .blog-card, #white-paper-resources .article-card .blog-card { margin-top: 20px } #resources .article-card .btn, #white-paper-resources .article-card .btn { border-radius: 2px; text-transform: uppercase; font-size: 12px; padding: 7px 20px } #resources .card-img-block .card-img-top { width: 100%; border-radius: 3px; height: 226px; min-height: 226px } #resources .article-card .card-body { width: 90%; position: relative; top: -25px; background-color: #fff; margin: 0 auto; border: 1px solid rgba(0, 0, 0, .125); border-radius: 5px; height: 200px } #resources .blog-card .card-body, #white-paper-resources .blog-card .card-body { width: 90%; position: relative; top: -25px; background-color: #fff; margin: 0 auto; border: 1px solid rgba(0, 0, 0, .125); border-radius: 5px; height: 230px } #resources .article-card .card-body:hover, #resources .blog-card .card-body:hover, #white-paper-resources .article-card .card-body:hover, #white-paper-resources .blog-card .card-body:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .63) } #resources .article-card h5, #resources .blog-card h5, #white-paper-resources .article-card h5, #white-paper-resources .blog-card h5 { color: #000; font-family: asap; font-size: 16px; line-height: 20px; font-weight: 600 } #resources .article-card p, #resources .blog-card p, #white-paper-resources .article-card p, #white-paper-resources .blog-card p { font-size: 14px; font-weight: 300 } #resources .article-card a, #resources .blog-card a, #white-paper-resources .article-card a, #white-paper-resources .blog-card a { color: #2b9af3 !important } #resources .blog-card .blogger-content, #white-paper-resources .blog-card .blogger-content { position: absolute; bottom: 15px } #resources .brochure-download-btn { font-size: 14px; color: #00f; position: absolute; bottom: 15px; text-align: center } #blog-view { margin-top: 70px } #blog-view .article-date { background-color: #2b9af3; color: #fff; border-radius: 2px; line-height: 28px; text-align: left !important; font-size: 1.25rem } #blog-view .article-heading, #blog-view .article-heading a { color: #333; font-size: 24px; font-weight: 400; line-height: 29px; background-color: #ededed } #blog-view .band-one .article-description p, #blog-view .band-one .article-description ul li { font-size: 16px; font-weight: 400; line-height: 22px; font-family: asap } #blog-view .band-one .article-description a { color: #309af4; font-size: 16px; font-weight: 400; line-height: 22px; font-family: asap; text-decoration: underline } #blog-view .user-details .posted-by { color: #7f7f7f; font-weight: 400; margin-right: 10px; font-size: 12px } #blog-view .user-details .post-count, #blog-view .user-details .published-on { font-family: asap; font-size: 14px; line-height: 1.42857143; color: #7f7f7f !important; font-weight: 400 !important } #blog-view .user-details .designation { color: #a29e9e; font-size: 12px } #blog-view .comment-section .comment-title { font-size: 22px; font-weight: 400; line-height: 36px } #blog-view .brought-to-by .title, #blog-view .recommend-container .recommend-title { color: #7f7f7f; font-size: 18px; font-weight: 400 } #blog-view .recommend-container { background-color: #ededed } #blog-view .recommend-container .recommended-link { background-color: #fff; border-radius: 3px; text-decoration: none } #blog-view .recommend-container .recommended-link a { color: #337ab7; font-family: asap; font-size: 14px; line-height: 1.42857143 } #blog-view .brought-to-by .title { text-align: center } #blog-view .medical-thought { border-radius: 3px; overflow: hidden; background: #2b9af3 } #blog-view .medical-thought .medical-thought-block { color: #fff; font-family: asap-bold-italic !important; font-weight: 400; line-height: 1.42857143; font-size: 15px; border: 4px solid #fff; border-radius: 3px } .article-description { color: #000; font-size: 16px; font-weight: 400; line-height: 22px; text-align: justify } #white-paper-resources .blue-btn { background-color: #2b9af3; color: #fff !important; font-family: asap, sans-serif; border: 1px solid #2b9af3; font-size: 14px; border-radius: 3px; font-weight: 700 !important } #campaign-main .konectar-band-subtext, #campaign-main .konectar-band-text { font-weight: 500; text-align: center; padding: 5px 0; vertical-align: middle; margin-bottom: 0 } #white-paper-resources .article-card .card-body { width: 90%; position: relative; top: 21px; background-color: #fff; margin: 0 auto; border: 1px solid rgba(0, 0, 0, .125); border-radius: 5px } #white-paper-resources .brochure-download-btn { font-size: 14px; color: #2b9cf2; position: absolute; bottom: 15px; text-align: center; font-family: asap-bold } #campaign-main .kolm-band-one { background: url("../images/campaign/BAnner-01.jpg") no-repeat rgba(0, 0, 0, 0); background-size: cover } .kolm-band-one .kolmband .icon p { font-size: 14px; vertical-align: middle; font-family: asap, sans-serif } .kolm-band-one .kolmband .icon span { font-size: 14px; vertical-align: middle; font-family: asap, sans-serif; font-weight: 700; color: #333 } .kolm-band-one .kolm-content-block-title { font-size: 30px; line-height: 41px; font-family: asap-bold; color: #1d7ab2 } .ps-lg-5 { padding-left: 5rem !important } .pt-lg-5 { padding-top: 5rem !important } .kolm-band-one .kolm-content-block-text { font-family: asap; font-size: 18px } #campaign-main .konectar-band-text { color: grey; font-size: 18px; font-family: asap } #campaign-main .konectar-band-subtext { color: #000; font-size: 18px; font-family: asap } #campaign-main .konectar-instance-list { width: 100%; background: #fff; border-radius: 10px } #campaign-main .konectar-instance-icon { border-radius: 20px; width: 100%; height: 80px; vertical-align: middle; text-align: center } .konectar-instance-icon-bg { background: #fff; display: inline-block; border-radius: 10px; padding: 15px; min-height: 75px; min-width: 75px } #campaign-konectar-band .new_tag { bottom: 27px; display: inline-block; font-size: 13px; right: -4px; color: #439dfd } #get-demo .get-demo-block, #kolm-band-one .get-demo-block { opacity: .54; left: 0; right: 47px; bottom: 0; border-color: transparent } #campaign-konectar-band .konectar-instance-title a span, #konectar-instance-list .konectar-instance-title a:hover { color: #333 !important; text-decoration: none; font-weight: 400; font-size: 14px } .campaign-hcp-title { text-align: center; padding: 5px 0; vertical-align: middle; margin-bottom: 0; color: #333 !important; font-size: 26px; font-weight: 400; font-family: asap } .campaign-hcp-subtext, .hcp-management-title { font-weight: 500; text-align: center; padding: 5px 0; vertical-align: middle; margin-bottom: 0; font-family: asap } .campaign-hcp-subtext { color: #000; font-size: 20px } .hcp-management-title { color: #333 !important; font-size: 16px } .hcp-management-subtext { text-align: center; padding: 5px 0; vertical-align: middle; margin-bottom: 0; color: #000; font-size: 12px; font-weight: 400; font-family: asap } #get-demo .parallax_with_opacity, #kolm-band-one .parallax_with_opacity { position: relative; z-index: 5; color: #000 } #kolm-band-one .get-demo-block { background-color: #282828; position: absolute; top: 9px; width: 85%; height: 90%; color: #fff; border-radius: 25px } #get-demo .get-demo-form label, #kolm-band-one .get-demo-form label, #work-with-us .career label { font-weight: 700; font-size: 14px; line-height: 1.42857143 } #konectar-hcp-band .highlight { text-decoration: underline; text-decoration-color: #0071BC; text-underline-offset: 10px } #instanceModal .get-demo-form label { font-weight: 700; font-size: 13px; line-height: 1.42857143 } #get-demo .get-demo-form, #kolm-band-one .get-demo-form { position: relative; color: #fff } #kolm-band-one .get-demo-title { color: #fff !important; font-family: asap-bold; font-size: 24px } #instanceModal .get-demo-form .button-center { margin-right: 38px } #instanceModal .modal-title { font-family: asap-bold; font-size: 18px; line-height: 1.42857143 } #cookie-policy .section-title, #privacy .section-title { font-size: 14px; font-weight: 700; letter-spacing: .1px; font-family: asap; color: #000 } #cookie-policy .section-content, #privacy .section-content { text-indent: 50px; font-size: 14px; font-family: asap; color: #000 } #cookie-policy .section-text, #privacy .section-text { font-size: 14px; font-family: asap; color: #000 } #cookie-policy .section-content a, #privacy .section-content a { color: #00f } table.cookie-table td, table.cookie-table th { border: 1px solid; padding: 2px 5px } #privacy .privacy-title-text { color: #000; font-family: asap; font-size: 15px; font-weight: 700 } #get-demo .band-one { background: url("../images/get_demo/hand_mobile.png") 0 0/100% 100% no-repeat rgba(0, 0, 0, 0); background-repeat: no-repeat; min-height: 450px } #get-demo .get-demo-block { background-color: #282828; position: absolute; top: 0; width: 88%; height: 100%; color: #fff } #get-demo .get-live-demo { color: #fff !important; font-family: asap; font-size: 26px; font-weight: 700; line-height: 46px; margin-bottom: 30px; margin-top: 0 } #get-demo .get-demo-subtitle { font-family: asap-bold-italic; color: #fff; font-size: 24px; line-height: 30px; position: relative; z-index: 5 } #get-demo .get-demo-text { color: #fff; font-family: asap-italic; font-size: 24px; line-height: 20px } .get-demo-message { margin: 25% 0; display: none } .work-with-us-message { margin: 10% 0; display: none } #support .support-mail-block a { color: #337ab7; text-decoration: none } #support .support-description { font-size: 18px; line-height: 22px; font-family: asap } #support .support-mail-block label, #support .support-phone-block label { color: #000; font-family: asap; font-size: 18px; font-weight: 400; line-height: 18px; margin-top: 20px } #sitemap ul li a { font-family: asap; font-size: 14px; line-height: 1.42857143 } footer { background-image: url("../images/optimized_images/footer.webp"); bottom: 0; height: auto !important } footer .container-fluid .row { margin-left: 0; margin-right: 0; padding-right: 0 } .footerLinksSection ul li { padding-bottom: 15px; font-size: 12px } .footerLinksSection ul li a { color: #60717c } .footerLinks label { color: #fff; font-size: 14px; font-family: asap; font-weight: 700 } .footerLinks a { color: #60717c; font-size: 13px; font-family: asap } .footerLinksSection .support_email_id { padding-left: 5px } .footerLinksSection .footer_phone { padding-left: 2px; color: #60717c } .social-links a { margin-left: 12px } .copy_right_text { background-color: transparent; color: #c8c8c8; font-size: 9px; font-weight: 400; line-height: 12px; text-align: right; margin-right: 70px; padding-top: 5px } .footerLinksSection .list-inline-item { width: 100% } .copyright { background-color: #3f444d; border-color: transparent; border-style: none; height: 30px } .certification { width: 65%; height: 32vh; display: flex } .certification img { height: inherit; margin-left: auto; margin-right: auto; text-align: center } #konectar-main .carousel-item { padding-right: 0 !important; padding-left: 0 !important } #konectar-main .konectar-header-block-item-img img { width: 42px; height: 42px; margin-right: 6px } @keyframes fadeInUp { from { transform: translate3d(0, 40px, 0) } to { transform: translate3d(0, 0, 0); opacity: 1 } } @-webkit-keyframes fadeInUp { from { transform: translate3d(0, 40px, 0) } to { transform: translate3d(0, 0, 0); opacity: 1 } } .animated { animation-duration: 2s; animation-fill-mode: both; -webkit-animation-duration: 2s; -webkit-animation-fill-mode: both } .fadeInUp { opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp } @media screen and (max-width:768px) { .footerLinks .logo { text-align: center } #media-view .row { border-bottom: 1px solid #d3d3d3; padding-bottom: 6px } #media-view .band-one .tag-line { font-weight: 700; color: #333 !important } .pt-lg-5 { padding-top: 3rem !important } .ps-lg-5 { padding-left: 0 !important } #kolm-band-one .get-demo-block { right: 0; width: 100% } #instanceModal .get-demo-form .button-center { margin-right: 0 } .iframe-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0 } .iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .modal-dialog { max-width: 100% } } .social-icons { width: 30px; height: 30px; margin-left: 6px } .dis_h4 { position: relative; top: 50%; text-align: center; font-size: 12px } @media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) { #enable { display: none } #disable { display: block; height: 300px } } .twitter-timeline.twitter-timeline-rendered { overflow-y: scroll; height: 47.5rem } img.footer-icon { width: 28px; height: 28px } #data-services #band-one, #data-services #band-seven_ds { padding: 2% 4% } i.icon-css.bi.bi-chevron-right { background: #cc4217; padding: 6px; border-radius: 50%; position: relative; left: 10px; color: #fff }