/*!
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.0.0
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;
}
::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: bold;} a: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;}
p{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 28px; color: #000000;}
h1{ font-family: 'Open Sans', sans-serif; font-size: 44px; line-height: 55px; color: #051f48; font-weight: 300; letter-spacing: 1.32px;}
.text-upper{ text-transform: uppercase;}
h2.title {font-family: 'Open Sans', sans-serif; font-size: 36px; line-height: 50px; letter-spacing: 1.08px; color: #051f48; font-weight: 300;}
h2.title-small {font-family: 'Open Sans', sans-serif; font-size: 32px; line-height: 44px; letter-spacing: 0.70px; color: #051f48; font-weight: 300;}
h2.title-30 {font-family: 'Open Sans', sans-serif; font-size: 30px; line-height: 42px; color: #051f48; font-weight: 400;}
h3 {font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: normal; color: #000000; font-weight: 600;}
.pera-text {font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000000; line-height: 28px; word-break: break-word;}
.pera-text-20 {font-family: 'Open Sans', sans-serif; font-size: 20px; color: #000000; line-height: 32px;}
.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: 16px; font-weight: normal; 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;}
.link-1:hover{padding-right: 32px; text-decoration: none;}
.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: 16px; font-weight: 600; line-height: 20px; color: #ffffff; background-color: #25b0f0; border-radius: 0px; padding: 14px 18px 14px 18px; min-width: 183px; text-transform: uppercase;
}
.btn-blue-large:hover{    background-color: #218bbc; color: #ffffff;}
.btn-yellow-large {
    font-size: 16px; font-weight: 600; line-height: 20px; color: #ffffff; background-color: #eb9721; border-radius: 0px; padding: 14px 18px 14px 18px; min-width: 150px; 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; }
.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;}
.mb-20 {margin-bottom: 20px;}
.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-60 {margin-bottom: 60px;}
.mt-75 {margin-top: 75px;}
.mt-80 {margin-top: 80px;}
.mb-80 {margin-bottom: 80px;}
.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{padding: 1.6rem 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: #051f48; padding-top: 40px; 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: #ffffff; font-weight: normal;}
footer p{font-family: 'Open Sans', sans-serif; font-size: 12px; color: #ffffff; margin-bottom: 8px; line-height: 22px;}
footer p.social-icon{font-size: 20px;}
footer p.social-icon a{margin-right: 20px;}
footer p a{font-weight: normal;}
footer a{color: #ffffff; } footer a:hover{text-decoration: none; color: #6ec1e7;}
footer .footer-bottom{background-color: #051f48; padding: 10px 0; margin-top: 20px}
footer .footer-bottom p{font-size: 12px; color: #ffffff}
footer .footer-bottom a{color: #ffffff;}
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: #ffffff;}
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: #ffffff !important;}
footer .form-control:focus { color: #ffffff; background-color: #051f48; border-color: #ffffff; outline: 0; 
    box-shadow:none; }



/*=================== Home page css ===================*/
#home-hero {
    margin-bottom: -23px;
}
#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: 680px;}
#home-hero .left-arrow {background-image: url(images/arrow_hero.svg); background-repeat: no-repeat; background-position: left top; margin-top: 112px; min-height: 480px;}

