/*!
Theme Name: Vibrent Health
Theme URI: https://www.vibrenthealth.com
Author: Vibrent
Author URI: https://www.vibrenthealth.com
Description: Faster recruitment, longer term engagement retention, more diversity inclusion and broader data collection about a person biology, phenotype and environment.
Version: 1.7.3
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vibrenthealth
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

vibrenthealth is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*=================== Global CSS ===================*/
html,body{
    margin: 0%; box-sizing: border-box; width: 100%;
    height: 100%; font-family: 'Open Sans', sans-serif;
    color: #000000;
}
textarea::-webkit-input-placeholder {  color: #0bf !important;}

textarea:-moz-placeholder { /* Firefox 18- */
  color: #0bf !important;;  
}

textarea::-moz-placeholder {  /* Firefox 19+ */
  color: #0bf !important;;  
}

textarea:-ms-input-placeholder {
  color: #0bf !important; 
}

textarea::placeholder {
  color: #0bf !important;;  
}
::placeholder { color: #5e595a !important;opacity: 1; /* Firefox */ }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #5e595a !important;}
::-ms-input-placeholder { /* Microsoft Edge */ color: #5e595a !important;}
* {outline:none;}
a{color: #25b0f0; font-weight: 600;} a:hover { color: #25b0f0; text-decoration: underline;}
.procut_link {color: #25b0f0; font-weight: normal;} .procut_link:hover{color: #25b0f0; text-decoration: underline;}
a.blue-link{color: #6ec1e7; font-weight: bold;} a.blue-link:hover { color: #6ec1e7; text-decoration: underline;}
a.black-link{color: #000000; font-weight: normal;} a.black-link:hover { color: #000000; text-decoration: underline;}
.purple {color:#25b0f0; }
.light-blue {color: #25b0f0 !important;}
.dark-blue {color: #051f48 !important;}
p{font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; color: #000000;}
hr {border-top: solid 1px #bfbfbf;}
h1{ font-family: 'Open Sans', sans-serif; font-size: 19px; line-height: 24px; color: #051f48; font-weight: normal; letter-spacing: 0.38px;}
.text-upper{ text-transform: uppercase;}
h2.title-black {font-family: 'Open Sans', sans-serif; font-size: 36px; line-height: 50px; letter-spacing: 1.08px; color: #000000; font-weight: normal;}
h2.title {font-family: 'Open Sans', sans-serif; font-size: 19px; line-height: 28px; letter-spacing: 0.38px; color: #051f48; font-weight: 600;}
h2.title-small {font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 23px; letter-spacing: 0.34px; color: #051f48; font-weight: 600;}
h2.title-32 {font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 26px; letter-spacing: 0.34px; color: #051f48; font-weight: 300;}
h2.title-28 {font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 1.63; letter-spacing: 0.70px; color: #051f48; font-weight: normal;}
h2.red-title {font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 1.2; letter-spacing: 0.38px; color: #e9242e; font-weight: 600;}
h2.green-title {font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 1.2; letter-spacing: 0.38px; color: #8bc481; font-weight: 600;}
h2.lt-blue-title {font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 1.2; letter-spacing: 0.38px; color: #25b0f0; font-weight: normal;}
h2.lt-blue-title-32 {font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 1.2; letter-spacing: 0.38px; color: #25b0f0; font-weight: normal;}
h2.title-30 {font-family: 'Open Sans', sans-serif; font-size: 30px; line-height: 42px; color: #051f48; font-weight: 400;}
h2.heading-1 {font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 23px; letter-spacing: 0.34px; color: #051f48; font-weight: 600;}
h3 {font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: normal; color: #000000; font-weight: 600;}
h4.title {font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: normal; color: #051f48; font-weight: 300;}
.pera-text {font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000000; line-height: 20px; word-break: break-word;}
.pera-text-20 {font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000000; line-height: 20px;}
.pera-text-16 {font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000000; line-height: 20px;}
.pera-text-16-blue {font-family: 'Open Sans', sans-serif; font-size: 14px; color: #25b0f0; line-height: 20px; font-weight: 600;}
.pera-text-24 {font-family: 'Open Sans', sans-serif; font-size: 18px; color: #000000; line-height: 24px;}
.pera-blue-text-24 {font-family: 'Open Sans', sans-serif; font-size: 14px; color: #051f48; line-height: 22px;}
.pera-text-main {font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 28px; color: #ffffff;}
.my-pera {margin-top: 1.3rem!important; margin-bottom: 1.3rem!important;}
.link-size-1{font-size: 20px; color: #218cbe;}
.link-1{font-size: 14px; font-weight: normal; line-height: 14px; color: #25b0f0; background: url("images/link_arrow.svg") no-repeat; background-position: right center;padding-right: 25px; transition: padding .2s ease-in-out;}
.link-1:hover{padding-right: 32px; text-decoration: none;}
.img-shadow {box-shadow: 0 0 15px 0 rgb(0 0 0 / 16%);}
.btn-green-small {
    font-size: 14px; font-weight: 600; line-height: 14px; color: #7ba83a; border: 1px solid #7ba83a; border-radius: 2px; padding: 6px 12px 6px 12px; min-width: 112px;
}
.btn-green-small:hover{    background-color: #7ba83a; color: #ffffff;}
.btn-blue-small {
    font-size: 14px; font-weight: 600; line-height: 14px; color: #ffffff; background-color: #25b0f0; border-radius: 0px; padding: 12px 12px 12px 12px; min-width: 106px;
}
.btn-blue-small:hover{    background-color: #218CBE; color: #ffffff; }
.btn-blue-large {
    font-size: 12px; font-weight: 600; line-height: 20px; color: #ffffff; background-color: #25b0f0; border-radius: 0px; padding: 9px 18px 9px 18px; min-width: 140px; text-transform: uppercase;
}
.btn-blue-large:hover{    background-color: #218bbc; color: #ffffff;}
.btn-blue-arrow {
    font-size: 16px; font-weight: normal; line-height: 20px; color: #ffffff; background-color: #25b0f0; border-radius: 0px; padding: 9px 38px 9px 18px; min-width: 140px; background-image: url(images/right-arrow-white.png); background-repeat: no-repeat; background-position: right center;}
.btn-blue-arrow:hover{    background-color: #218bbc; color: #ffffff;}
.btn-blue-arrow-small {
    font-size: 12px; font-weight: 600; line-height: 20px; color: #ffffff; background-color: #25b0f0; border-radius: 0px; padding: 9px 38px 9px 18px; min-width: 140px; background-image: url(images/right-arrow-white.png); background-repeat: no-repeat; background-position: right center;}
.btn-blue-arrow-small:hover{    background-color: #218bbc; color: #ffffff;}
.btn-yellow-arrow {
    font-size: 16px; font-weight: normal; line-height: 20px; color: #000000; background-color: #fcd035; border-radius: 0px; padding: 9px 38px 9px 18px; min-width: 170px; background-image: url(images/right-arrow-black.png); background-repeat: no-repeat; background-position: right 6px center; text-align: left;}
.btn-yellow-arrow:hover{    background-color: #ecc53b; color: #000000;}
.btn-green-arrow {
    font-size: 16px; font-weight: normal; line-height: 20px; color: #ffffff; background-color: #8bc481; border-radius: 0px; padding: 9px 38px 9px 18px; min-width: 170px; background-image: url(images/right-arrow-white.png); background-repeat: no-repeat; background-position: right 6px center; text-align: left;}
.btn-green-arrow:hover{    background-color: #84b07c; color: #ffffff;}
.btn-yellow-large {
    font-size: 16px; font-weight: 600; line-height: 20px; color: #ffffff; background-color: #eb9721; border-radius: 0px; padding: 9px 18px 9px 18px; min-width: 140px; text-transform: uppercase;
}
.btn-yellow-large:hover{    background-color: #d5891e; color: #ffffff;}
.btn-subscribe {
    font-size: 12px; font-weight: normal; line-height: 14px; color: #eb9721; border: 0; padding: 6px 12px 6px 0px; min-width: 80px; text-align: left; background: url("images/link_arrow_2.svg") no-repeat; background-position: right 6px; transition: padding .2s ease-in-out;
}
.btn-subscribe:hover{  padding-right: 31px;  color: #eb9721; }
.btn-position{position: fixed;    right: 0;    bottom: 50px;    z-index: 1030; display: none;}
.btn-request {
    font-size: 16px; font-weight: 600; line-height: 20px; color: #ffffff; background-color: #eb9721; border-radius: 0px; padding: 5px 15px 5px 15px; min-width: 150px; text-transform: uppercase; width: 150px; text-align: left; transition: width .2s ease-in-out;
}
.btn-request:hover{width: 175px; background-color: #d1871f; color: #ffffff;}
.btn-request i{float: left; padding-right: 15px; padding-top: 7px;}
.request-form {position: fixed;    right: 0;    bottom: 50px;  width: 400px;  z-index: 1031; background-color: #ffffff; border: 1px solid #25b0f0;}

.modal.custom .modal-header{padding: 1rem 1rem 0; border: none; border-radius: 0px;}
.modal.custom .modal-content{border-radius: 0; border: 1px solid #25b0f0;}
.modal.custom .close{opacity: 1; font-size: 40px; padding: 5px 10px;}
.modal.custom #contact-form{padding: 0 24px;}
.text-white {color: #ffffff !important;}
ul.bullet-pera{    margin: 0 0 0 20px; padding: 0; list-style: url(images/bullet.svg); }
ul.bullet-pera li {margin-top: 6px;}
ul.bullet-pera li:nth-child(1) {margin-top: 6px;}
ul.bullet-pera li:nth-last-child(1){margin-top: 6px;}
ul.bullet-pera li img{margin-top: 10px; margin-left: 0px; position: absolute;}
ul.bullet-pera li p{ margin-left: 10px; line-height: 24px; margin-bottom: 6px;}
ul.bullet-pera li p.heading{font-size: 16px; font-weight: 600;  margin-bottom: 5px; line-height: 28px;}
.blue_bg{background-color: #051f2b;}
.text-white p.heading{color: #ffffff !important;}
p.heading{font-size: 20px; font-weight: 600;}
.sticky {  position: fixed !important;  top: 0;  width: 100%;    z-index: 9999;}
.translate {display: none;}
.anchor {    display: block;    height: 150px;    margin-top: -150px;    visibility: hidden;}
.brd-bot{border-bottom: solid 1px #979797;}
.blue-bg {background-color: #051f48;}
.blue-bg-white {background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(5,31,72,1) 10%, rgba(5,31,72,1) 50%, rgba(5,31,72,1) 90%, rgba(255,255,255,1) 90%);}



.section-bot-margin {margin-bottom: 100px;}
.section-bot-200 {margin-bottom: 200px;}
.section-bot-175 {margin-bottom: 175px;}
.section-bot-150 {margin-bottom: 150px;}
.section-bot-125 {margin-bottom: 125px;}
.section-bot-100 {margin-bottom: 100px;}
.section-top-100 {margin-top: 100px;}
.section-top-padding {padding-top: 100px;}
.section-bot-50 {margin-bottom: 50px;}
.section-top-50 {margin-top: 50px;}
.ml-15 {margin-left: 15px;}
.ml-50 {margin-left: 50px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-70 {margin-top: 70px;}
.mt-90 {margin-top: 90px;}
.mb-20 {margin-bottom: 20px !important;}
.mt-40 {margin-top: 40px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-75 {margin-bottom: 75px;}
.mt-60 {margin-top: 60px;}
.mt-75 {margin-top: 75px;}
.mt-80 {margin-top: 80px;}
.mb-80 {margin-bottom: 80px;}
.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pt-50 {padding-top: 50px;}
.pt-60 {padding-top: 60px;}
.pt-65 {padding-top: 65px;}
.pt-70 {padding-top: 70px;}
.pt-75 {padding-top: 75px;}
.pt-80 {padding-top: 80px;}
.pt-100 {padding-top: 100px;}
.pt-125 {padding-top: 125px;}
.pt-150 {padding-top: 150px;}
.px-138 {padding-top: 138px; padding-bottom: 138px;}
.pb-100 {padding-bottom: 100px;}
.pb-80 {padding-bottom: 80px;}
.pb-70 {padding-bottom: 70px;}
.pb-60 {padding-bottom: 60px;}
.pb-40 {padding-bottom: 40px;}
.pb-30 {padding-bottom: 30px !important;}
.pb-50 {padding-bottom: 50px;}
.my-40 {margin: 40px 0;}




/*=================== Banner ===================*/

.banner {font-size: 16px; padding: 17px; font-weight: 600;}
.banner .b-blue {font-size: 14px; background-color: #25b0f0; text-transform: uppercase; letter-spacing: 0.42px; border-radius: 0;}
.banner .b-blue:hover{background-color: #218bbc; color: #fff;}
.banner .b-dark-blue {font-size: 14px; background-color: #051f48; text-transform: uppercase; letter-spacing: 0.42px; border-radius: 0;}
.banner .b-dark-blue:hover{background-color: #030e21; color: #fff;}
.banner .b-green {background-color: #7ba83a;}
.banner .b-green:hover{background-color: #567629; color: #fff;}
.banner .b-yellow {background-color: #e98b07;}
.banner .b-yellow:hover{background-color: #ba6f06; color: #fff;}
.banner .b-purple {background-color: #7d1d66;}
.banner .b-purple:hover{background-color: #3e0e33; color: #fff;}
.banner p {text-align: center; margin-bottom: 0;}
.btn-banner {
    font-size: 16px; font-weight: bold; line-height: 20px; color: #ffffff; border-radius: 5px; padding: 5px 23px 6px 23px; min-width: 150px;
}
.bottom-fixed {position: fixed; bottom: 0; width: 100%; z-index: 100;}




/*=================== Top Navigation ===================*/
.navbar-light .navbar-nav  .nav-item>.nav-link::before {  transition: 300ms;  height: 1px;  content: "";  position: absolute;  background-color: #25b0f0;}
.navbar-light .navbar-nav  .nav-item>.nav-link-ltr::before {  width: 0%;  bottom: 0px;}
.navbar-light .navbar-nav  .nav-item>.nav-link-ltr:hover::before {  width: calc(100% - 48px);}
.border-grey-bot { border-bottom: solid 1px #e6e6e6}
.box-shadow-bot {box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; position: relative;
    z-index: 1040; }
.navbar-light .navbar-nav  .nav-item>.nav-link {font-size: 16px; font-weight: 600; text-transform: capitalize; color: #000000; position: relative;}
.navbar-light .navbar-nav  .nav-item>.nav-link:hover{font-weight: 600;
    color: #25b0f0; }
.navbar-light .navbar-nav ul.dropdown-menu .nav-link { font-size: 16px; text-transform: capitalize; font-weight: normal; /*background: url("images/arrow_right.svg") no-repeat right center; padding-right: 10px !important;*/}
.navbar-light .navbar-nav .nav-link {color: #000000;}
.navbar-light .navbar-nav ul.dropdown-menu .nav-link:hover {font-weight: 600; /*background: url("images/arrow_hover.svg") no-repeat right center;*/}
.navbar-light .navbar-nav ul.dropdown-menu .nav-link.active{font-weight: 600; /*background: url("images/arrow_hover.svg") no-repeat right center;*/}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{border: 0; display: none;}
.navbar-light p.pera-text{font-size: 16px;}
.navbar-light p.pera-text-16{font-size: 16px;}
.navbar-light p.pera-text-16-blue{font-size: 16px;}
.navbar{padding: 0.7rem 0;}
.dropdown-menu{padding: 0; border: 0; background-color: transparent; padding-top: 28px; border-radius: 0px;}
.dropdown-toggle::after { display: none; background-image: url(images/nav-drowpdown-arrow.svg); background-repeat: no-repeat; background-position: left top; margin-left: .275em; vertical-align: .20em; border: 0; width: 6px;
    height: 4px;}
.dropdown-toggle[aria-expanded="true"]:after {
  transform: rotate(180deg);
}
/*for the animation*/
.dropdown-toggle:after {
  transition: 0.5s;
}
.dropdown-toggle.no-arrow::after{display: none;}
.megamenu-li {position: static;}
.megamenu {	position: absolute;	width: 100%;	left: 0;	right: 0;	padding: 0;}
.menu-link{font-size: 14px; font-weight: 600; line-height: 16px; color: #25b0f0; background: url("images/link_arrow.svg") no-repeat; background-position: right 2px;padding-right: 25px; transition: padding .2s ease-in-out;}
.menu-link:hover{padding-right: 32px; text-decoration: none;}
.nav-pills .nav-link {padding: 10px 0px !important;}
/*.nav-pills .nav-link:first-child{padding: 0px 0px 10px 0px !important;}*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: transparent; font-weight: 800; color: #000000;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{font-weight: 600; color: #25b0f0;}

.navbar-light .navbar-nav .active>.nav-link::before {  transition: 300ms;  height: 1px;  content: "";  position: absolute;  background-color: #25b0f0; width: calc(100% - 48px);}


/*.navbar-nav .card{ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);  }*/
.navbar-nav .card{ box-shadow: 0 2px 16px 8px rgba(0, 0, 0, 0.15); border-radius: 0px; }
.pad-none{padding:0;}
/*.tab-content>.active{padding-top: 10px;}*/
.dropdown-menu .pad-1{padding: 20px;}
.dropdown-menu .pad-2{padding: 20px;}

.megamenu h2.title {font-size: 26px; line-height: 30px;}

.zindex {position: relative; z-index: 10;}

header a.search {
    font-size: 14px; color: #000000; width: 26px; height: 24px; text-decoration: none; background-image: url(images/search-header-icon.svg);   background-repeat: no-repeat;    background-position: left top; 
}

#searchdiv{position: absolute; background-color: #fff; padding: 6px;}
#searchdiv .form-control{height: 40px;    padding: .5rem 1rem;    font-size: 16px;    line-height: 1.5;    border-radius: 0px; border: 1px solid rgba(0, 0, 0, 0.25);}
#searchdiv .fas {font-size: 20px; color: #000000; padding: 5px;}

/*=================== Footer css ===================*/
footer{background-color: #ffffff; padding: 25px 25px 0 25px; color: #ffffff;}
footer h3{font-family: 'Open Sans', sans-serif; font-size: 12px; color: #25b0f0; font-weight: 600; text-transform: uppercase;}
footer ul {margin: 0; padding: 0;}
footer ul li {font-size: 12px; color: #ffffff; list-style: none; margin: 0; margin-bottom: 8px;}
footer ul li a{color: #000000; font-weight: normal;}
footer p{font-family: 'Open Sans', sans-serif; font-size: 12px; color: #6d7278; margin-bottom: 8px; line-height: 22px;}
footer p.social-icon{font-size: 20px;}
footer p.social-icon a{margin-right: 20px; color: #6d7278;}
footer p.social-icon a:hover{color: #6ec1e7;}
footer p a{font-weight: normal;}
footer a{color: #000000; } footer a:hover{text-decoration: none; color: #6ec1e7;}
footer .footer-bottom{background-color: #ffffff; padding: 10px 0; margin-top: 10px}
footer .footer-bottom p{font-size: 10px; color: #000000}
footer .footer-bottom a{color: #000000;}
footer .footer-bottom a:hover{color: #6ec1e7;}
footer .form-control{font-size: 12px; background-color: transparent; border-color: #979797; border-width: 0px 0px 1px 0px; border-radius: 0px; padding: 0px 0px 8px 0; color: #000000;}
footer .form-group {margin-bottom: 18px;}
footer .search-box {margin-top: 48px; position: relative; max-width: 203px;}
/*footer .search-box .form-control::before {content: "\f002"; font-family: "Font Awesome 5 Free"; position: absolute; top: 0; width: 50px;}*/
footer .search-icon {position: absolute; top: 2px; right: 5px; color: #ffffff;}
footer .search-box .form-control{border-width:1px; padding: .375rem; max-width: 203px; border-radius: 5px;}
footer i.small{font-size: 12px;}
footer ::placeholder {color: #000000 !important;}
footer .form-control:focus { color: #000000; background-color: #ffffff; border-color: #000000; outline: 0; 
    box-shadow:none; }
footer.camp-3-footer {background-color: #051f48;}
footer.camp-3-footer .footer-bottom {background-color: #051f48;}
footer.camp-3-footer .footer-bottom p{font-size: 10px; color: #ffffff}

/*==================== Slick Slider ==================*/
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    /*height: 67px;*/
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*=================== Home page css ===================*/

#home-hero .left-arrow {background-image: url(images/arrow_hero.svg); background-repeat: no-repeat; background-position: left 13px; margin-top: 60px; min-height: 233px; background-size: 41px 221px;}

#home-hero .carousel-content {position: absolute;  top: 0px; z-index: 1;}
#home-hero h1{ font-size: 19px; line-height: 24px; margin-top: 20px; color: #051f48; font-weight: 600; letter-spacing: 0.38px;}
#home-hero h6{ font-size: 16px; color: #25b0f0; font-weight: 600; letter-spacing: 2.4px;}
#home-hero p{ font-size: 15px; line-height: 21px; color: #000000; }
#home-hero .arrow {position: absolute; top: 170px;}

/*.video-section {background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 21%, rgba(5,31,43,1) 21%, rgba(5,31,43,1) 100%);}
.video-section h2.title {color: #ffffff;}
.video-section p{ color: #ffffff; }*/



.video-section .box-flow{overflow: hidden;}
.video-section .box-flow-2{overflow: hidden; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);}
.box-flow{overflow: hidden;}
.video-section .video-box {background:url(images/video-img.jpg) center top; background-size: cover; position: relative; height: 355px; cursor: pointer; transition: transform .2s ease-in-out; transform: scale(1);}

.video-section .video-box:hover {transform: scale(1.1);}
.video-section .video-btn {position: absolute; left: calc(50% - 85px); top: calc(50% - 46px); cursor: pointer; z-index: 1;}
.video-section .video-btn:hover.video-box{transform: scale(1.1);}

.video-section .video-btn-2 {position: absolute; left: calc(50% - 46px); top: calc(50% - 46px); cursor: pointer; z-index: 1;}
.video-section .video-btn-2:hover.video-box{transform: scale(1.1);}

.video-section .video-box-2 {background:url(images/research-video-img.jpg) center top; background-size: cover; position: relative; height: 355px; cursor: pointer; transition: transform .2s ease-in-out; transform: scale(1);}

.video-section .video-box-3 {background:url(images/ai-video-img.jpg) center top; background-size: cover; position: relative; height: 600px; cursor: pointer; transition: transform .2s ease-in-out; transform: scale(1);}

.video-section .video-box-4 {background:url(images/consortiums_video.jpg) rgba(5, 31, 72, 0.4); background-blend-mode: multiply; background-position: center top; background-size: cover; position: relative; height: 550px; cursor: pointer; transition: transform .2s ease-in-out; transform: scale(1);}

.video-section .video-box-5 {background:url(images/consortiums_video-2.jpg) rgba(5, 31, 72, 0.4); background-blend-mode: multiply; background-position: center top;  background-size: cover; position: relative; height: 550px; cursor: pointer; transition: transform .2s ease-in-out; transform: scale(1);}

.video-section .video-box-6 {background:url(images/tv-screen.png) rgba(5, 31, 72, 0.4); background-blend-mode: multiply; background-position: center top;  background-size: cover; position: relative; height: 383px; cursor: pointer; transition: transform .2s ease-in-out; transform: scale(1);}

.video-section .video-box-7 {background:url(images/consortiums_video.jpg) rgba(5, 31, 72, 0.4); background-blend-mode: multiply; background-position: center top; background-size: cover; position: relative; height: 506px; cursor: pointer; transition: transform .2s ease-in-out; transform: scale(1);}

.video-section .video-box-8 {background:url(images/about-video-img-2.jpg) center center; background-size: cover; position: relative; height: 496px; cursor: pointer; transition: transform .2s ease-in-out; transform: scale(1);}

.video-section .video-box-9 {background:url(images/home_video_img.jpg) center center; background-size: cover; position: relative; height: 340px; cursor: pointer; transition: transform .2s ease-in-out; transform: scale(1);}

.video-section .video-box-2:hover, .video-section .video-box-3:hover, .video-section .video-box-4:hover, .video-section .video-box-5:hover, .video-section .video-box-7:hover, .video-section .video-box-8:hover, .video-section .video-box-9:hover {transform: scale(1.1);}






.left-border-3 {border-left: 1px solid #25b0f0; padding-left: 15px;}
.video-border {border: solid 2px #ffffff !important;}

#power-tool{}
#power-tool .white-box { background: #ffffff; padding: 20px; margin: 0 0 24px 0; }
#power-tool .white-box h2.title {font-size: 17px; line-height: 23px; letter-spacing: 0.34px;    color: #051f48;    font-weight: 600;}
#power-tool p{font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000000; line-height: 20px;}
#number-section {background-color: #051f48; padding: 25px 0px 15px 0px;}
#number-section.bg-white{background-color: #ffffff !important; padding: 45px 0px 10px 0px;}
#number-section.home{background-color: #ffffff !important; padding: 45px 0px 10px 0px;}

#number-section .card{box-shadow: none;
  background-color: transparent;  border: 0; border-radius: 0; min-height: 100px;}
#number-section .brd-bot {border-bottom: 1px solid #ffffff;}
#number-section .card .card-body{padding: 15px;}
#number-section .card .card-title { font-size: 12px; font-weight: 600; text-transform: uppercase; color: #25b0f0; margin-top:8px;}
#number-section .card .card-text { font-size: 40px; color: #ffffff; line-height: normal; margin-bottom: 5px; font-weight: 300;}
#number-section.bg-white .card .card-text{color: #25b0f0;}
#number-section.home .card .card-text{color: #25b0f0;}
#number-section.home .brd-bot {border-bottom: 1px solid #25b0f0;}

#gain-section{}

#key-section{ }

#digital-section{}

#success-stories {padding: 24px 0 0px 0; margin-bottom: 0px; }
#success-stories h2.title  {max-width: 675px; margin: 0 auto;}
#success-stories .success-img {padding:20px 15px 0px 15px}
#success-stories .logo {position: absolute;}
#success-stories .ps-1{ top: 0px;    left: 277px;}
#success-stories .ps-2{ top: 315px; left:108px;}
#success-stories .ps-3{ top:315px; right:108px;}
#success-stories .ps-4{ top:206px; left:0px;}
#success-stories .ps-5{ top:90px; left:6px;}
#success-stories .ps-6{ top:206px; right:0px;}
#success-stories .ps-7{ top:0px; right:277px;}
#success-stories .ps-8{ top:90px; right:6px;}
#your-side-section{}


/* Inner page hero */
#inner-page-hero h1.title{ font-size: 19px; line-height: 24px; letter-spacing: 0.38px; font-weight: 600; color: #051f48; margin-top: 50px; margin-bottom: 35px;}
#inner-page-hero h1.title-contact { font-size: 19px; line-height: 24px; letter-spacing: 0.38px; font-weight: 600; color: #051f48; margin-top: 50px; margin-bottom: 35px;}
#inner-page-hero p.pera-text-main {font-size: 15px; line-height: 21px; margin-bottom: 36px; color: #000000;}
#inner-page-hero p.pera-text-white {font-size: 15px; line-height: 21px; margin-bottom: 36px; color: #ffffff;}
#inner-page-hero p.pera-text-32 {font-size: 12px; line-height: 18px; margin-bottom: 36px; color: #ffffff;}
 #inner-page-hero .search-bg{ background: #051f48; }
#inner-page-hero h1.title-search{ font-size: 36px; line-height: 50px; letter-spacing: 1.26px; font-weight: 300; color: #ffffff; margin-top: 65px; margin-bottom: 65px;}
#inner-page-hero h1.title-64{ font-size: 24px; line-height: 28px; letter-spacing: 0.38px; font-weight: 600; color: #ffffff; margin-top: 35px;}
#inner-page-hero h1.title-42{ font-size: 24px; line-height: 28px; letter-spacing: 0.38px; font-weight: normal; color: #ffffff; margin-top: 35px;}

#inner-page-hero .research-cloud-bg{ background: url("images/research-cloud-hero-bg.jpg") rgba(5, 31, 72, 0.62); background-blend-mode: multiply; background-position: center top; background-size: cover;}



/* home Swiper css*/
.swiper-nav-home {display: flex;    align-items: center;    justify-content: center;    margin-top: 35px;}
.swiper-button-prev-home {
    width: auto;    cursor: pointer;    outline: none;    transition: color .2s ease-in-out;
}
.swiper-button-prev-home::after {
    content: ""; background-image: url(images/swiper-left-arrow.svg); background-repeat: no-repeat; width: 60px; height: 26px;  display: block; transition: color .2s ease-in-out; background-size: cover;
}
.myswiper .swiper-button-prev-home::after {
    content: ""; background-image: url(images/swiper-left-round.svg); background-repeat: no-repeat; width: 50px; height: 50px;  display: block; transition: color .2s ease-in-out; background-size: cover;
}
.swiper-button-next-home {
    width: auto;    cursor: pointer;    transition: color .2s ease-in-out;    outline: none;
}
.swiper-button-next-home::after {
    content: ""; background-image: url(images/swiper-right-arrow.svg); background-repeat: no-repeat; width: 60px; height: 26px;    display: block; transition: color .2s ease-in-out; background-size: cover;
}
.myswiper .swiper-button-next-home::after {
    content: ""; background-image: url(images/swiper-right-round.svg); background-repeat: no-repeat; width: 50px; height: 50px;    display: block; transition: color .2s ease-in-out; background-size: cover;
}
.swiper-nav-scroll {display: flex;    align-items: center;    justify-content: center;    margin-top: 10px; font-size: 16px; font-weight: 600; color: #6d7278; letter-spacing: 2.4px;}

.myswiper .swiper-nav-scroll {display: flex;    align-items: center;    justify-content: center;    margin-top: 0px; margin-left: 10px; margin-right: 10px; font-size: 16px; font-weight: 600; color: #6d7278; letter-spacing: 2.4px;}

/*.swiper-slide .card-img-overlay{background: linear-gradient(0deg, rgba(5, 31, 72, 0.25), rgba(5, 31, 72, 0.25));}*/


.swiper-slide .card { border:0; border-radius: 0;  cursor: pointer; max-height: 400px; overflow: hidden;}
.myswiper .swiper-slide .card { border:0; border-radius: 0;  cursor: pointer; max-height: 440px; height: 440px; overflow: hidden;}
.myswiper .swiper-slide .card.digital { border:0; border-radius: 0;  cursor: pointer; max-height: 396px; height: 396px; overflow: hidden;}
.myswiper .card {box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);}


.swiper-slide .card:hover .card-text{color: #051f48; }
.swiper-slide .card .card-body {padding: 1.1rem 1.3rem;}

.swiper-slide .card-title{ font-size: 12px; text-transform: uppercase; color: #25b0f0; font-weight: 600;
    letter-spacing: 1.8px;}
.swiper-slide .card-text { font-size: 16px;  line-height: normal; overflow: hidden; text-overflow: ellipsis; 
    font-weight: 300; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.myswiper .swiper-slide .card-text-video {font-size: 24px;  line-height: 1.33; letter-spacing: 0.24px; font-weight: normal; color: #051f48;}

.swiper-slide .card.digital .card-title{ font-size: 16px; text-transform: uppercase; color: #25b0f0; font-weight: 600;
    letter-spacing: 1.6px;}
.swiper-slide .card.digital .card-text { font-size: 16px;  line-height: normal; overflow: hidden; text-overflow: ellipsis; 
        font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.swiper-slide .card-text.small {font-size: 20px;}
.swiper-slide .card .card-text{color: #051f48;}
.swiper-slide .card .card-text-orange{color: #eb9721; font-size: 16px; letter-spacing: 2.4px; font-weight: 600; margin-bottom: 0.3rem;}
.swiper-slide .sp-date {position: absolute; bottom: 0; text-transform: uppercase;}
.swiper-slide .btm {position: absolute; bottom: 0; margin-bottom: 1rem;}

.swiper-slide .swiper-bg1 {background: url("images/newsletter-img-1.jpg") rgba(5, 31, 72, 0.71); background-blend-mode:multiply; background-size: cover; height: 400px; transition: transform .2s ease-in-out;
    transform: scale(1); background-repeat: no-repeat;}
.swiper-slide .card:hover .swiper-bg1 {transform: scale(1.1);}
.swiper-slide .swiper-bg2 {background: url("images/newsletter-img-2.jpg") rgba(5, 31, 72, 0.71); background-blend-mode: multiply; background-size: cover; height: 199px; transition: transform .2s ease-in-out;
    transform: scale(1); background-repeat: no-repeat;}
.swiper-slide .card:hover .swiper-bg2 {transform: scale(1.1);}
.swiper-slide .swiper-bg3 {background: url("images/newsletter-img-3.jpg") rgba(5, 31, 72, 0.71); background-blend-mode: multiply; background-size: cover; height: 199px; transition: transform .2s ease-in-out;
    transform: scale(1); background-repeat: no-repeat;}
.swiper-slide .card:hover .swiper-bg3 {transform: scale(1.1);}
.swiper-slide .swiper-bg4 {background: #051f48; height: 199px; transition: transform .2s ease-in-out;}
.swiper-slide .card:hover .swiper-bg4{transform: scale(1.1);}
.swiper-slide .swiper-bg5 {background: url("images/newsletter-img-5.jpg") rgba(5, 31, 72, 0.71); background-blend-mode: multiply; background-size: cover; height: 400px; transition: transform .2s ease-in-out;
    transform: scale(1); background-repeat: no-repeat;}
.swiper-slide .card:hover .swiper-bg5 {transform: scale(1.1);}



/*#free-trial{background: linear-gradient(0deg, rgba(5, 31, 72, 0.25), rgba(5, 31, 72, 0.25)), url(images/contact-img.jpg);background-size:cover; padding: 25px 0;}*/
#free-trial{background-color: #f2f2f2; padding: 30px 0;}
/*#free-trial .box{box-shadow: 0 0 16px 8px rgba(0, 0, 0, 0.08);  background-color: #ffffff; padding: 20px;}*/
#free-trial .form-control {border: 1px solid rgba(0, 0, 0, 0.25); font-size: 16px; height: 34px; border-radius: 0px;}
#free-trial .form-control:focus {box-shadow: none; border: solid 2px #000000;}
#free-trial input::placeholder{color: #d0d0d0 !important;}
#free-trial textarea::placeholder {  color: #d0d0d0 !important;  }																  
#free-trial .wpcf7 .ajax-loader {display: none;}
#free-trial .wpcf7-spinner{display:none !important;}

#free-trial-2{background: linear-gradient(0deg, rgba(5, 31, 72, 0.25), rgba(5, 31, 72, 0.25)), url(images/contact-img-2.jpg);background-size:cover; padding: 20px 0;}
#free-trial-2 .box{box-shadow: 0 0 16px 8px rgba(0, 0, 0, 0.08);  background-color: #ffffff; padding: 40px;}
#free-trial-2 .form-control {border: 1px solid rgba(0, 0, 0, 0.25); font-size: 16px; height: 34px; border-radius: 0px;}
#free-trial-2 .form-control:focus {box-shadow: none; border: solid 2px #000000;}
#free-trial-2 input::placeholder{color: #d0d0d0 !important;}
#free-trial-2 textarea::placeholder {  color: #d0d0d0 !important;  }																  
#free-trial-2 .wpcf7 .ajax-loader {display: none;}
#free-trial-2 .wpcf7-spinner{display:none !important;}
#contact-form .wpcf7-spinner{display:none !important;}

#digital-trial{background-color: #f2f2f2; padding: 30px 0;}
/*#free-trial .box{box-shadow: 0 0 16px 8px rgba(0, 0, 0, 0.08);  background-color: #ffffff; padding: 20px;}*/
#digital-trial .form-control {border: 1px solid rgba(0, 0, 0, 0.25); font-size: 16px; height: 34px; border-radius: 0px;}
#digital-trial .form-control:focus {box-shadow: none; border: solid 2px #000000;}
#digital-trial input::placeholder{color: #d0d0d0 !important;}
#digital-trial textarea::placeholder {  color: #d0d0d0 !important;  }																  
#digital-trial .wpcf7 .ajax-loader {display: none;}
#digital-trial .wpcf7-spinner{display:none !important;}


/*=================== Contact page css ===================*/
#contact-us-top {margin-top: 0px; }
#contact-us-top .custom-checkbox label {padding-top: 5px;}

#contact-us h1.title {font-weight: 600;}
#contact-form .form-control {border: 1px solid rgba(0, 0, 0, 0.25);}
#contact-form .form-control:focus, #contact-form .custom-select:focus {box-shadow: none; border: solid 2px #000000;}
#contact-form .custom-select {border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0px;}
#contact-form .custom-control-label::before {border: 1px solid #707070;}
#contact-form .form-group{font-size: 16px; color: #000000;}
#contact-form span.red{color: #eb9721;}
#contact-form .form-group .invalid-feedback {
    display: none;    width: 100%;    margin-top: .25rem;    font-size: 80%;    color: #c02000; }
#contact-form .form-group .form-control{font-size: 18px;}
#contact-form .form-group .form-control-lg {height: 40px;    padding: .5rem 1rem;    font-size: 16px;    line-height: 1.5;    border-radius: 0px; }
#contact-form .form-group .border-red{border: 1px solid #c02000 !important;}
.textarea-footer{height:auto !important;}

/* place holder */
#contact-form ::placeholder { color: #d0d0d0 !important;opacity: 1; /* Firefox */ }
#contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #d0d0d0 !important;}
#contact-form ::-ms-input-placeholder { /* Microsoft Edge */ color: #d0d0d0 !important;}
/*  checkbox */
#contact-form  .custom-control-input{width: 2rem; height: 2rem; }
#contact-form .custom-control-input:checked~.custom-control-label::before {
    color: #fff;    border-color: #218cbe;    background-color: #218cbe;
}

#contact-form .custom-control-label::after{width: 2rem; height: 2rem; left: -3rem;}
#contact-form .custom-control-label::before {    width: 2rem; height: 2rem; left: -3rem;}
#contact-form .custom-control{padding-left: 3rem;}
#contact-form .custom-control-label {  padding-top: 5px; }

/*  checkbox */
#contact-form .custom-select{height: 40px; font-size: 16px; color: #000000;}

/*  form 7 checkbox */
#contact-form .custom-control .wpcf7-list-item input[type="checkbox"]{width: 2rem; height: 2rem; position: absolute;
    left: 0; z-index: -1; opacity: 0;}
#contact-form .custom-control .wpcf7-list-item input[type="checkbox"]:checked~ label::before{

    color: #fff; border-color: #218cbe;  background-color: #218cbe;}


#contact-form .custom-control .wpcf7-list-item .wpcf7-list-item-label::before{width: 2rem; height: 2rem; left: 0; position: absolute;  top: 0;    display: block;    pointer-events: none;    content: ""; border: 1px solid #000000; border-radius: .25rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

#contact-form .custom-control .wpcf7-list-item input[type="checkbox"]:checked~.wpcf7-list-item-label::before{color: #fff; border-color: #25b0f0;background-color: #25b0f0;}

#contact-form .custom-control .wpcf7-list-item .wpcf7-list-item-label::after{width: 2rem; height: 2rem; left: 0; position: absolute; top: 0; display: block; content: ""; background: 50%/50% 50% no-repeat;}

#contact-form .custom-control .wpcf7-list-item input[type=checkbox]:checked~.wpcf7-list-item-label::after{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");}

#contact-form .custom-control .wpcf7-list-item {margin: 0 !important;}
#contact-form .custom-control .wpcf7-form-control-wrap {    position: initial;}

.sucess-form {padding: 45px;  border-radius: 5px;  border: solid 1px #7ba83a; text-align: center; color: #7ba83a;}
.sucess-form i {font-size: 50px; color: #7ba83a}
.sucess-form h3 {font-size: 24px; font-weight: 700; margin: 20px 0;}
.sucess-form p{font-size: 20px; margin-bottom: 0;}



/*=================== About us page css ===================*/
#about-us-hero{position: relative;
    z-index: 1;}
/*#about-us-hero.about-hero-img{background: url("images/about-hero.jpg") no-repeat right top; height:474px;}*/
#about-us-hero .about-hero-img{height:474px;}
#about-us-hero .pad-r-0{padding-right: 0px; padding-left: 0px;}
#about-us-hero .pad-lg-1{padding-left: 6%;}
#about-us-hero h1.title {margin-top:45px;}
#about-us-hero p.peta-text {font-size: 25px;}
#value-section { padding: 50px 0px 0px 0px; color: #ffffff;}
#value-section .guiding-box .box-img{height: 103px;}
#value-section .guiding-box .box-img img{max-height: 103px; max-width: 150px;}
#value-section h2.title {color: #ffffff;}
#value-section .guiding-box h3{font-size: 24px; font-weight: normal; line-height: 40px; text-align: center; color: #ffffff;}
#value-section .guiding-box p{font-size: 18px; text-align: center; color: #ffffff;}

#value-section #circle-icon .circle-box{margin-bottom: 50px;}
#value-section #circle-icon .circle-box span{font-size: 14px; font-weight: 600; color: #051f48; text-align: center; display: block; padding-top: 10px;}
#value-section #circle-icon .circle-box a.circle{ padding-top: 110px; margin: 0 auto; display: block;  
    background-repeat: no-repeat; background-position: center; text-decoration: none; text-transform: uppercase; 
    width: 130px; height: 130px; }


#value-section #circle-icon a.blue-1{ background-image: url(images/value-icon-1.svg); }
#value-section #circle-icon a.blue-1:hover{background-image: url(images/value-icon-1_h.svg);}
/*#value-section #circle-icon a.blue-1:focus{background-image: url(images/value-icon-1_h.svg);}*/

#value-section #circle-icon a.blue-2{background-image: url(images/value-icon-2.svg); }
#value-section #circle-icon a.blue-2:hover{background-image: url(images/value-icon-2_h.svg);}
/* #value-section #circle-icon a.blue-2:focus{background-image: url(images/value-icon-2_h.svg);} */

#value-section #circle-icon a.blue-3{background-image: url(images/value-icon-3.svg); }
#value-section #circle-icon a.blue-3:hover{background-image: url(images/value-icon-3_h.svg);}
/* #value-section #circle-icon a.blue-3:focus{background-image: url(images/value-icon-3_h.svg);} */

#value-section #circle-icon a.blue-4{background-image: url(images/value-icon-4.svg); }
#value-section #circle-icon a.blue-4:hover{background-image: url(images/value-icon-4_h.svg);}
/* #value-section #circle-icon a.blue-4:focus{background-image: url(images/case-icon-4_h.svg);} */

#value-section #circle-icon a.blue-5{background-image: url(images/value-icon-5.svg); }
#value-section #circle-icon a.blue-5:hover{background-image: url(images/value-icon-5_h.svg);}
/* #value-section #circle-icon a.blue-5:focus{background-image: url(images/value-icon-5_h.svg);} */

#value-section #circle-icon a.blue-6{background-image: url(images/value-icon-6.svg); }
#value-section #circle-icon a.blue-6:hover{background-image: url(images/value-icon-6_h.svg);}
/* #value-section #circle-icon a.blue-6:focus{background-image: url(images/value-icon-6_h.svg);} */

.leadership-section .box-flow{overflow: hidden;}
.leadership-section .leadership-box {background:url(images/about-leadership.jpg) rgba(5, 31, 72, 0.15); background-blend-mode: multiply; background-size: cover; position: relative; background-position: center top; height: 384px; cursor: pointer; transition: transform .2s ease-in-out; transform: scale(1);}
.leadership-section .leadership-box:hover {transform: scale(1.1);}


/* Time line css */
#tm-line {background-color: #e5e5e5; padding: 53px 0;}
#tm-line .swiper-button-prev-home::after {
    content: ""; background-image: url(images/swiper-left-round.svg); background-repeat: no-repeat; width: 50px; height: 50px;  display: block; transition: color .2s ease-in-out; background-size: cover;
}
#tm-line .swiper-button-next-home::after {
    content: ""; background-image: url(images/swiper-right-round.svg); background-repeat: no-repeat; width: 50px; height: 50px;    display: block; transition: color .2s ease-in-out; background-size: cover;
}
#tm-line .swiper-nav-scroll {display: flex;    align-items: center;    justify-content: center;    margin-top: 0px; margin-left: 10px; margin-right: 10px; font-size: 16px; font-weight: 600; color: #6d7278; letter-spacing: 2.4px;}
#app {      padding: 0;    }
.timeline {      margin: 0;    list-style-type: none;   display: flex;  padding: 0;   text-align: center;    }
.timeline li {      transition: all 200ms ease-in;    }
.slide-top { width: 100%;  margin-bottom: 39px;  padding: 0px 6px; display: flex;  justify-content: center;
  align-items: flex-end;    height: 250px;        }
.t-date{ background-color: #051f48; color: #fff; padding: 3px 15px; font-weight: 600; font-size: 16px;}
.t-date-blue{ background-color: #25b0f0; color: #fff; padding: 3px 15px; font-weight: 600; font-size: 16px;}
.t-date-yellow{ background-color: #eb9721; color: #fff; padding: 3px 15px; font-weight: 600; font-size: 16px;}

.t-box {background-color: #fff; padding: 10px;}
    .t-box h2 {font-size: 16px; font-weight: 600; color: #051f48; margin-bottom: 5px;}
    .t-box p {font-size: 14px; line-height: 20px; margin-bottom: 0;}
.slide-bottom {
  padding: 40px 6px 0 6px;; display: flex;   justify-content: center;  border-top: 1px solid rgba(0, 0, 0, 0.5);
  position: relative; transition: all 200ms ease-in ;  align-items: flex-start;  height: 250px;    }

.slide-bottom span {  font-weight: 600;  padding-top: 40px;  }
.slide-bottom span:before { content: '';   width: 20px;    height: 20px; background-color: #051f48; border-radius: 25px;
  position: absolute;  top: -10px;  left: calc(50% - 10px);  transition: all 200ms ease-in;  z-index: 2;   }
.slide-bottom span.blue:before {  content: '';  width: 20px;   height: 20px;  background-color: #25b0f0; border-radius: 25px;
  position: absolute; top: -10px;  left: calc(50% - 10px);  transition: all 200ms ease-in;  z-index: 2;  }

.slide-bottom span.yellow:before {  content: ''; width: 20px;  height: 20px; background-color: #eb9721; border-radius: 25px;
  position: absolute;  top: -10px; left: calc(50% - 10px);  transition: all 200ms ease-in; z-index: 2;
}
.slide-bottom span:after {  content: ''; width: 1px; height: 80px; background-color: #051f48; position: absolute; top: -40px;
  left: calc(50% - 1px); transition: all 200ms ease-in;
}
.tm-swiper {   width: 100%; overflow: hidden; }

#about-advisory-section{padding: 50px 0 65px 0;}
#about-advisory-section .white-bg {background-color: #ffffff;}

#join-vibrent{}
#join-vibrent .white-box { background: #ffffff; padding: 20px; margin: 24px 0px 0px 0; }

#celebrating-section{}
#celebrating-section .white-box { background: #ffffff; padding: 20px; margin: 0 0 24px 0; }

#learning-section{}
#learning-section .white-box { background: #ffffff; padding: 20px; margin: 24px 0 0px 0; }

#employee-section{}
#employee-section .white-box { background: #ffffff; padding: 20px; margin: 0px 0 24px 0; }


#vibrent-cares { padding: 20px 15px; margin-bottom: 20px;}

#vibrent-cares .box { padding-top: 10px; padding-bottom: 10px;}
#vibrent-cares .card {border: 0px; border-radius: 0rem; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); padding: 1.5rem;
  background-color: #ffffff;}
#vibrent-cares .card .img-box {height: 85px;  text-align: center;}
#vibrent-cares .card p {text-align: left;}
#vibrent-cares .card-body{    padding: 0; text-align: center;}
.careSwiper .swiper-slide{padding: 38px 50px;}

#vibrent-cares .swiper-button-next, #vibrent-cares .swiper-button-prev {color: #25b0f0;}
#vibrent-cares .swiper-pagination-bullet-active{background: #25b0f0;}

#join-vibrent p.heading{font-size: 20px; font-weight: normal;}
#join-vibrent ul.bullet-pera li img{margin-left: 0px;}
#join-vibrent ul.bullet-pera li p{margin-left: 48px;}
#join-vibrent ul.bullet-pera li:nth-child(1){ margin-top: 20px;}
#join-vibrent ul.bullet-pera li:nth-last-child(1){ margin-top: 20px;} 
#join-vibrent ul.bullet-pera {width:75%;}
#our-partners {padding: 50px 0 40px 0;}
#our-partners .slick-dots {bottom: -45px;}
.about-advisory-section .card .box-overflow{width: 100%; overflow: hidden;}
.about-advisory-section .card {cursor: 
        pointer; transition: box-shadow .2s ease-in-out; border: 0; border-radius: 0; overflow: hidden;}
.about-advisory-section .card .card-img-top {border-radius: 0; transition: transform .2s ease-in-out;
    transform: scale(1);}
.about-advisory-section .card:hover .card-img-top {transform: scale(1.1);}
.about-advisory-section .card:hover .link-1{padding-right: 32px;
    text-decoration: none;}
.about-advisory-section .card h5{font-size: 28px; font-weight: 300; color: #ffffff}
.about-advisory-section .card h6{font-size: 14px; font-weight: 300; color: #ffffff}
.about-advisory-section .card .card-body {background-color: #051f48; min-height: 160px;}

/* slik slider */
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .5}
.slick-prev:before{color: #bababa; font-size: 30px; font-family: 'Font Awesome 5 Free'; content: "\f053"; font-weight: 900; opacity: 1 }
.slick-next:before{color: #bababa; font-size: 30px; font-family: 'Font Awesome 5 Free'; content: "\f054"; font-weight: 900; opacity: 1 }

/*=================== Leadership page ===================*/
.modal-backdrop {background-color: #051f48; opacity: 0.9;}
#lt-box .modal-content {border-radius: 0; }
#lt-box .modal-header {border: 0px; border-radius: 0; padding: 16px 16px 3px 16px;}
#lt-box .close {font-size: 45px; line-height: 30px;}
#lt-box .modal-body h5{ font-size: 32px; color: #051f48;}  
#lt-box .modal-body h6{ font-size: 24px; color: #051f48;}
#lt-box .scroll-box {max-height: 70vh; overflow-y: scroll;}
#lt-box .modal-body p {font-size: 16px; line-height: 24px;}
#lt-box .modal-body p.pt-1 {padding-top: 10px !important;}
#lt-box .modal-body a.social-icon {font-size: 22px; margin-right: 11px;}
#lt-box .modal-body a.social-icon:hover{text-decoration: none; color: #218bbc;}
#lt-box .modal-footer {padding: 0 .75rem; border: 0; border-radius: 0;}
#lt-box .modal-footer .btn {padding: 0rem .75rem .75rem;}
/* width */
#lt-box .modal-content ::-webkit-scrollbar {  width: 10px;}
/* Track */
#lt-box .modal-content ::-webkit-scrollbar-track {  background: #ffffff; }
/* Handle */
#lt-box .modal-content ::-webkit-scrollbar-thumb {  background: #707070;  border-radius: 10px; }
/* Handle on hover */
#lt-box .modal-content ::-webkit-scrollbar-thumb:hover {  background: #303030; }
#lt-box h2.box-title {font-size: 20px; color: #25b0f0;}
#lt-box ul.bio-title { list-style: none; padding-left: 65px;}
#lt-box ul.bio-title li {font-size: 16px; padding-bottom: 10px; color: #000000;}
#lt-box .icon-box {width: 56px; text-align: center; flex-shrink: 0!important;}

.leadership-section .card .box-overflow{width: 226px; overflow: hidden; margin: 0 auto;    border-radius: 50%;}
.leadership-section .card {cursor: 
        pointer; transition: box-shadow .2s ease-in-out; border: 0; border-radius: 0; overflow: hidden;}
.leadership-section .card .card-img-top {border-radius: 0; transition: transform .2s ease-in-out;
    transform: scale(1);}
.leadership-section .card:hover .card-img-top {transform: scale(1.1);}
.leadership-section .card:hover .link-1{padding-right: 32px;
    text-decoration: none;}
.leadership-section .card h5{font-size: 20px; font-weight: normal; color: #051f48}
.leadership-section .card h6{font-size: 14px; font-weight: normal; color: #051f48; min-height: 40px;}
.leadership-section .card .card-body {background-color: #ffffff; min-height: 160px; text-align: center;}

/*=================== Advisory page ===================*/

#advisiory-main .card {border: 0px solid #b6b8bb;; border-radius: 0; cursor: pointer; margin-bottom: 10px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); overflow: hidden;}
#advisiory-main .card .card-body{ z-index: 1;}
#advisiory-main .card h3 {font-size: 17px; color: #051f48; margin-bottom: 20px; font-weight: 600;}
#advisiory-main .clinical {background: linear-gradient(0deg, rgba(5, 31, 72, 0.71), rgba(5, 31, 72, 0.71)),   
    url(images/clinical-img.jpg); position: absolute; background-size: cover; background-position: center center; 
    width: 100%; height: 150px; transition: transform .2s ease-in-out;    transform: scale(1);}
#advisiory-main .participant {background: linear-gradient(0deg, rgba(5, 31, 72, 0.71), rgba(5, 31, 72, 0.71)),   
    url(images/participant-img.jpg); position: absolute; background-size: cover; background-position: center center; 
    width: 100%; height: 285px; transition: transform .2s ease-in-out;    transform: scale(1);}
#advisiory-main .scientific {background: linear-gradient(0deg, rgba(5, 31, 72, 0.71), rgba(5, 31, 72, 0.71)),   
    url(images/scientific-img.jpg); position: absolute; background-size: cover; background-position: center center; 
    width: 100%; height: 285px; transition: transform .2s ease-in-out;    transform: scale(1);}
#advisiory-main .diversity {background: linear-gradient(0deg, rgba(5, 31, 72, 0.71), rgba(5, 31, 72, 0.71)),   
    url(images/diversity-img.jpg); position: absolute; background-size: cover; background-position: center center; 
    width: 100%; height: 285px; transition: transform .2s ease-in-out;    transform: scale(1);}
#advisiory-main .card:hover .clinical, #advisiory-main .card:hover .participant, #advisiory-main .card:hover .scientific,
#advisiory-main .card:hover .diversity {    transform: scale(1.1);}
.bg-gray {background-color: rgba(0, 0, 0, 0.07);}
.bg-gray-2 {background-color: rgba(0, 0, 0, 0.1);}
.bg-gray-3 {background-color: #e5e5e5;}
.bg-white {background-color: #ffffff;}

/*=================== Who we serve page ===================*/
.text-space {letter-spacing: -1px;}
#achive-box .col-lg-6 {padding: 0;}
#achive-box .col-lg-6 {margin-bottom: 2px !important;}
#achive-box .col-lg-6:nth-of-type(even){padding-left: 1px !important;}
#achive-box .col-lg-6:nth-of-type(odd){padding-right: 1px !important;}
#achive-box .col-lg-6:last-child {margin-bottom: 0px !important;}
#achive-box h3{font-size: 36px; font-weight: 300; margin:0 0 20px 0; color: #ffffff;}
#achive-box .pera-text-20 {color: #ffffff;}

#achive-box .inner-box {overflow: hidden; position: relative; min-height: 475px;}

#achive-box .inner-box .who-img-1 {background: linear-gradient(0deg, rgba(5, 31, 72, 0.71), rgba(5, 31, 72, 0.71)),   
    url(images/who-img-1.jpg); position: absolute; background-size: cover; background-position: center top; 
    width: 100%; min-height: 475px; transition: transform .2s ease-in-out;    transform: scale(1); z-index: -1;}
#achive-box .inner-box .who-img-2 {background: linear-gradient(0deg, rgba(5, 31, 72, 0.71), rgba(5, 31, 72, 0.71)),   
    url(images/who-img-2.jpg); position: absolute; background-size: cover; background-position: center top; 
    width: 100%; min-height: 475px; transition: transform .2s ease-in-out;    transform: scale(1); z-index: -1;}
#achive-box .inner-box .who-img-3 {background: linear-gradient(0deg, rgba(5, 31, 72, 0.71), rgba(5, 31, 72, 0.71)),   
    url(images/who-img-3.jpg); position: absolute; background-size: cover; background-position: center top; 
    width: 100%; min-height: 475px; transition: transform .2s ease-in-out;    transform: scale(1); z-index: -1;}
#achive-box .inner-box .who-img-4 {background: linear-gradient(0deg, rgba(5, 31, 72, 0.71), rgba(5, 31, 72, 0.71)),   
    url(images/who-img-4.jpg); position: absolute; background-size: cover; background-position: center top; 
    width: 100%; min-height: 475px; transition: transform .2s ease-in-out;    transform: scale(1); z-index: -1;}
#achive-box .inner-box .who-img-5 {background: linear-gradient(0deg, rgba(5, 31, 72, 0.71), rgba(5, 31, 72, 0.71)),   
    url(images/who-img-5.jpg); position: absolute; background-size: cover; background-position: center top; 
    width: 100%; min-height: 475px; transition: transform .2s ease-in-out;    transform: scale(1); z-index: -1;}
#achive-box .inner-box .who-img-6 {background: linear-gradient(0deg, rgba(5, 31, 72, 0.71), rgba(5, 31, 72, 0.71)),   
    url(images/who-img-6.jpg); position: absolute; background-size: cover; background-position: center top; 
    width: 100%; min-height: 475px; transition: transform .2s ease-in-out;    transform: scale(1); z-index: -1;}
#achive-box .inner-box .who-img-7 {background: linear-gradient(0deg, rgba(5, 31, 72, 0.71), rgba(5, 31, 72, 0.71)),   
    url(images/who-img-7.jpg); position: absolute; background-size: cover; background-position: center top; 
    width: 100%; min-height: 475px; transition: transform .2s ease-in-out;    transform: scale(1); z-index: -1;}
#achive-box .inner-box .who-img-8 {background: linear-gradient(0deg, rgba(5, 31, 72, 0.71), rgba(5, 31, 72, 0.71)),   
    url(images/who-img-8.jpg); position: absolute; background-size: cover; background-position: center top; 
    width: 100%; min-height: 475px; transition: transform .2s ease-in-out;    transform: scale(1); z-index: -1;}
#achive-box .inner-box .who-img-9 {background: linear-gradient(0deg, rgba(5, 31, 72, 0.71), rgba(5, 31, 72, 0.71)),   
    url(images/who-img-9.jpg); position: absolute; background-size: cover; background-position: center top; 
    width: 100%; min-height: 475px; transition: transform .2s ease-in-out;    transform: scale(1); z-index: -1;}

#achive-box .inner-box:hover .who-img-1{    transform: scale(1.1);}
#achive-box .inner-box:hover .who-img-2{    transform: scale(1.1);}
#achive-box .inner-box:hover .who-img-3{    transform: scale(1.1);}
#achive-box .inner-box:hover .who-img-4{    transform: scale(1.1);}
#achive-box .inner-box:hover .who-img-5{    transform: scale(1.1);}
#achive-box .inner-box:hover .who-img-6{    transform: scale(1.1);}
#achive-box .inner-box:hover .who-img-7{    transform: scale(1.1);}
#achive-box .inner-box:hover .who-img-8{    transform: scale(1.1);}
#achive-box .inner-box:hover .who-img-9{    transform: scale(1.1);}

#achive-box .left-border {margin: 30px;}

#testimonial .test-bg {background-image: url(images/testi-bg.png); background-position: center top; background-repeat: no-repeat; background-size: contain;}


#testimonial .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");}

#testimonial .carousel-control-prev-icon{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");}

#testimonial .carousel-control-next, #testimonial .carousel-control-prev{ opacity: .3;}

#testimonial .carousel-caption{color: #000000;}
#testimonial h2{font-family: color: #7d1d66; margin-bottom: 16px;}
#testimonial h2.line-hight-35 {line-height: 35px;}
#testimonial .desc-text{font-size: 24px; line-height: 30px; }
#testimonial .customer{font-size: 16px; font-weight: 800; margin-left: 22px; margin-top: 50px;}
#testimonial p.customer span{display: block; font-size: 16px; font-weight: normal;}
#testimonial .carousel-indicators li{background-color: #040404;}

.testimonial h2{font-family:  color: #7d1d66; margin-bottom: 16px;}
.testimonial .testi-border {border: 1px solid #25b0f0; background-position: right bottom; background-size: contain; background-repeat: no-repeat; padding: 73px 60px; margin-right: 1px; min-height: 400px;}
.testimonial .testi-border-2{border: 1px solid #25b0f0; background-position: right bottom; background-size: contain; background-repeat: no-repeat; padding: 55px 60px; margin-right: 1px; min-height: 400px;}
.testimonial .testimonial-caption {width: 70%}
.testimonial .testimonial-caption-2 {width: 65%}
.testimonial .desc-text{font-size: 28px; line-height: 40px; font-weight: 300; color: #051f48; }
.testimonial .desc-text-2{font-size: 24px; line-height: 36px; font-weight: 300; color: #051f48; }
.testimonial .des-text{font-size: 16px; line-height: 26px; font-weight: 300; color: #051f48; }
.testimonial .customer{font-size: 16px; font-weight: 600; margin-top: 20px; color: #25b0f0; letter-spacing: 2px;}
.testimonial .cust{font-size: 13px; font-weight: 600; margin-top: 20px; color: #25b0f0; letter-spacing: 0.1px;}
.testimonial p.cust span{display: block; font-size: 13px;}
.testimonial p.customer span{display: block; font-size: 16px;}
.testimonial .line::before{ content: ""; width: 1px; height: 100px; position: absolute; top:-100px; left: 50%; background-color: #25b0f0;}
.testimonial .line::after{ content: ""; width: 1px; height: 100px; position: absolute;  bottom: -100px; left: 50%; background-color: #25b0f0;}
.testimonial .carousel-indicators li{background-color: #040404;}
.testi-border-padding {padding: 28px !important;}

/*=================== Use Cases page ===================*/
.popover {box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.11); border: 0px; border-radius: .1rem; max-width: 300px;}
.popover a{font-size: 16px; font-weight: 600; line-height: 16px; color: #25b0f0; background: url("images/link_arrow.svg") no-repeat; background-position: right center;padding-right: 25px; transition: padding .2s ease-in-out;}
.popover a:hover{padding-right: 32px; text-decoration: none;}

.popover-header{padding: 25px 25px 0 25px; background-color: transparent; border-bottom: 0; font-size: 18px;
    color: #000000; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.popover-body{padding: 20px 25px; font-size: 14px; color: #000000;}
.bs-popover-auto[x-placement^=bottom]>.arrow::before, .bs-popover-bottom>.arrow::before{border-bottom-color: rgb(0 0 0 / 5%);}
.bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before{border-top-color: rgb(0 0 0 / 5%);}

#use-cases section.blue-bg {background-color: #f2f2f2; padding: 68px 0 10px 0;}
#use-cases #circle-icon .circle-box{width: 140px; margin-bottom: 50px;}
#use-cases #circle-icon .circle-box span{font-size: 16px; font-weight: 600; color: #fff; text-align: center; display: block; padding-top: 10px;}
#use-cases #circle-icon .circle-box a.circle{ padding-top: 97px; margin: 0 auto; display: block;  
    background-repeat: no-repeat; background-position: center; text-decoration: none; text-transform: uppercase; 
    width: 97px; height: 94px; }
/*#use-cases #circle-icon .circle-box a.circle:hover{background-color: #7d1d66;}
#use-cases #circle-icon .circle-box a.circle:focus{background-color: #7d1d66;}*/

#use-cases #circle-icon a.blue-1{ background-image: url(images/case-icon-1.svg); }
#use-cases #circle-icon a.blue-1:hover{background-image: url(images/case-icon-1_h.svg);}
/* #use-cases #circle-icon a.blue-1:focus{background-image: url(images/case-icon-1_h.svg);} */

#use-cases #circle-icon a.blue-2{background-image: url(images/case-icon-2.svg); }
#use-cases #circle-icon a.blue-2:hover{background-image: url(images/case-icon-2_h.svg);}
/* #use-cases #circle-icon a.blue-2:focus{background-image: url(images/case-icon-2_h.svg);} */

#use-cases #circle-icon a.blue-3{background-image: url(images/case-icon-3.svg); }
#use-cases #circle-icon a.blue-3:hover{background-image: url(images/case-icon-3_h.svg);}
/* #use-cases #circle-icon a.blue-3:focus{background-image: url(images/case-icon-3_h.svg);} */

#use-cases #circle-icon a.blue-4{background-image: url(images/case-icon-4.svg); }
#use-cases #circle-icon a.blue-4:hover{background-image: url(images/case-icon-4_h.svg);}
/* #use-cases #circle-icon a.blue-4:focus{background-image: url(images/case-icon-4_h.svg);} */

#use-cases #circle-icon a.blue-5{background-image: url(images/case-icon-5.svg); }
#use-cases #circle-icon a.blue-5:hover{background-image: url(images/case-icon-5_h.svg);}
/* #use-cases #circle-icon a.blue-5:focus{background-image: url(images/case-icon-5_h.svg);} */

#use-cases #circle-icon a.blue-6{background-image: url(images/case-icon-6.svg); }
#use-cases #circle-icon a.blue-6:hover{background-image: url(images/case-icon-6_h.svg);}
/* #use-cases #circle-icon a.blue-6:focus{background-image: url(images/case-icon-6_h.svg);} */

#use-cases #circle-icon a.blue-7{background-image: url(images/case-icon-7.svg); }
#use-cases #circle-icon a.blue-7:hover{background-image: url(images/case-icon-7_h.svg);}
/* #use-cases #circle-icon a.blue-7:focus{background-image: url(images/case-icon-7_h.svg);} */

#use-cases #circle-icon a.blue-8{background-image: url(images/case-icon-8.svg); }
#use-cases #circle-icon a.blue-8:hover{background-image: url(images/case-icon-8_h.svg);}
/* #use-cases #circle-icon a.blue-8:focus{background-image: url(images/case-icon-8_h.svg);} */

#use-cases #circle-icon a.blue-9{background-image: url(images/case-icon-9.svg); }
#use-cases #circle-icon a.blue-9:hover{background-image: url(images/case-icon-9_h.svg);}
/* #use-cases #circle-icon a.blue-9:focus{background-image: url(images/case-icon-9_h.svg);} */

#use-cases #circle-icon a.blue-10{background-image: url(images/case-icon-10.svg); }
#use-cases #circle-icon a.blue-10:hover{background-image: url(images/case-icon-10_h.svg);}
/* #use-cases #circle-icon a.blue-10:focus{background-image: url(images/case-icon-10_h.svg);} */

#use-cases #circle-icon a.blue-11{background-image: url(images/case-icon-11.svg); }

#use-cases #circle-icon a.blue-11:hover{background-image: url(images/case-icon-11_h.svg);}
/* #use-cases #circle-icon a.blue-11:focus{background-image: url(images/case-icon-11_h.svg);} */

#use-cases #circle-icon a.blue-12{background-image: url(images/case-icon-12.svg); }
#use-cases #circle-icon a.blue-12:hover{background-image: url(images/case-icon-12_h.svg);}
/* #use-cases #circle-icon a.blue-12:focus{background-image: url(images/case-icon-12_h.svg);} */

#use-cases #circle-icon a.blue-13{background-image: url(images/case-icon-13.svg); }
#use-cases #circle-icon a.blue-13:hover{background-image: url(images/case-icon-13_h.svg);}
/* #use-cases #circle-icon a.blue-13:focus{background-image: url(images/case-icon-13_h.svg);} */

#use-cases #circle-icon a.blue-14{background-image: url(images/case-icon-14.svg); }
#use-cases #circle-icon a.blue-14:hover{background-image: url(images/case-icon-14_h.svg);}
/* #use-cases #circle-icon a.blue-14:focus{background-image: url(images/case-icon-14_h.svg);} */

#use-cases #circle-icon a.blue-15{background-image: url(images/case-icon-15.svg); }
#use-cases #circle-icon a.blue-15:hover{background-image: url(images/case-icon-15_h.svg);}
/* #use-cases #circle-icon a.blue-15:focus{background-image: url(images/case-icon-15_h.svg);} */

#use-cases #circle-icon a.blue-16{background-image: url(images/case-icon-16.svg); }
#use-cases #circle-icon a.blue-16:hover{background-image: url(images/case-icon-16_h.svg);}
/* #use-cases #circle-icon a.blue-16:focus{background-image: url(images/case-icon-16_h.svg);} */

/*#longitudinal{padding: 60px 0 50px 0; background-color: rgba(112, 112, 112, 0.05);}*/
#longitudinal ul.bullet-pera {margin: 0; list-style: none;}
#longitudinal ul.bullet-pera li {margin-top: 20px;}
#longitudinal ul.bullet-pera li p {margin-left: 55px;}
#longitudinal ul.bullet-pera li img {margin-top: 2px;}
#longitudinal ul.bullet-pera li p.heading{margin-bottom: 10px;}
#longitudinal h3.title{font-size: 24px; font-weight: bold; padding-top: 10px;}
#longitudinal .card {background-color:transparent; border:0px; margin-bottom: 10px;}
#longitudinal .card-header {background-color: #218cbe; border-radius: 5px;}
#longitudinal .card-header.blue {background-color: #249bd3;}
#longitudinal .card-header.green {background-color: #88ba40;}
#longitudinal .card-header.purple {background-color: #9b2480;}
#longitudinal .card-header.yellow {background-color: #ec9721;}
#longitudinal .card-header.gray {background-color: #6d7278;}
#longitudinal .card .card-header .btn-header-link { font-size: 20px; font-weight: normal;  color: #ffffff;  
    display: block;    text-align: left;     padding: 0px; outline: none;}

#longitudinal .card .card-header .btn-header-link:after {  content: "\f106";  font-family: 'Font Awesome 5 Free';
  font-weight: 900;  position: absolute;    top: 10px; right: 30px; font-size: 24px; }

#longitudinal .card .card-header .btn-header-link.collapsed:after {  content: "\f107"; font-size: 24px; font-weight: 900; }
#longitudinal .color-box {font-size: 14px; font-weight: 600; text-align: center; position: absolute;
    left: -96px; z-index: 1;}
#longitudinal .color-box .blue {background-color: #249bd3; color: #ffffff; display: inline-block; width: 140px; padding: 10px 0;}
#longitudinal .color-box .green {background-color: #88ba40; color: #ffffff; display: inline-block; width: 140px; padding: 10px 0;}
#longitudinal .color-box .purple {background-color: #9b2480; color: #ffffff; display: inline-block; width: 140px; padding: 10px 0;}
#longitudinal .color-box .yellow {background-color: #ec9721; color: #ffffff; display: inline-block; width: 140px; padding: 10px 0;}
#longitudinal .color-box .gray {background-color: #6d7278; color: #ffffff; display: inline-block; width: 140px; padding: 10px 0;}

#use-cases .left-border-2 {border-left: 0px solid #25b0f0; padding-left: 0px;}
#use-cases .icon-box {width: 36px; height: 36px; text-align: center; flex-shrink: 0!important; margin-right: 10px;}

/*=================== Reserch page =========================*/
#collaboration{ background: padding: 50px 0 35px 0; }

#collaboration .swiper-slide .card-title {font-size: 20px; color: #051f48; font-weight: normal; text-transform: none; letter-spacing: 0.72px;}
#collaboration .swiper-slide .card-text {font-size: 16px; line-height: 24px;}
#collaboration .swiper-slide .card .card-body {padding: 25px 20px 30px 20px;}
#collaboration .swiper-button-prev-home::after {
    content: ""; background-image: url(images/swiper-left-round.svg); background-repeat: no-repeat; width: 50px; height: 50px;  display: block; transition: color .2s ease-in-out; background-size: cover;
}
#collaboration .swiper-button-next-home::after {
    content: ""; background-image: url(images/swiper-right-round.svg); background-repeat: no-repeat; width: 50px; height: 50px;    display: block; transition: color .2s ease-in-out; background-size: cover;
}
#collaboration .swiper-nav-scroll {display: flex;    align-items: center;    justify-content: center;    margin-top: 0px; margin-left: 10px; margin-right: 10px; font-size: 16px; font-weight: 600; color: #6d7278; letter-spacing: 2.4px;}
/*#collaboration .swiper-button-next-home:after{background-image: url(images/swiper-right-arrow-white.svg);}
#collaboration .swiper-button-prev-home:after {background-image: url(images/swiper-left-arrow-white.svg);}
#collaboration .swiper-nav-scroll {color: #ffffff;}*/
#collaboration .link-1{font-size: 16px;}
#collaboration  .card {box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);}

#research.blue-bg {background-color: #f2f2f2; padding: 68px 0 10px 0;}


#use-cases #circle-icon .circle-box span{font-size: 16px; font-weight: 600; color: #051f48; text-align: center; display: block; padding-top: 10px;}



#research #circle-icon .circle-box{width: 140px; margin-bottom: 50px;}
#research #circle-icon .circle-box span{font-size: 16px; font-weight: 600; color: #051f48; text-align: center; display: block; padding-top: 10px;}
#research #circle-icon .circle-box a.circle{ padding-top: 97px; margin: 0 auto; display: block;  
    background-repeat: no-repeat; background-position: center; text-decoration: none; text-transform: uppercase; 
    width: 97px; height: 94px; }
/*#research #circle-icon .circle-box a.circle:hover{background-color: #7d1d66; box-shadow:none;}
#research #circle-icon .circle-box a.circle:focus{background-color: #7d1d66; box-shadow:none;}*/

#research #circle-icon a.blue-1{ background-image: url(images/research-icon-1.svg); }
#research #circle-icon a.blue-1:hover{background-image: url(images/research-icon-1_h.svg);}
/* #research #circle-icon a.blue-1:focus{background-image: url(images/research-icon-1_h.svg);} */

#research #circle-icon a.blue-2{background-image: url(images/research-icon-2.svg); }
#research #circle-icon a.blue-2:hover{background-image: url(images/research-icon-2_h.svg);}
/* #research #circle-icon a.blue-2:focus{background-image: url(images/research-icon-2_h.svg);} */

#research #circle-icon a.blue-3{background-image: url(images/research-icon-3.svg); }
#research #circle-icon a.blue-3:hover{background-image: url(images/research-icon-3_h.svg);}
/* #research #circle-icon a.blue-3:focus{background-image: url(images/research-icon-3_h.svg);} */

#research #circle-icon a.blue-4{background-image: url(images/research-icon-4.svg); }
#research #circle-icon a.blue-4:hover{background-image: url(images/research-icon-4_h.svg);}
/* #research #circle-icon a.blue-4:focus{background-image: url(images/research-icon-4_h.svg);} */

#research #circle-icon a.blue-5{background-image: url(images/research-icon-5.svg); }
#research #circle-icon a.blue-5:hover{background-image: url(images/research-icon-5_h.svg);}
/* #research #circle-icon a.blue-5:focus{background-image: url(images/research-icon-5_h.svg);} */

#research #circle-icon a.blue-6{background-image: url(images/research-icon-6.svg); }
#research #circle-icon a.blue-6:hover{background-image: url(images/research-icon-6_h.svg);}
/* #research #circle-icon a.blue-6:focus{background-image: url(images/research-icon-6_h.svg);} */

#research #circle-icon a.blue-7{background-image: url(images/research-icon-7.svg); }
#research #circle-icon a.blue-7:hover{background-image: url(images/research-icon-7_h.svg);}
/* #research #circle-icon a.blue-7:focus{background-image: url(images/research-icon-7_h.svg);} */

#research #circle-icon a.blue-8{background-image: url(images/research-icon-8.svg); }
#research #circle-icon a.blue-8:hover{background-image: url(images/research-icon-8_h.svg);}
/* #research #circle-icon a.blue-8:focus{background-image: url(images/research-icon-8_h.svg);} */

#research #circle-icon a.blue-9{background-image: url(images/research-icon-9.svg); }
#research #circle-icon a.blue-9:hover{background-image: url(images/research-icon-9_h.svg);}
/* #research #circle-icon a.blue-9:focus{background-image: url(images/research-icon-9_h.svg);} */

#research #circle-icon a.blue-10{background-image: url(images/research-icon-10.svg); }
#research #circle-icon a.blue-10:hover{background-image: url(images/research-icon-10_h.svg);}
/* #research #circle-icon a.blue-10:focus{background-image: url(images/research-icon-10_h.svg);} */

#research #circle-icon a.blue-11{background-image: url(images/research-icon-11.svg); }
#research #circle-icon a.blue-11:hover{background-image: url(images/research-icon-11_h.svg);}
/* #research #circle-icon a.blue-11:focus{background-image: url(images/research-icon-11_h.svg);} */

#research #circle-icon a.blue-12{background-image: url(images/research-icon-12.svg); }
#research #circle-icon a.blue-12:hover{background-image: url(images/research-icon-12_h.svg);}
/* #research #circle-icon a.blue-12:focus{background-image: url(images/research-icon-12_h.svg);} */

#research #circle-icon a.blue-13{background-image: url(images/research-icon-13.svg); }
#research #circle-icon a.blue-13:hover{background-image: url(images/research-icon-13_h.svg);}
/* #research #circle-icon a.blue-13:focus{background-image: url(images/research-icon-13_h.svg);} */

#research #circle-icon a.blue-14{background-image: url(images/research-icon-14.svg); }
#research #circle-icon a.blue-14:hover{background-image: url(images/research-icon-14_h.svg);}
/* #research #circle-icon a.blue-14:focus{background-image: url(images/research-icon-14_h.svg);} */

/*=================== Covid page ===================*/

#covid {background-color: #051f48;  padding: 68px 0 10px 0;}
.covid-white-paper {background-image: url(images/covid-white-paper-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 75px 0 70px 0;}
.covid-white-paper #contact-form {    background-color: #051f48;    padding: 40px;    border: 1px solid #25b0f0;}
.covid-white-paper #contact-form h5 {    font-size: 20px;    font-weight: 600; color: #ffffff;}
.covid-white-paper h6 {    font-size: 16px;    font-weight: 600;    letter-spacing: 2.4px;    color: #25b0f0;}
.covid-white-paper #contact-form .form-group {    font-size: 16px;    color: #ffffff;
}

#covid #circle-icon .circle-box{width: 140px; margin-bottom: 50px;}
#covid #circle-icon .circle-box span{font-size: 16px; font-weight: 600; color: #fff; text-align: center; display: block; padding-top: 10px;}
#covid #circle-icon .circle-box a.circle{ padding-top: 97px; margin: 0 auto; display: block;  
    background-repeat: no-repeat; background-position: center; text-decoration: none; text-transform: uppercase; 
    width: 97px; height: 94px; }
/* #covid #circle-icon .circle-box a.circle:hover{background-color: #7d1d66; box-shadow:none;} */
/* #covid #circle-icon .circle-box a.circle:focus{background-color: #7d1d66; box-shadow:none;} */


#covid #circle-icon a.blue-1{background-image: url(images/covid-icon-1.svg); }
#covid #circle-icon a.blue-1:hover{background-image: url(images/covid-icon-1_h.svg);}
/* #covid #circle-icon a.blue-1:focus{background-image: url(images/covid-icon-1_h.svg);} */

#covid #circle-icon a.blue-2{background-image: url(images/covid-icon-2.svg); }
#covid #circle-icon a.blue-2:hover{background-image: url(images/covid-icon-2_h.svg);}
/* #covid #circle-icon a.blue-2:focus{background-image: url(images/covid-icon-2_h.svg);} */

#covid #circle-icon a.blue-3{background-image: url(images/covid-icon-3.svg); }
#covid #circle-icon a.blue-3:hover{background-image: url(images/covid-icon-3_h.svg);}
/* #covid #circle-icon a.blue-3:focus{background-image: url(images/covid-icon-3_h.svg);} */

#covid #circle-icon a.blue-4{background-image: url(images/covid-icon-4.svg); }
#covid #circle-icon a.blue-4:hover{background-image: url(images/covid-icon-4_h.svg);}
/* #covid #circle-icon a.blue-4:focus{background-image: url(images/covid-icon-4_h.svg);} */

#covid #circle-icon a.blue-5{background-image: url(images/covid-icon-5.svg); }
#covid #circle-icon a.blue-5:hover{background-image: url(images/covid-icon-5_h.svg);}
/* #covid #circle-icon a.blue-5:focus{background-image: url(images/covid-icon-5_h.svg);} */

#covid #circle-icon a.blue-6{background-image: url(images/covid-icon-6.svg); }
#covid #circle-icon a.blue-6:hover{background-image: url(images/covid-icon-6_h.svg);}
/* #covid #circle-icon a.blue-6:focus{background-image: url(images/covid-icon-6_h.svg);} */

#covid #circle-icon a.blue-7{background-image: url(images/covid-icon-7.svg); }
#covid #circle-icon a.blue-7:hover{background-image: url(images/covid-icon-7_h.svg);}
/* #covid #circle-icon a.blue-7:focus{background-image: url(images/covid-icon-7_h.svg);} */

.covid-bg-1 { background: url("images/covid-bg-1.jpg") rgba(5, 31, 72, 0.25); background-blend-mode: multiply; background-position: center top; background-size: cover; padding: 80px 0 69px 0;}
.covid-bg-1 .white-box {background: #ffffff;    padding: 50px 40px 60px 40px; }

.covid-bg-3 { background: url("images/covid-bg-3.jpg") rgba(5, 31, 72, 0.25); background-blend-mode: multiply; background-position: center top; background-size: cover; padding: 60px 0 60px 0;}
.covid-bg-3 .white-box {background: #ffffff;    padding: 50px 40px 60px 40px; }

.covid-bg-2 { background: url("images/covid-bg-2.jpg") rgba(5, 31, 72, 0.25); background-blend-mode: multiply; background-position: center top; background-size: cover; padding: 60px 0 60px 0;}
.covid-bg-2 .white-box {background: #ffffff;    padding: 50px 40px 60px 40px; }

.covid-bg-4 { background: url("images/covid-bg-4.jpg") rgba(5, 31, 72, 0.25); background-blend-mode: multiply; background-position: center top; background-size: cover; padding: 60px 0 60px 0;}
.covid-bg-4 .white-box {background: #ffffff;    padding: 50px 40px 60px 40px; }

.covid-bg-5 { background: url("images/covid-bg-5.jpg") rgba(5, 31, 72, 0.43); background-blend-mode: multiply; background-position: center top; background-size: cover; padding: 60px 0 60px 0;}
.covid-bg-5 .white-box {background: #ffffff;    padding: 50px 40px 60px 40px; }

.covid-bg-7 { background: url("images/covid-bg-7.jpg") rgba(5, 31, 72, 0.25); background-blend-mode: multiply; background-position: center top; background-size: cover; padding: 60px 0 60px 0;}
.covid-bg-7 .white-box {background: #ffffff;    padding: 50px 40px 60px 40px; }

#covid ul.bullet-pera li {margin-top: 20px;}
#covid ul.bullet-pera li:nth-child(1) {margin-top: 44px;}
#covid ul.bullet-pera li:nth-last-child(1){margin-top: 20px;}

#covid #testimonial-2 .desc-text{font-size: 30px; font-style: italic; }
#covid #testimonial-2 .customer{font-size: 24px; font-weight: bold; margin-left: 36px; margin-top: 17px;}
#covid #testimonial-2 p.customer span{display: block; font-size: 20px; font-weight: normal; margin-top: 13px;}

.testimonial-white h2{ color: #6ec1e7; margin-bottom: 16px;}
.testimonial-white .desc-text{font-size: 24px; line-height: 30px; color: #ffffff;}
.testimonial-white .customer{font-size: 16px; font-weight: bold; margin-left: 22px; margin-top: 39px; color: #ffffff;}
.testimonial-white p.customer span{display: block; font-size: 16px; font-weight: normal; color: #ffffff;}

#reconstructing-box p.title{font-size: 20px; font-weight: 300; color: #051f48; opacity: 0.5;}
#reconstructing-box p.small-text{font-size: 16px; line-height: 24px; font-weight: 400; color: #000000; min-height: 88px; }
#reconstructing-box h2{font-size: 20px; line-height: normal; color: #051f48; font-weight: 600;}


/*=================== Product page =========================*/
.top-head h2{position: absolute; left: 100px; top: 0;}
#product section.blue-bg {background-color: #051f48; padding: 68px 0 10px 0;}
#product section.blue-bg h2.title {color: #ffffff;}

#product #circle-icon .circle-box{width: 204px; margin-bottom: 60px;}
#product #circle-icon .circle-box span{font-size: 16px; font-weight: 600; color: #ffffff; line-height: 22px;  text-align: center; display: block; padding-top: 10px;}
#product #circle-icon .circle-box a.circle{ padding-top: 52px; margin: 0 auto; display: block;  
    background-repeat: no-repeat; background-position: center; text-decoration: none; text-transform: uppercase; 
    width: 70px; height: 50px; }
/*#product #circle-icon .circle-box a.circle:hover{background-color: #7d1d66;}
#product #circle-icon .circle-box a.circle:focus{background-color: #7d1d66;}*/

#product #circle-icon a.blue-1{ background-image: url(images/product-icon-1.svg); }
#product #circle-icon a.blue-1:hover{background-image: url(images/product-icon-1_h.svg);}
/* #product #circle-icon a.blue-1:focus{background-image: url(images/product-icon-1_h.svg);} */

#product #circle-icon a.blue-2{background-image: url(images/product-icon-2.svg); }
#product #circle-icon a.blue-2:hover{background-image: url(images/product-icon-2_h.svg);}
/* #product #circle-icon a.blue-2:focus{background-image: url(images/product-icon-2_h.svg);} */

#product #circle-icon a.blue-3{background-image: url(images/product-icon-3.svg); }
#product #circle-icon a.blue-3:hover{background-image: url(images/product-icon-3_h.svg);}
/* #product #circle-icon a.blue-3:focus{background-image: url(images/product-icon-3_h.svg);} */

#product #circle-icon a.blue-4{background-image: url(images/product-icon-4.svg); }
#product #circle-icon a.blue-4:hover{background-image: url(images/product-icon-4_h.svg);}
/* #product #circle-icon a.blue-4:focus{background-image: url(images/product-icon-4_h.svg);} */

#product #circle-icon a.blue-5{background-image: url(images/product-icon-5.svg); }
#product #circle-icon a.blue-5:hover{background-image: url(images/product-icon-5_h.svg);}
/* #product #circle-icon a.blue-5:focus{background-image: url(images/product-icon-5_h.svg);} */

#product #circle-icon a.blue-6{background-image: url(images/product-icon-6.svg); }
#product #circle-icon a.blue-6:hover{background-image: url(images/product-icon-6_h.svg);}
/* #product #circle-icon a.blue-6:focus{background-image: url(images/product-icon-6_h.svg);} */

#product #circle-icon a.blue-7{background-image: url(images/product-icon-7.svg); }
#product #circle-icon a.blue-7:hover{background-image: url(images/product-icon-7_h.svg);}
/* #product #circle-icon a.blue-7:focus{background-image: url(images/product-icon-7_h.svg);} */

#product #circle-icon a.blue-8{background-image: url(images/product-icon-8.svg); }
#product #circle-icon a.blue-8:hover{background-image: url(images/product-icon-8_h.svg);}
/* #product #circle-icon a.blue-8:focus{background-image: url(images/product-icon-8_h.svg);} */

#product #circle-icon a.blue-9{background-image: url(images/product-icon-9.svg); }
#product #circle-icon a.blue-9:hover{background-image: url(images/product-icon-9_h.svg);}
/* #product #circle-icon a.blue-9:focus{background-image: url(images/product-icon-9_h.svg);} */

/*=================== Resource Cloud page =========================*/

#resource-cloud {background-color: #051f48; padding: 65px 0; background-image: url(images/campaign-hero-bg-4.jpg); background-size: cover;}




/*=================== Consortiums page =========================*/

#consortiums {background-color: #051f48;  padding: 68px 0 10px 0;}

#consortiums #circle-icon .circle-box{width: 204px; margin-bottom: 60px;}
#consortiums #circle-icon .circle-box span{font-size: 16px; font-weight: 600; color: #ffffff; line-height: 22px;  text-align: center; display: block; padding-top: 10px;}
#consortiums #circle-icon .circle-box a.circle{ padding-top: 52px; margin: 0 auto; display: block;  
    background-repeat: no-repeat; background-position: center; text-decoration: none; text-transform: uppercase; 
    width: 70px; height: 50px; }


#consortiums #circle-icon a.blue-1{background-image: url(images/consortiums-icon-1.svg); }
#consortiums #circle-icon a.blue-1:hover{background-image: url(images/consortiums-icon-1_h.svg);}
/* #consortiums #circle-icon a.blue-1:focus{background-image: url(images/consortiums-icon-1_h.svg);} */

#consortiums #circle-icon a.blue-2{background-image: url(images/consortiums-icon-2.svg); }
#consortiums #circle-icon a.blue-2:hover{background-image: url(images/consortiums-icon-2_h.svg);}
/* #consortiums #circle-icon a.blue-2:focus{background-image: url(images/consortiums-icon-2_h.svg);} */

#consortiums #circle-icon a.blue-3{background-image: url(images/consortiums-icon-3.svg); }
#consortiums #circle-icon a.blue-3:hover{background-image: url(images/consortiums-icon-3_h.svg);}
/* #consortiums #circle-icon a.blue-3:focus{background-image: url(images/consortiums-icon-3_h.svg);} */

#consortiums #circle-icon a.blue-4{background-image: url(images/consortiums-icon-4.svg); }
#consortiums #circle-icon a.blue-4:hover{background-image: url(images/consortiums-icon-4_h.svg);}
/* #consortiums #circle-icon a.blue-4:focus{background-image: url(images/consortiums-icon-4_h.svg);} */

.consortiums-bg-1 { background: url("images/consortiums-bg-1.jpg") rgba(5, 31, 72, 0.25); background-blend-mode: multiply; background-position: center top; background-size: cover; padding: 60px 0 60px 0;}
.consortiums-bg-1 .white-box {background: #ffffff;    padding: 50px 40px 60px 40px; }

.consortiums-bg-2 { background: url("images/consortiums-bg-2.jpg") rgba(5, 31, 72, 0.25); background-blend-mode: multiply; background-position: center top; background-size: cover; padding: 60px 0 60px 0;}
.consortiums-bg-2 .white-box {background: #ffffff;    padding: 50px 40px 60px 40px; }

.consortiums-bg-3 { background: url("images/consortiums-bg-3.jpg") rgba(5, 31, 72, 0.25); background-blend-mode: multiply; background-position: center top; background-size: cover; padding: 60px 0 60px 0;}
.consortiums-bg-3 .white-box {background: #ffffff;    padding: 50px 40px 60px 40px; }

.consortiums-bg-4 { background: url("images/consortiums-bg-4.jpg") rgba(5, 31, 72, 0.25); background-blend-mode: multiply; background-position: center top; background-size: cover; padding: 60px 0 60px 0;}
.consortiums-bg-4 .white-box {background: #ffffff;    padding: 50px 40px 60px 40px; }

/*=================== Resources page ===================*/
#filter {padding-bottom: 100px;}
#filter .nav {padding-bottom: 40px;}
#filter .nav a{color: #000000; font-size: 16px; font-weight: 600; line-height: 17px;}
#filter .nav a.active {color: #25b0f0;}
#filter .nav a:hover {color: #25b0f0;}
#filter ul li{border-right: 1px solid #000000; margin-bottom: 22px;}
#filter ul li:last-child{border-right:0;}
#filter .nav-link { padding: 0 1.3rem; }
#filter .card {border: 1px solid #b6b8bb;; border-radius: 0; min-height: 390px; cursor: pointer; margin-bottom: 10px;}
#filter .card-pj {min-height: 280px; margin-bottom: 20px;}	
#filter .card-pj .card-body{min-height: 263px;}
#filter .card-pj .card-body p{margin-bottom: 30px;} 
#filter .card:hover{background-color: rgba(5, 31, 72, 0.1);}
#filter .card .blue-bg { background: #051f48; height: 15px;}
#filter.card-img, #filter .card-img-top {border-radius: 0;}
#filter .card h3 {font-size: 16px; color: #051f48; margin-bottom: 20px; font-weight: 600; letter-spacing: 2.4px;}
#filter .card h3.pj-blue {font-size: 16px; color: #25b0f0; margin-bottom: 20px; font-weight: 600;}																								  
#filter .card h5 {font-size: 16px; color: #051f48; text-transform: uppercase; margin-bottom: 15px; position: absolute;
    bottom: 0; letter-spacing: 2.4px;}
#filter .card h6 {font-size: 28px; line-height: 36px; font-weight: 300; color: #051f48; margin-bottom: 10px;}
#filter .card p {font-size: 16px; color: #000000;}
#filter .card .card-body{padding: 20px 30px}
#filter .card .card-body a.social-icon{font-size: 26px; margin-right: 16px; }
#filter .card .card-body .social-box {position: absolute;    bottom: 9px;    right: 15px;}
#filter .card .card-body a.social-icon:hover {text-decoration: none; color: #218bbc;}	 
#filter .card .logo {width: 250px; height: 80px; position: absolute;    bottom: 40px;}
#filter .card .video {width: 250px; height: 140px; position: absolute;    bottom: 54px;}
#filter .search-box {position: relative;}
#filter .search-icon {position: absolute; top: 11px; right: 9px; color: #000000;}
#filter .search-box .form-control{font-size: 16px; font-weight: normal;  border-width:1px; padding: .375rem; border-radius: 0px; border-color: rgba(0, 0, 0, 0.25); color: #000000;}
#filter .search-box .form-control:focus {box-shadow: none; border: solid 2px #000000;}
#filter .search-box input::placeholder {color: rgba(0, 0, 0, 0.25) !important;}
.videoswiper .card-subtitle{font-size: 20px; color: #051f48; text-align: center; margin-top: 10px;}
.videoswiper .video-section {position: relative;}



/*=================== Search page  ===================*/
.search-section .form-control{font-size: 20px; font-weight: normal;  border-width:1px; padding: .375rem; border-radius: 0px; border-color: rgba(0, 0, 0, 0.25); color: #000000; height: 50px;}
.search-section .form-control:focus {box-shadow: none; border: solid 2px #000000;}
.search-section input::placeholder {color: rgba(0, 0, 0, 0.25) !important;}

.btn-yellow {
    font-size: 16px; font-weight: 600; line-height: 20px; color: #ffffff; background-color: #eb9721; border-radius: 0px; padding: 9px 14px 9px 14px; min-width: 100px; text-transform: uppercase;
}
.btn-yellow:hover{    background-color: #d5891e; color: #ffffff;}
.search-section .subtitle {    font-size: 24px;    color: #051f48;    margin-top: 30px;}
.search-section .heading {font-size: 28px; color: #25b0f0; font-weight: 600;}
.search-section p{font-size: 22px; line-height: 1.6;}



/*=================== Blog page / Case study page ===================*/
#blog-hero-1 {padding: 0px 0px 75px 0px;}
#blog-hero-1 h6, #blog-hero-2 h6{font-size: 16px; font-weight: 600; color: #25b0f0; margin-bottom: 20px; letter-spacing: 2.4px;}
#blog-hero-1 h1 {margin-bottom: 20px;}
#blog-hero-1 a.social-icon, #blog-hero-2 a.social-icon {font-size: 30px; margin-right: 19px;}
#blog-hero-1 a.social-icon, #blog-hero-2 a.share {font-size: 29px; position: relative; top: -1px;}
#blog-hero-1 a.social-icon:hover, #blog-hero-2 a.social-icon:hover {text-decoration: none; color: #218bbc;}
#blog-hero-1 .pera-text-20 {color: #051f48;}
#blog-content h2.title{margin-top: 40px; margin-bottom: 20px; font-size: 28px; font-weight: normal; color: #000000; line-height: 36px;} 
#blog-content h3.title{margin-top: 40px; margin-bottom: 10px; font-size: 20px; font-weight: 600; color: #000000; line-height: 28px;} 
#blog-content ul.bullet-pera {margin-top: 25px; margin-bottom: 25px;}
#blog-content ul {    margin: 0 0 0 20px; padding: 0; list-style: url(images/bullet.svg);
}
#blog-content ul.bullet-pera p{ margin-bottom: 10px;}
#blog-content ul li{padding-left: 5px; margin-bottom: 10px;}
#blog-content p{margin-bottom: 20px;}
#blog-content .quote-border {border: solid 1px #25b0f0; padding: 40px 32px;}
#blog-content p.quote { font-size: 28px; color: #051f48; line-height: 40px; font-weight: 300; letter-spacing: 0.84px;}
#blog-content p.quote-name { font-size: 16px; color: #25b0f0; line-height: 24px; font-weight: normal; letter-spacing: 2.4px; margin-bottom: 0px; text-transform: uppercase;}
#blog-hero-2 .inner-img {background: url("images/blog-hero-2.jpg") rgba(5, 31, 72, 0.23) no-repeat; background-size: cover; min-height: 415px; background-position: center top;  background-blend-mode: multiply;}
#blog-hero-2 .pera-text-main {font-size: 20px; color: #051f48;}

#case-study .pera-text-main { font-size: 20px; color: #051f48;}

#case-study h6{font-size: 16px; font-weight: 600; color: #25b0f0; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2.4px;}
#case-study-bg .inner-img {background: url("images/case-study-hero-img.jpg") no-repeat; background-size: cover; min-height: 415px; background-position: center top;}
#case-study a.social-icon {font-size: 30px; margin-right: 20px;}
#case-study a.share {font-size: 29px; position: relative; top: -1px;}
#case-study a.social-icon:hover {text-decoration: none; color: #218bbc;}
#case-study-content h2.title{margin-top: 40px; margin-bottom: 20px;} 
#case-study-content h3 { font-size: 22px; font-weight: normal; margin-top: 40px; margin-bottom: 20px;}
#case-study-content h4 { font-size: 20px; font-weight: 600; margin-top: 40px; margin-bottom: 10px;}
#case-study-content ul.bullet-pera {margin-top: 30px;}
#case-study-content p{margin-bottom: 6px;}
#case-study-content p.quote { font-size: 24px; font-style: italic; color: #7d1d66; line-height: 32px;}
.case-study-right-box h5{font-size: 20px; font-weight: 600;}
#case-ld .card {min-height: 458px;}
#case-ld .card:hover {cursor: pointer;}
#case-ld .card .card-title{font-size: 20px; color: #051f48; font-weight: 600; line-height: 1.4;}
#case-ld .card .card-text{font-size: 16px; color: #051f48; font-weight: 600; line-height: 1.4;}
.cs-social .social-icon {font-size: 30px; margin-right: 20px;}
.cs-content .quote-border {border: solid 1px #25b0f0; padding: 15px 15px;}
.cs-content p.quote { font-size: 20px; color: #051f48; line-height: 32px; font-weight: 300; letter-spacing: 0.84px;}
.cs-content p.quote-name { font-size: 16px; color: #25b0f0; line-height: 24px; font-weight: 600; letter-spacing: 2.4px; margin-bottom: 0px; text-transform: uppercase; text-align: center;}
#case-study-content ul {margin: 30px 0 0 20px;    padding: 0;    list-style: url(images/bullet.svg);}
#case-study-content ul li {margin-bottom: 6px; padding-left: 10px;}
#case-study-content ul.bullet-pera li p {margin-left: 0px;}

/*=================== White Paper page ===================*/
#white-paper {background-color: #051f48; padding: 75px 0;}
#white-paper h6{font-size: 16px; font-weight: 600; letter-spacing: 2.4px; color: #25b0f0;}
#white-paper #contact-form {background-color: #ffffff; padding: 40px; border: 1px solid #25b0f0;}
#white-paper #contact-form h5{font-size: 20px; font-weight: 600;}

/*=================== Privacy And Terms page ===================*/
#privacy h3{margin-bottom: 30px; margin-top: 45px;}

#privacy p, #privacy ul {margin-bottom: 30px;}
#privacy ul.bullet-pera {list-style: url(images/bullet-black.svg);}
#privacy ul li p{margin-bottom: 6px;}

/*=================== STT page ===================*/
#screening-box p.title{font-size: 20px; font-weight: 300; color: #ffffff; opacity: 0.7;}
#screening-box p.small-text{font-size: 16px; line-height: 24px; font-weight: 400; color: #ffffff; }
#screening-box h2{font-size: 20px; line-height: normal; color: #25b0f0; font-weight: 600;}

/*=================== career page ===================*/
#career .clickr {    display: block;    cursor: pointer; font-size: 16px; color: #051f48; border: 1px solid rgba(0, 0, 0, 0.25);    padding: 10px;}
#career a.clickr:hover {text-decoration: none;}
#career .clickr i {float: right; padding-top: 5px;}
#career i.rotate {transform: rotate(-180deg);    transition: .3s;}
#career i.rotate-reset {transform: rotate(0deg);    transition: .3s;}
#career ul.right-nav{padding: 0;}
#career ul.right-nav li{border-bottom: 1px solid #bfbfbf; list-style: none; cursor:pointer; padding: 14px 0;}
#career ul.right-nav li p{font-size: 20px; font-weight: normal; margin: 0;}
#career h2{border-bottom: 2px solid #bfbfbf; padding-bottom: 5px;}
#career ul.position li a{ font-size: 16px; color: #051f48; letter-spacing: 1.6px; font-weight: normal; text-transform: uppercase;}
#career ul.position li a.active{color: #25b0f0;}
#career ul.position li a.nav-link {padding: 0.5rem 0rem;}


/*=================== Campaign page ===================*/
#campaign-1 {background-color: #051f48; padding: 25px 0; background-image: url(images/campaign-hero-bg.jpg); background-size: cover;}
#campaign-1 h6{font-size: 16px; font-weight: 600; letter-spacing: 2.4px; color: #25b0f0;}
#campaign-1 #contact-form {background-color: #ffffff; padding: 40px; border: 1px solid #25b0f0;}
#campaign-1 #contact-form h5{font-size: 20px; font-weight: 600;}
#campaign-1 #contact-form .form-group { margin-bottom: 20px;}
#campaign-1 #contact-form .last {margin-bottom: 30px;}
.campaign-box {padding: 45px 0px 40px 0px;}
.camp-icon { height: 89px;}

#campaign-2 {background-color: #051f48; padding: 65px 0; background-image: url(images/campaign-hero-bg-2.jpg); background-size: cover;}
.camp-form #contact-form {    background-color: #051f48;    padding: 40px;    border: 1px solid #25b0f0;}
.camp-form #contact-form h5 {    font-size: 20px;    font-weight: 600; color: #ffffff;}
.camp-form h6 {    font-size: 16px;    font-weight: 600;    letter-spacing: 2.4px;    color: #25b0f0;}
.camp-form #contact-form .form-group {    font-size: 16px;    color: #ffffff;}


#campaign-3 { background-color: #051f48; padding: 0 0 0 0; background-position: center; }

#campaign-3 .bg-img {background-image: url(images/campaign-hero-bg-3.jpg); background-size: cover; background-repeat: no-repeat; height: 200px; margin-bottom: 15px; background-position: right top;}
#campaign-3 h1 {font-family: 'Oswald', sans-serif; font-size: 30px; line-height: 36px; letter-spacing: 0.8px;}

#campaign-3 p.description {font-size: 18px; line-height: 24px; color: #00abe9; background-color: #051f48; display: inline-block; padding: 0 0 16px 0; margin-top: 0;}

#camp-3-form {margin-top: 0; margin-bottom: 30px;}
#camp-3-form #contact-form {background-color: #ffffff; padding: 40px; border: 3px solid #25b0f0; }
#camp-3-form #contact-form .form-group {color: #4d4d4d;}
#camp-3-form #contact-form h5 {font-size: 24px; color: #051f48;}
#camp-3-main p{font-size: 14px; line-height: 20px; color: #4d4d4d;}

#campaign-3-thankyou {background-color: #051f48; padding: 65px 0; background-image: url(images/campaign-hero-bg-4.jpg); background-size: cover;}

#campaign-4 { background-color: #000000; padding: 0 0 70px 0; background-position: center; }
#campaign-4 .bg-img {background-image: url(images/campaign-4-hero-bg.jpg); background-size: cover; background-repeat: no-repeat; height: 200px; margin-bottom: 15px; background-position: right top;}
#campaign-4 h1 {font-family: 'Oswald', sans-serif; font-size: 30px; line-height: 36px; letter-spacing: 0.8px;}
#camp-4-main p{font-size: 14px; line-height: 1.71; color: #4d4d4d;}
#camp-4-main p.red {font-size: 16px; color: #e9242e; font-weight: 600; line-height: 1.25;}
#camp-4-main p.presenter {font-size: 14px; color: #000000; line-height: 1.4;}
#camp-4-main p.gray-bold {font-size: 16px; color: #4d4d4d; font-weight: 600;}
#camp-4-form {margin-top: -65px;}
#camp-4-form #contact-form {background-color: #ffffff; padding: 40px; border: 2px solid #fcd035; }
#camp-4-form #contact-form .form-group {color: #4d4d4d;}
#camp-4-form #contact-form h5 {font-size: 20px; color: #000000; font-weight: 600;}
#camp-4-form #contact-form .form-group .form-control-lg {height: 33px;}
#camp-4-form #contact-form .form-group {font-size: 14px;}


#campaign-5 { background-color: #000000; padding: 0 0 70px 0; background-position: center; }
#campaign-5 .bg-img {background-image: url(images/campaign-5-hero-bg.jpg); background-size: cover; background-repeat: no-repeat; height: 200px; margin-bottom: 15px; background-position: right top;}
#campaign-5 h1 {font-family: 'Oswald', sans-serif; font-size: 30px; line-height: 36px; letter-spacing: 0.8px;}
#camp-5-main p{font-size: 14px; line-height: 1.71; color: #4d4d4d;}
#camp-5-main p.green {font-size: 16px; color: #8bc481; font-weight: 600; line-height: 1.25;}
#camp-5-main p.presenter {font-size: 14px; color: #000000; line-height: 1.4;}
#camp-5-main p.gray-bold {font-size: 16px; color: #4d4d4d; font-weight: 600;}
#camp-5-form {margin-top: -65px;}
#camp-5-form #contact-form {background-color: #ce237f; padding: 40px; border: 2px solid #ce237f; }
#camp-5-form #contact-form span.red {color: #ffffff}
#camp-5-form #contact-form .form-group {color: #ffffff;}
#camp-5-form #contact-form h5 {font-size: 20px; color: #ffffff; font-weight: 600;}
#camp-5-form #contact-form .form-group .form-control-lg {height: 33px;}
#camp-5-form #contact-form .form-group {font-size: 14px;}

/*================= Digital trials page =================*/
#inner-page-hero .digital-trials-bg{ background: url("images/digital_trial_hero.jpg"); background-position: center top; min-height:150px; padding: 0px !important; background-size: cover;}
#inner-page-hero .digital-article-bg{ background: url("images/digital_article_hero.jpg"); background-position: center top; min-height:150px; padding: 0px !important; background-size: cover;}

.digital-box .card { border:0; border-radius: 0;  cursor: pointer; max-height: 396px; overflow: hidden;}
.digital-box .card { border:0; border-radius: 0;  cursor: pointer; max-height: 396px; height: 396px; overflow: hidden;}
.digital-box .card {box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); margin-bottom: 40px;}


.digital-box .card:hover .card-text{color: #000000; }
.digital-box .card .card-body {padding: 1.1rem 1.3rem;}

.digital-box .card-title{ font-size: 16px; text-transform: uppercase; color: #25b0f0; font-weight: 600;
    letter-spacing: 1.6px;}
.digital-box .card-text { font-size: 15px;  line-height: normal; overflow: hidden; text-overflow: ellipsis; 
    font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #051f48;}



/*=================== CSS Media Query ===================*/

/* =================== Small devices (landscape phones, 576px and up) =================== */
@media (min-width: 576px) { 

}

@media (max-width: 575px) { 
    .navbar-light .navbar-brand img{width: 110px;}
    .navbar-toggler-icon {width: 1em;    height: 1em;}
    footer .logo img {width: 110px;}
    #home-hero .pt-60 {padding-top: 30px;}
    .video-section .video-box {height: 200px;}
    .video-section .video-box-6 {height: 245px; width: 300px;}
    .video-section .video-box-8 {height: 170px;}
    .video-section .video-box-9 {height:200px;}
    .video-section .video-box-2 {height:200px;}
    .video-section.mb-60{margin-bottom: 20px !important;}
    .brd-right{border-left: 0;}
    .main-section img{width: 100%;}
    #success-stories h2.title {padding: 0 20px;}
    .testimonial .testimonial-caption-2 {width: 100%; padding-bottom: 150px;}
    .testimonial .testimonial-caption{width: 100%; padding-bottom: 150px;}
    .swiper-slide .sp-date {font-size: 12px;}
    .swiper-button-prev-home::after {width: 40px; height: 18px;  }
    .swiper-button-next-home::after {width: 40px; height: 18px;    }
    .swiper-nav-scroll {font-size: 12px; letter-spacing: 1.5px;}
    .slide-top { height: 250px; padding: 0 5px;       }
    .slide-bottom { height: 250px;  padding: 40px 5px 0 5px;      }
    #tm-line {padding: 25px 0;}
    #career ul.position {    display: none; border: 1px solid rgba(0, 0, 0, 0.25);    border-top: none;  padding: 10px;}
    .leadership-section .leadership-box {height: 170px;}
    #about-advisory-section{background-size: 100% 27%; padding: 50px 0 7px 0;}
    .t-box h2 {font-size: 12px; }
    .t-box p {font-size: 10px; line-height: 14px; }
    .t-date, .t-date-blue, .t-date-yellow {font-size: 16px;}
    .presenter-img {max-width: 100px !important; margin-right: 10px;}
    #number-section.home .brd-md-bot {border-bottom: 1px solid #25b0f0;}
    #use-cases .icon-box img{max-height: 36px;}
    .sm-dark-blue {color: #051f48 !important;}
    #advisiory-main .card {box-shadow: none !important; overflow: hidden; margin-bottom: 10px;}
    #advisiory-main .card-body {padding: 0 !important;}
    #advisiory-main .card h3 {margin-bottom: 8px;}
    #number-section.home {padding: 0px 0px 10px 0px;}

}

/* =================== Medium devices (tablets, 768px and up) =================== */
@media (min-width: 768px) { 
    .mt-md-60 {margin-top: 60px !important;}
    .mt-md-80 {margin-top: 80px !important;}
    
    .mb-md-70 {margin-bottom: 70px !important;}
    .mb-md-80 {margin-bottom: 80px !important;}
    
    .pb-md-70 {padding-bottom: 70px !important;}
    p{font-size: 16px; line-height: 28px;}
    h1{ font-size: 44px; line-height: 55px; font-weight: 300; letter-spacing: 1.32px;}
    h2.title {font-size: 36px; line-height: 50px; letter-spacing: 1.08px; font-weight: 300;}
    h2.red-title {font-size: 42px; line-height: 1.2; letter-spacing: 1.08px; font-weight: 600;}
    h2.lt-blue-title {font-size: 42px; line-height: 1.2; letter-spacing: 0.38px; color: #25b0f0; font-weight: normal;}
    h2.lt-blue-title-32 {font-size: 32px; line-height: 1.2; letter-spacing: 0.38px; color: #25b0f0; font-weight: normal;}
    h2.green-title {font-size: 42px; line-height: 1.2; letter-spacing: 1.08px; font-weight: 600;}
    h2.title-small {font-size: 32px; line-height: 44px; letter-spacing: 0.70px; color: #051f48; font-weight: 300;}
    h2.title-32 {font-size: 32px; line-height: 44px; letter-spacing: 0.70px; color: #051f48; font-weight: 300;}
    h2.title-28 {font-size: 28px; line-height: 1.29; letter-spacing: 0.70px; color: #051f48; font-weight: normal;}
    h2.heading-1 {font-size: 32px; line-height: 44px; letter-spacing: 0.96px; color: #051f48; font-weight: normal;}
    h4.title {font-family: 'Open Sans', sans-serif; font-size: 28px; line-height: normal; color: #051f48; font-weight: 300;}
    .pera-text {font-size: 18px; line-height: 28px;}
    .pera-text-16 {font-size: 18px; line-height: 28px;}
    .pera-text-20 {font-size: 20px; line-height: 32px;}
    .pera-text-24 {font-size: 24px; line-height: 36px;}
    .pera-blue-text-24 {font-size: 24px; line-height: 36px;}
    .btn-blue-large {  font-size: 16px; padding: 14px 18px 14px 18px; min-width: 183px;}
    .btn-blue-arrow {  font-size: 20px; padding: 14px 38px 14px 18px; min-width: 200px;}
    .btn-blue-arrow-small {  font-size: 16px; padding: 9px 42px 9px 25px; min-width: 183px;}
    .btn-yellow-large {  font-size: 16px; padding: 14px 18px 14px 18px; min-width: 183px;}
    .link-1{font-size: 14px; line-height: 16px; background: url("images/link_arrow.svg") no-repeat; background-position: right center;padding-right: 25px; transition: padding .2s ease-in-out;}
    .navbar{padding: 1.6rem 0;}
    footer{background-color: #ffffff; padding: 40px 0 0 0; color: #ffffff;}
    footer .footer-bottom{background-color: #ffffff; padding: 10px 0; margin-top: 20px}
    footer .footer-bottom p{font-size: 12px; color: #000000}
    footer.camp-3-footer .footer-bottom p{font-size: 18px; color: #ffffff}
    header .social-icon {    margin-left: 18px;    }
    .dropdown-menu .pad-1{padding: 17px 0px 20px 17px;}
    .dropdown-menu .pad-2{padding: 17px 17px 20px 0px;}
    #home-hero .hero-img-1 {/*background:url(images/home-hero.jpg) rgba(5, 31, 72, 0.72);
        background-size:cover; background-blend-mode: multiply; */min-height: 415px;}
    #inner-page-hero .about-us-bg{ background: url("images/about-hero.jpg"); background-position: center top;}
    #inner-page-hero .resource-bg{ background: url("images/resources-hero.jpg") rgba(5, 31, 72, 0.23); background-blend-mode: multiply; background-position: center top;}
    #inner-page-hero .pj-article-bg{ background: url("images/pj-article-hero.jpg") rgba(5, 31, 72, 0.23); background-blend-mode: multiply; background-position: center top;}
    
    #inner-page-hero .research-bg{ background: url("images/research-hero-img.jpg"); background-position: center top;}
    #inner-page-hero .contact-bg{ background: url("images/contact-hero-img.jpg") rgba(5, 31, 72, 0.59); background-blend-mode: multiply; background-position: center top;}
    #inner-page-hero .contact-bg-new{ background: url("images/contact-hero-img-new.jpg"); background-position: center top;}
    #inner-page-hero .leadership-bg{ background: url("images/leadership-hero.jpg") rgba(5, 31, 72, 0.23); background-blend-mode: multiply; background-position: center top;}
    #inner-page-hero .advisory-bg{ background: url("images/advisory-hero.jpg") rgba(5, 31, 72, 0.23); background-blend-mode: multiply; background-position: center top;}
    #inner-page-hero .covid-bg{ background: url("images/covid-hero-img.jpg") rgba(5, 31, 72, 0.23); background-blend-mode: multiply; background-position: center top;}
    #inner-page-hero .stt-bg{ background: url("images/stt-hero-img.jpg") rgba(5, 31, 72, 0.4); background-blend-mode: multiply; background-position: center top;}
    #inner-page-hero .use-cases-bg{ background: url("images/use-case-hero-img.jpg") ; background-position: center top;}
    #inner-page-hero .who-we-serve-bg{ background: url("images/who-hero-img.jpg") rgba(5, 31, 72, 0.4); background-blend-mode: multiply; background-position: center top;}
    #inner-page-hero .case-study-landing-bg{ background: url("images/case-study-landing-hero-img.jpg");  background-position: center top; background-size: cover;}
    #inner-page-hero .product-bg{ background: url("images/product-hero-img.jpg"); background-position: center top; background-size: cover;}
    #inner-page-hero .digital-trials-bg{ background: url("images/digital_trial_hero.jpg"); background-position: center top;}
    
    #inner-page-hero .consortiums-bg{ background: url("images/consortiums-hero-img.jpg") rgba(5, 31, 72, 0.4); background-blend-mode: multiply; background-position: center top;}
    #inner-page-hero .career-bg{ background: url("images/career-hero-img.jpg") rgba(5, 31, 72, 0.4); background-blend-mode: multiply; background-position: center top;}
    #inner-page-hero .bg-img{ min-height:415px; padding: 0px !important; background-size: cover;}
    #inner-page-hero .bg-img-2{ min-height:535px; padding: 0px !important; background-size: cover;}
    #inner-page-hero .bg-img-3{ min-height:315px; padding: 0px !important; }
    
    #home-hero h1{ font-size: 40px; line-height: 50px; margin-top: 20px; color: #051f48; font-weight: normal; letter-spacing: 1.26px;}
    #home-hero p{ font-size: 24px; line-height: 36px; color: #051f48; }
    #inner-page-hero h1.title{ font-size: 42px; line-height: 50px; letter-spacing: 1.26px; font-weight: normal; color: #ffffff; margin-top: 50px; margin-bottom: 35px;}
    #inner-page-hero h1.title-contact{ font-size: 42px; line-height: 50px; letter-spacing: 1.26px; font-weight: 300; color: #ffffff; margin-top: 50px; margin-bottom: 35px;}
    #inner-page-hero h1.title-64{ font-size: 64px; line-height: 56px; letter-spacing: 1.26px; font-weight: normal; color: #ffffff; margin-top: 60px; }
    #inner-page-hero h1.title-42{ font-size: 42px; line-height: 52px; margin-top: 80px;}
    #inner-page-hero p.pera-text-main {font-size: 24px; line-height: 36px; margin-bottom: 36px; color: #ffffff;}
    #inner-page-hero p.pera-text-white {font-size: 24px; line-height: 36px; margin-bottom: 36px; color: #ffffff;}
    #inner-page-hero p.pera-text-32 {font-size: 32px; line-height: 42px; margin-bottom: 36px; color: #ffffff;}
    .left-border {border-left: 1px solid #25b0f0; padding-left: 40px;}
    #inner-page-hero .left-border {margin-left: 28px; padding-left: 50px;}
    .left-border-3 {border-left: 1px solid #25b0f0; padding-left: 40px;}
    #free-trial{padding: 50px 0;}
	#digital-trial{padding: 50px 0;}
    #free-trial-2{padding: 60px 0;}
    #free-trial .box{padding: 0 100px 0 100px;}
	#digital-trial .box{padding: 0 100px 0 100px;}
    #key-section .white-box h2.title {font-size: 32px; line-height: 40px; letter-spacing: 1.08px;    color: #051f48;    font-weight: 300;}
    #power-tool .white-box h2.title {font-size: 32px; line-height: 40px; letter-spacing: 1.08px;    color: #051f48;    font-weight: 300;}
    #power-tool p{font-family: 'Open Sans', sans-serif; font-size: 18px; color: #000000; line-height: 28px;}
    #gain-section .white-box { background: #ffffff; padding: 40px; margin: 90px 0 0 0; }
    #gain-section .white-box h2.title {font-size: 32px; line-height: 40px; letter-spacing: 1.08px;    color: #051f48;    font-weight: 300;}
    
    #key-section .white-box { background: #ffffff; padding: 40px; margin: 38px 0 0 0; }
    #power-tool .white-box { background: #ffffff; padding: 40px; margin: 50px 0 0 0; }
    #number-section {background-color: #051f48; padding: 45px 0px 40px 0px;}
    #number-section .card{box-shadow: none;  background-color: transparent;  border: 0; border-radius: 0; min-height: 175px;}
    #number-section .card .card-body{padding: 33px 11px;}
    #number-section .card .card-title { font-size: 16px; font-weight: 600; text-transform: uppercase; color: #25b0f0; margin-top:17px;}
    #number-section .card .card-text { font-size: 66px; color: #ffffff; line-height: normal; margin-bottom: 5px; font-weight: 300;}
    #use-cases .left-border-2 {border-left: 1px solid #25b0f0; padding-left: 50px;}
    #use-cases .icon-box {width: 100px; height: 68px; text-align: center; flex-shrink: 0!important; margin-right: 0;}
    
    #success-stories {padding: 62px 0 60px 0; }
    #digital-section .white-box h2.title {font-size: 32px; line-height: 40px; font-weight: 300;}
    #digital-section .white-box { background: #ffffff; padding: 40px; margin: 38px 0 0 0; }
    #your-side-section .white-box { background: #ffffff; padding: 40px; margin: 40px 0 0 0; }
    #your-side-section .white-box h2.title {font-size: 32px; line-height: 40px; font-weight: 300;}
    .swiper-slide .card-title{ font-size: 14px; font-weight: 600; letter-spacing: 2.4px;}
    .swiper-slide .card-text { font-size: 20px; }
    .myswiper .swiper-slide {padding: 15px}
    #collaboration .swiper-slide {padding: 10px}

    .swiper-slide .card.digital .card-title{ font-size: 20px; font-weight: 600; letter-spacing: 2px;}
    .swiper-slide .card.digital .card-text { font-size: 20px; }

    .digital-box .card-title{ font-size: 20px; font-weight: 600; letter-spacing: 2px;}
    .digital-box .card-text { font-size: 20px; }
    
    #case-study-content h3 { font-size: 28px; font-weight: normal; }
    #value-section #circle-icon .circle-box span{font-size: 20px;}
    #advisiory-main .card h3 {font-size: 24px; color: #051f48; margin-bottom: 20px; font-weight: normal;}
    #advisiory-main .clinical {height: 285px;}
    #join-vibrent .white-box { background: #ffffff; padding: 50px 40px 70px 40px; margin: 40px 0px 40px 0; }
    #celebrating-section .white-box { background: #ffffff; padding: 40px; margin: 40px 0 40px 0; }
    #learning-section .white-box { background: #ffffff; padding: 40px; margin: 40px 0 40px 0; }
    #employee-section .white-box { background: #ffffff; padding: 40px; margin: 40px 0 40px 0; }
    #vibrent-cares {padding: 62px 15px;}
    .careSwiper .swiper-slide{padding: 38px 70px;}
    
    .testimonial .des-text{font-size: 28px; line-height: 40px; font-weight: 300; color: #051f48; }
    .testimonial .cust{font-size: 16px; font-weight: 600; margin-top: 20px; color: #25b0f0; letter-spacing: 1.5px;}
    .testimonial p.cust span{display: block; font-size: 16px;}
    .testi-border-padding {padding: 35px !important;}
    
    
    #career .clickr {    display: none;}
    #career ul.position::before {content: ""; display: block; height: 15px; width: 100%; position: relative; top: -12px; background-color: #051f48;}
    #career ul.position{margin-top: 63px;}
    
    #campaign-3 .bg-img {background-image: url(images/campaign-hero-bg-3-mobile.jpg); background-size: cover; background-repeat: no-repeat; height: 400px; margin-bottom: 15px;}
    #campaign-4 .bg-img {background-image: url(images/campaign-4-hero-bg-mobile.jpg); background-size: cover; background-repeat: no-repeat; height: 400px; margin-bottom: 15px;}
    #camp-4-main p.presenter {font-size: 20px; color: #000000; line-height: 1.4;}
    #campaign-5 .bg-img {background-image: url(images/campaign-5-hero-bg-mobile.jpg); background-size: cover; background-repeat: no-repeat; height: 400px; margin-bottom: 15px;}
    #camp-5-main p.presenter {font-size: 20px; color: #000000; line-height: 1.4;}

    
    
    
    
    

}

/* =================== Large devices (desktops, 992px and up) =================== */
@media (min-width: 992px) { 
    .navbar-brand{margin-right: 0px;}
    .megamenu h2.title {font-size: 41px; line-height: 43px;}
    footer .pad-right {padding-right: 86px;}
	.modal-lg, .modal-xl {    max-width: 960px;    }												
    
}

@media (max-width: 992px) { 
    
    #number-section .brd-md-bot {border-bottom: 1px solid #ffffff;}
}

/* =================== Extra large devices (large desktops, 1200px and up) =================== */
@media (min-width: 1200px) { 
    .slick-slide {    margin: 0px 40px;}
    .navbar-light .navbar-nav ul.dropdown-menu .nav-link {width: 50%; padding-right: 10px !important;}
    .navbar-light .navbar-nav ul.dropdown-menu .flex-xl-column .nav-link {width: 100% !important; padding-right: 10px !important;}
    .procut_nav_logo { height: 65px; display: block;}
    #home-hero {margin-bottom: 0; min-height: 415px;}
    .video-header {margin-top: -64px; z-index: 99; position: relative;}
    .video-header-2 {margin-top: 0; z-index: 99; position: relative;}
    #inner-page-hero h1.title{ margin-top: 80px;}
    #inner-page-hero h1.title-contact{ margin-top: 115px;}
	#inner-page-hero .pj-article-bg h1{margin-top: 162px;}													  
    #inner-page-hero .inner-img{text-align: right; padding-top: 0;}
    #inner-page-hero .inner-img img{max-width: 697px; text-align: right; position: relative; bottom: -40px;}
    .container { max-width: 1210px; }
    .fluid-margin {padding: 0 30px;}
    #free-trial .px-30{padding: 0px 29px;}
    #free-trial .mt-lg-65 {margin-top: -65px;}
    #free-trial .mt-lg-25 {margin-top: -25px;}
	
	#digital-trial .px-30{padding: 0px 29px;}
    #digital-trial .mt-lg-65 {margin-top: -65px;}
    #digital-trial .mt-lg-25 {margin-top: -25px;}
    
    #free-trial-2 .px-30{padding: 0px 29px;}
    #free-trial-2 .mt-lg-65 {margin-top: -65px;}
    #free-trial-2 .mt-lg-25 {margin-top: -25px;}
    
    #power-tool.section-bot-margin2 {margin-bottom: 192px;}
    .navbar-expand-xl .navbar-nav .nav-link{padding-right: 1.5rem; padding-left: 1.5rem;}
    .navbar-nav .small{width: 360px; background-color: #ffffff;}
    .navbar-nav .medium{width: 615px; background-color: #ffffff;}
    .navbar-nav .large{width: 975px; background-color: #ffffff;}
    .dropdown-menu .brd-left{ border-right: 1px solid #25b0f0;}
    .dropdown-menu .brd-left-small{ border-left: 0px solid #25b0f0;}
    .dropdown-menu .brd-left-medium{ border-left: 0px solid #25b0f0; margin-top: 10px; min-height: 200px;}
    .dropdown-menu .brd-left-large{ border-left: 0px solid #25b0f0;  margin-top: 10px; min-height: 340px;}
    .dropdown-menu .brd-right{ border-right: 1px solid #25b0f0;}
    
    /*top navigation
    .dropdown:hover>.dropdown-menu {display: block; }
    .dropdown:hover>.dropdown-toggle:after {  transform: rotate(180deg); }*/
    .megamenu {padding-top: 10px; }
    
    
    /*#filter ul li:nth-child(5){border-right:0;}*/
	#filter .card .card-body .social-box{right: 0px;}												 
    #filter .col-lg-4 {padding-right: 5px; padding-left: 5px;}
	#filter .col-md-12{padding-right: 5px; padding-left: 5px;}														  
	#filter .card-pj .col-md-4{padding-right: 14px;}												
    
    .search_border .inupt_box{font-size: 22px;}
    .pad-small {padding-left: 5px; padding-right: 5px;}
    #need-help p.help-pera {margin-left:90px; margin-right: 90px;}
    .about-advisory-section .col-lg-3{ padding-left: 1px; padding-right: 1px;}
    .about-advisory-section .mb-40{margin-bottom: 2px;}
    #reconstructing-box .col-lg-3{padding-left: 1px; padding-right: 1px;}
    .pr-lg-150 {padding-right: 150px;}
    .campaign-video{position: absolute; width: 539px; top: 70px; margin-left: 100px;}
    #number-section.bg-white .card .card-body{padding: 0px !important;}
    #number-section.bg-white .col-xl-3 {padding: 0px !important;}
    
    #power-tool .left-img{margin-top: 30px;}
    #achive-box .left-border {margin: 96px 144px 96px 53px;}
    footer .logo {padding-top: 97px;}
    #contact-form .pad-40{margin: 0px 80px;}
    #contact-form .pad-lg-left{padding-left:20px;}
    #contact-form .pad-lg-right{padding-right:20px;}
    #contact-form .form-group { margin-bottom: 34px;}
    #contact-form .last{ margin-bottom: 42px;}
    #contact-form .form-group .invalid-feedback{    position: absolute; top: 80px;}
    #vibrent-cares .box { padding: 10px;}
    #vibrent-cares .card{height:100%; }
    .main-section .col-md-4{max-width: 340px;} 
    .main-section .card{max-width: 340px;}
    #testimonial .test-bg {min-height: 618px;}
    .popover {max-width: 380px;}
    #use-cases .left-img {padding-top: 150px;}
    #use-cases .right-top-pad {padding-top: 100px;}
    #longitudinal .card-body {padding: 0px;}
    #longitudinal .card {margin-bottom: 0px;}
    
    #longitudinal #info {font-size: 32px; line-height: 44px; color: #6d7278; font-style: italic; padding-top: 150px;}
    .case-study-right-box {border-left: 1px solid #25b0f0; min-height: 645px; padding-left: 40px;}
    .case-study-right-box.small-border {border-left: 1px solid #25b0f0; min-height: 310px; padding-left: 40px;}
    #white-paper {min-height: 556px;}
    #white-paper .pr-120 {padding-right: 120px;}
    #white-paper #contact-form {position: absolute; bottom:-232px; margin-right: 20px;}
    #white-paper #contact-form .form-group {margin-bottom: 30px;}
    #lt-box .scroll-box {max-height: 70vh; overflow-y: scroll;}
    
    .modal.custom .modal-dialog {    width:30%;    position:fixed;    bottom:50px;    right:17px;    margin:0;    }
    .modal.custom #contact-form .form-group {    margin-bottom: 15px;}
    
    #screening-box .arrow::before{width: 19px; height: 38px; position: absolute; right: 0; content: ""; background-image: url(images/stt-arrow.svg); top: 41%;}
    
    #contact-us-top {margin-top: -64px;    z-index: 99;    position: relative;}
    .pt-lg-150 {padding-top: 150px !important;}
    
    /*=================== Campaign page ===================*/
    .camp-form {padding-top: 190px;}
    
    #campaign-3 { background-color: #051f48; padding: 100px 0; background-image: url(images/campaign-hero-bg-3.jpg); background-size: cover; min-height: 700px; background-position: center;}
    
    #campaign-3 h1 {font-size: 80px; line-height: 90px; }
    #campaign-3 p.description {font-size: 36px; line-height: 48px; color: #00abe9; background-color: #051f48; display: inline-block; padding: 16px 23px; margin-top: 40px;}
    #camp-3-main p{font-size: 24px; line-height: 36px; color: #4d4d4d;}
    #camp-3-form {margin-top: -118px; margin-bottom: 0;}
    #camp-3-form #contact-form h5 {font-size: 30px; color: #051f48;}
    #campaign-3 .bg-img {display: none;}
    
    #campaign-4 { background-color: #000000; padding: 110px 0; background-image: url(images/campaign-4-hero-bg.jpg); background-size: cover; min-height: 700px; background-position: center;}
    #campaign-4 h1 {font-size: 78px; line-height: 90px; }
    #campaign-4 h1.small {font-size: 72px; line-height: 82px; }
    #campaign-4 .bg-img {display: none;}
    #camp-4-main p{font-size: 24px; line-height: 1.5; color: #4d4d4d;}
    #camp-4-main p.red {font-size: 28px; color: #e9242e; font-weight: 600;}
    #camp-4-main p.gray-bold {font-size: 28px; color: #4d4d4d; font-weight: 600;}
    #camp-4-form {margin-top: -162px; margin-bottom: 0;}
    #camp-4-form.form-b {margin-top: -118px; margin-bottom: 0;}
    #camp-4-form #contact-form {background-color: #ffffff; padding: 40px; border: 3px solid #fcd035; }
    #camp-4-form #contact-form h5 {font-size: 27px; color: #4d4d4d;}
    #camp-4-form #contact-form .form-group {font-size: 16px;}
    
    #campaign-5 { background-color: #000000; padding: 110px 0; background-image: url(images/campaign-5-hero-bg.jpg); background-size: cover; min-height: 700px; background-position: center;}
    #campaign-5 h1 {font-size: 78px; line-height: 90px; }
    #campaign-5 h1.small {font-size: 72px; line-height: 82px; }
    #campaign-5 .bg-img {display: none;}
    #camp-5-main p{font-size: 24px; line-height: 1.5; color: #4d4d4d;}
    #camp-5-main p.green {font-size: 28px; color: #8bc481; font-weight: 600;}
    #camp-5-main p.gray-bold {font-size: 28px; color: #4d4d4d; font-weight: 600;}
    #camp-5-form {margin-top: -162px; margin-bottom: 0;}
    #camp-5-form.form-b {margin-top: -118px; margin-bottom: 0;}
    #camp-5-form #contact-form {background-color: #ce237f; padding: 40px; border: 3px solid #ce237f; }
    #camp-5-form #contact-form h5 {font-size: 27px;}
    #camp-5-form #contact-form .form-group {font-size: 16px;}
    
    .cs-content p.quote-name {margin-left: 39%; text-align: left;}
    .cs-content .quote-border {border: solid 1px #25b0f0; padding: 40px 40px;}
    
    
    
}

@media (max-width: 1199px) {
    header a.search {float: right;    margin-right: 20px;    margin-top: 20px;}
    #searchdiv {position: relative;}
}

/* =================== Extra Extra large devices (large desktops, 1200px and up) =================== */
@media (min-width: 1400px) { 
    .fluid-margin {padding: 0 7%;}
    
    
}
@media (min-width: 1900px) { 
    .fluid-margin {padding: 0 7%;}
    #lt-box .scroll-box {max-height: 70vh; overflow-y: scroll;}
    
}