astro-mail/public/assets/css/style.css

#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
}