#home-hero .carousel-content {position: absolute;  top: 0px; z-index: 1;}
#home-hero h1{ font-size: 48px; line-height: 68px; margin-top: 20px; color: #ffffff; font-weight: 300;}
#home-hero h6{ font-size: 16px; color: #25b0f0; font-weight: 600; letter-spacing: 2.4px;}
#home-hero p{ font-size: 18px; line-height: 28px; color: #ffffff; }
#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 .video-box {background:url(images/video-img.jpg) center top; background-size: cover; position: relative; height: 550px; 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-box-2 {background:url(images/research-video-img.jpg) center top; background-size: cover; position: relative; height: 550px; 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-2:hover, .video-section .video-box-3:hover, .video-section .video-box-4:hover, .video-section .video-box-5:hover {transform: scale(1.1);}
.left-border {border-left: 1px solid #25b0f0; padding-left: 40px;}
.left-border-2 {border-left: 1px solid #25b0f0; padding-left: 50px;}
.icon-box {width: 100px; height: 68px; text-align: center; flex-shrink: 0!important;}
.video-border {border: solid 2px #ffffff !important;}

#power-tool{
background: linear-gradient(0deg, rgba(5, 31, 72, 0.25), rgba(5, 31, 72, 0.25)), url(images/power-img.jpg);background-size:cover;}
#power-tool .white-box { background: #ffffff; padding: 50px 40px 70px 40px; margin: 50px 0 0 0; }
#power-tool p{font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000000; line-height: 28px;}
#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 .brd-bot {border-bottom: 1px solid #ffffff;}
#number-section .card .card-body{padding: 33px;}
#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: 50px; color: #ffffff; line-height: normal; margin-bottom: 5px;}
#gain-section{
background: linear-gradient(0deg, rgba(5, 31, 72, 0.25), rgba(5, 31, 72, 0.25)), url(images/gain-img.jpg);background-size:cover;}
#gain-section .white-box { background: #ffffff; padding: 50px 35px 70px 40px; margin: 90px 0 0 0; }
#success-stories {padding: 62px 0 58px 0; margin-bottom: 58px; min-height: 425px;}
#success-stories h2.title  {max-width: 675px; margin: 0 auto;}
#success-stories .success-img {padding:34px 0 30px 0}
#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{background: linear-gradient(0deg, rgba(5, 31, 72, 0.25), rgba(5, 31, 72, 0.25)), url(images/your-side-img.jpg);background-size:cover; background-position: center top;}
#your-side-section .white-box { background: #ffffff; padding: 50px 40px 70px 40px; margin: 100px 0 100px 0; }

/* Inner page hero */
#inner-page-hero h1.title{ font-size: 40px; font-weight: 300; color: #ffffff; margin-top: 50px;}
#inner-page-hero p.pera-text-main {line-height: 32px; margin-bottom: 36px; font-size: 20px;}
#inner-page-hero .about-us-bg{ background: url("images/about-hero.jpg") rgba(5, 31, 72, 0.4); background-blend-mode: multiply; 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 .research-bg{ background: url("images/research-hero-img.jpg") rgba(5, 31, 72, 0.44); background-blend-mode: multiply; 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 .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 .use-cases-bg{ background: url("images/use-case-hero-img.jpg") rgba(5, 31, 72, 0.4); background-blend-mode: multiply; 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 .product-bg{ background: url("images/product-hero-img.jpg") rgba(5, 31, 72, 0.62); background-blend-mode: multiply; 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 .bg-img{ min-height:415px; padding: 0px !important; 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;
}
.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;
}
.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;}
/*.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;}

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

.swiper-slide .card-title{ font-size: 16px; text-transform: uppercase; color: #25b0f0; font-weight: 600;
    letter-spacing: 2.4px;}
.swiper-slide .card-text { font-size: 28px;  line-height: normal; overflow: hidden; text-overflow: ellipsis; 
    font-weight: 300; 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: #ffffff;}
.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: 95px 0;}
#free-trial .box{box-shadow: 0 0 16px 8px rgba(0, 0, 0, 0.08);  background-color: #ffffff; padding: 40px;}
#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 .wpcf7 .ajax-loader {display: none;}



/*=================== Contact page css ===================*/

#contact-address{}

#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;}
#free-trial textarea::placeholder {  color: #d0d0d0 !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 { background-color: #051f48; padding: 75px 0px 10px 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: 20px; font-weight: 600; color: #fff; 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: 475px; cursor: pointer; transition: transform .2s ease-in-out; transform: scale(1);}
.leadership-section .leadership-box:hover {transform: scale(1.1);}

#about-advisory-section{background:url(images/about-advisiory.jpg) center top; background-blend-mode: multiply; background-size: 100% 60%; background-repeat: no-repeat; padding: 50px 0 65px 0;}
#about-advisory-section .white-bg {background-color: #ffffff;}

#join-vibrent{background:url(images/about-career.jpg) rgba(5, 31, 72, 0.24); background-blend-mode: multiply; background-size: cover; position: relative; background-position: center top; background-repeat: no-repeat;}
#join-vibrent .white-box { background: #ffffff; padding: 50px 40px 70px 40px; margin: 100px 50px 100px 0; }

#vibrent-cares {background:url(images/about-corporate.jpg) rgba(5, 31, 72, 0.34) center top; background-blend-mode: multiply; background-size: cover; background-position: center top; background-repeat: no-repeat; padding: 98px 15px;}

#vibrent-cares .box { padding-top: 10px; padding-bottom: 10px;}
#vibrent-cares .card {border: 0px; border-radius: 0rem; box-shadow: 0 2px 16px 8px rgba(0, 0, 0, 0.1);
  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: 2rem; text-align: center;}
.careSwiper .swiper-slide{padding: 50px 70px;}
#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: 10px 0 50px 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: 300px; 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: #3e0e33;}
#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; }

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

#advisiory-main .card {border: 0px solid #b6b8bb;; border-radius: 0; height: 285px; cursor: pointer; margin-bottom: 10px; overflow: hidden;}
#advisiory-main .card .card-body{padding: 20px 30px; z-index: 1;}
#advisiory-main .card h3 {font-size: 26px; color: #ffffff; margin-bottom: 20px; font-weight: 300;}
#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 top; 
    width: 100%; height: 285px; 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 top; 
    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 top; 

    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 top; 
    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-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 .customer{font-size: 16px; font-weight: 600; margin-top: 20px; color: #25b0f0; letter-spacing: 2px;}
.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;}

/*=================== 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: #051f48; 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 .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;}

/*=================== Reserch page =========================*/
#collaboration{ background: url("images/research-collaboration.jpg") rgba(5, 31, 72, 0.65); background-blend-mode: multiply; padding: 50px 0 35px 0; background-size: cover;}

#collaboration .swiper-slide .card-title {font-size: 24px; color: #051f48; font-weight: 300; 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-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;}

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


#use-cases #circle-icon .circle-box span{font-size: 16px; font-weight: 600; color: #fff; 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: #fff; 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 #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);} */




/*=================== 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; height: 390px; cursor: pointer; margin-bottom: 10px;}
#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: normal;}
#filter .card h5 {font-size: 14px; color: #051f48; text-transform: uppercase; margin-bottom: 15px; position: absolute;
    bottom: 0;}
#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 .logo {width: 250px; height: 80px; position: absolute;    bottom: 40px;}
#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;}



/*=================== 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: 28px; 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;}

/*=================== 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;}




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

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

}

@media (max-width: 575px) { 
    .brd-right{border-left: 0;}
    .main-section img{width: 100%;}
    #power-tool .white-box{margin: 20px;}
    #gain-section .white-box{margin: 20px;}
    #success-stories h2.title {padding: 0 20px;}
    #your-side-section .white-box {margin: 20px;}
    #join-vibrent .white-box{margin: 20px;}
    #success-stories .success-img {padding: 34px 15px 30px 15px;}
    #product h2.title {font-size: 32px;}
    .testimonial .testimonial-caption-2 {width: 100%; padding-bottom: 150px;}
    .testimonial .testimonial-caption{width: 100%; padding-bottom: 150px;}
    .swiper-slide .sp-date {font-size: 14px;}
}

/* =================== Medium devices (tablets, 768px and up) =================== */
@media (min-width: 768px) { 
    header .social-icon {    margin-left: 18px;    }
    #inner-page-hero h1.title{ font-size: 44px;}
    .dropdown-menu .pad-1{padding: 17px 0px 20px 17px;}
    .dropdown-menu .pad-2{padding: 17px 17px 20px 0px;}
    #number-section .card .card-text { font-size: 66px;}
    

}

/* =================== 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;}
    
}

@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) { 
    .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;}
    #home-hero {margin-bottom: 0; min-height: 680px;}
    #inner-page-hero h1.title{ margin-top: 100px;}
    #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;}
    #your-side-section img {position: relative; margin-top: -70px; left: 100px;}
    .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;}
    
    .section-bot-125 {margin-bottom: 125px;}
    #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{min-width: 30.5rem;}
    .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 .col-lg-4 {padding-right: 5px; padding-left: 5px;}
    
    .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;}
    #advisiory-main .col-lg-3 {padding-left: 1px; padding-right: 1px;}
    #reconstructing-box .col-lg-3{padding-left: 1px; padding-right: 1px;}
    
    #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;}
    #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: 400px; overflow-y: scroll;}
    
}

@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: 650px; overflow-y: scroll;}
    
}