/*=================== Global CSS ===================*/
html,body{
    margin: 0%; box-sizing: border-box; width: 100%;
    height: 100%; font-family: 'Open Sans', sans-serif;
    color: #000000;
    scroll-behavior: smooth;
}
::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: #218cbe;} a:hover { color: #218cbe; text-decoration: underline;}
h1{ font-family: 'Open Sans', sans-serif; font-size: 40px; line-height: 50px; color: #000000; font-weight: 400;}
.text-upper{ text-transform: uppercase;}
h2.title {font-family: 'Open Sans', sans-serif; font-size: 34px; line-height: 44px; color: #000000; }
.pera-text {font-family: 'Open Sans', sans-serif; font-size: 18px; color: #000000; line-height: 28px;}
.pera-text-main {font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 28px; color: #000000;}
.link-size-1{font-size: 20px; color: #218cbe;}
.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: #218CBE; border: 1px solid #218CBE; border-radius: 2px; padding: 6px 12px 6px 12px; min-width: 112px;
}
.btn-blue-small:hover{
    background-color: #218CBE; color: #ffffff;
}
.btn-blue-large {
    font-size: 16px; font-weight: 600; line-height: 20px; color: #218CBE; border: 2px solid #218CBE; border-radius: 2px; padding: 12px 18px 12px 18px; min-width: 150px
}
.btn-blue-large:hover{
    background-color: #218CBE; color: #ffffff;
}
ul.bullet-pera{
    margin: 0; padding: 0; list-style: none;
}
ul.bullet-pera li {margin-top: 20px;}
ul.bullet-pera li:nth-child(1) {margin-top: 20px;}
ul.bullet-pera li:nth-last-child(1){margin-top: 20px;}
ul.bullet-pera li img{margin-top: 2px; margin-left: 22px; position: absolute;}
ul.bullet-pera li p{ margin-left: 70px; line-height: 27px;}
p.heading{font-size: 20px; font-weight: normal;}
.sticky {  position: fixed !important;  top: 0;  width: 100%;    z-index: 9999;}
.translate {display: none;}
.section-bot-margin {margin-bottom: 100px;}
.section-bot-125 {margin-bottom: 100px;}
.section-bot-100 {margin-bottom: 100px;}
.section-top-padding {padding-top: 100px;}
.mt-20 {margin-top: 20px;}
.mb-20 {margin-bottom: 20px;}
.mt-40 {margin-top: 40px;}
.mb-40 {margin-bottom: 40px;}
.mb-80 {margin-bottom: 80px;}




/*=================== Top Header ===================*/
.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: 9999; }
header .top-head {
    color: #000000; font-size: 16px; text-align: right; padding: 21px 0;
}
header .top-head a{
    color: #000000; font-size: 16px; font-weight: 600; padding-top: 2px;
}
header .social-icon {
    font-size: 20px; color: #000000; margin-left: 10px;
}
header .social-icon i{font-size: 20px;}
header a.social-icon:hover{
    color: #218CBE;
    text-decoration: none;
}
header .top-head a.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;
}
header .top-head a.btn-green-small:hover{color: #ffffff}
header a.search {
    font-size: 14px; color: #000000;
    width: 15px;
    height: 14px;
    text-decoration: none;
    background-image: url(../images/search-icon.svg);
    background-repeat: no-repeat;
    background-position: left top;
    display: none;
    
}
header a.search:hover {
    background-image: url(../images/search-icon_h.svg);
}
header a.search img{
    margin-bottom: 1px;
}
.search_box_bg {
    background: #f5f5f5;
    padding: 10px 15px 15px 15px;
    transition: 0.5s;
}
.search_border {
    border-bottom: 1px solid #e6e6e6;
}

#searchdiv .btn-blue-small {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #218CBE;
    border: 1px solid #218CBE;
    border-radius: 2px;
    padding: 6px 12px 6px 12px;
    min-width: 70px;
}
#searchdiv .btn-blue-small:hover{color: #ffffff;}
#searchdiv .form-control{font-size: 18px; background-color: transparent; border-color: #979797; border-width: 0px 0px 1px 0px; border-radius: 0px; padding: .375rem 0rem; color: #5e595a; width: 315px;}

/*=================== Top Navigation ===================*/
.navbar-light .navbar-nav  .nav-item>.nav-link {font-size: 16px; font-weight: 600; text-transform: uppercase; color: #000000;}
.navbar-light .navbar-nav ul.dropdown-menu .nav-link { font-size: 14px; text-transform: uppercase; font-weight: 600;}
.navbar-light .navbar-nav .nav-link {color: #000000;}
.navbar-light .navbar-nav ul.dropdown-menu .nav-link:hover {font-weight: 800;}
.navbar-light .navbar-nav ul.dropdown-menu .nav-link.active{font-weight: 800;}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{border: 0; display: none;}
.navbar-light p.pera-text{font-size: 14px;}
.navbar{padding: .5rem 0;}
.dropdown-menu{padding: 0; border: 0; background-color: transparent; padding-top: 11px;}
.dropdown-toggle::after { 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: #218CBE; text-transform: uppercase;}
.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: 800; color: #000000;}
.navbar-nav .card{ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);  }
.pad-none{padding:0;}
.dropdown-menu .pad-1{padding: 20px;}
.dropdown-menu .pad-2{padding: 20px;}
.brd-right{border-left: solid 1px #e6e6e6;}
.megamenu h2.title {font-size: 26px; line-height: 30px;}


/*=================== Footer css ===================*/
footer{background-color: #f5f5f5; padding-top: 40px;}
footer h3{font-family: 'Open Sans', sans-serif; font-size: 14px; color: #515151; font-weight: 600;}
footer p{font-family: 'Open Sans', sans-serif; font-size: 12px; color: #515151; margin-bottom: 8px;}
footer p.social-icon{font-size: 20px;}
footer p.social-icon a{margin-right: 20px;}
footer a{color: #515151; } footer a:hover{text-decoration: none;}
footer .footer-bottom{background-color: #218cbe; padding: 10px 0; margin-top: 60px}
footer .footer-bottom p{font-size: 14px; color: #ffffff}
footer .footer-bottom a{color: #ffffff;}
footer .form-control{font-size: 12px; background-color: transparent; border-color: #979797; border-width: 0px 0px 1px 0px; border-radius: 0px; padding: .375rem 0rem; color: #5e595a;}



/*=================== Home page css ===================*/
#home-hero {
    background: rgb(33,140,190);
    background: -webkit-linear-gradient(bottom, rgba(33,140,190,0.05) 0%, rgba(216,216,216,0) 74%);
    background: -o-linear-gradient(bottom, rgba(33,140,190,0.05) 0%, rgba(216,216,216,0) 74%);
    background: linear-gradient(to top, rgba(33,140,190,0.05) 0%, rgba(216,216,216,0) 74%);
}
#home-hero h1{ font-size: 40px; line-height: 50px; margin-top: 40px; color: #000000; font-weight: 400;}
#home-hero p{ font-size: 18px; line-height: 28px; color: #000000; }
#video-section p{font-size: 18px; color: #000000; }
#power-tool.section-bot-margin2 {margin-bottom: 92px;}
#power-tool p{font-family: 'Open Sans', sans-serif; font-size: 18px; color: #000000; line-height: 28px;}
#number-section .number-icon{ max-width: 112px; max-height: 40px;}
#number-section .card{border: 1px solid #979797; border-radius: 0; min-height: 195px;}
#number-section .card .card-body{padding: 24px;}
#number-section .card .card-title { font-size: 16px; font-weight: 600; text-transform: uppercase; color: #000000; margin-top:17px;}
#number-section .card .card-text { font-size: 40px; color: #7ba83a; line-height: 40px; margin-bottom: 5px;}
#success-stories {background-color: #f5f5f5; padding: 43px 0 50px 0;}

/* Inner page hero */
#inner-page-hero h1.title{ margin-top: 56px; margin-bottom: 34px;}
#inner-page-hero p.pera-text-main {line-height: 30px; margin-bottom: 36px;}



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

#contact-us {margin: 100px 0;}
#contact-us h1.title {font-weight: 600;}
#contact-form .form-control {border: 1px solid #707070;}
#contact-form .custom-select {border: 1px solid #707070;}
#contact-form .custom-control-label::before {border: 1px solid #707070;}
#contact-form .form-group{font-size: 18px; color: #000000;}
#contact-form span.red{color: #c02000;}
#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: 60px;    padding: .5rem 1rem;    font-size: 18px;    line-height: 1.5;    border-radius: 5px; }
#contact-form .form-group .border-red{border: 1px solid #c02000 !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: 60px; font-size: 18px;}

/*  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 #707070; 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: #218cbe;background-color: #218cbe;}

#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;}
#guiding-section .guiding-box .box-img{height: 103px;}
#guiding-section .guiding-box .box-img img{max-height: 103px; max-width: 150px;}
#guiding-section .guiding-box h3{font-size: 24px; font-weight: bold; text-align: center;}
#guiding-section .guiding-box p{font-size: 18px; text-align: center;}
#vibrent-cares .box { padding-top: 10px; padding-bottom: 10px;}
#vibrent-cares .card {border: 1px solid #707070; border-radius: 0rem;}
#vibrent-cares .card-body{padding: 2rem;}
#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 {background-color: #f5f5f5; padding: 43px 0 50px 0;}
#our-partners .slick-dots {bottom: -45px;}

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

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

.main-section .card {  margin-bottom: 30px;  border: 0; }
.main-section .card .card-body{font-size: 18px; color: #000000; padding: 1.25rem 0;}

.main-section .card .card-header {  border: 0;  border-radius: 2px;  padding: 0; }
.main-section .card .card-header .btn:focus{box-shadow: none; }

.main-section .card .card-header .btn-header-link {  font-size: 24px; font-weight: bold;  color: #000000;  display: block;  text-align: left;  background: #ffffff;  padding: 0px; }
.main-section .card .card-header .btn-header-link span{display: block; font-size: 18px; font-weight: normal;}

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

.main-section .card .card-header .btn-header-link.collapsed {  background: #ffffff;}

.main-section .card .card-header .btn-header-link.collapsed:after {  content: "\f107"; font-size: 30px; font-weight: 900; }

.main-section .card .collapsing {  background: #ffffff;  line-height: 30px; }

.main-section .card .collapse {  border: 0; }

.main-section .card .collapse.show {  background: #ffffff;  line-height: 30px;  color: #000000; }
.main-section .card a.social-icon {
    color: #000000; font-size: 24px; font-weight: 600; padding-top: 2px; text-decoration: none; padding-right: 10px;
}
.main-section .card a.social-icon:hover{color: #218cbe }

/*=================== Who we serve page ===================*/
.text-space {letter-spacing: -1px;}
#achive-box h3{font-size: 24px; font-weight: bold; padding:22px 0 8px 0;}
#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 .desc-text{font-size: 30px; font-style: italic; }
#testimonial .customer{font-size: 24px; font-weight: bold; margin-left: 36px; margin-top: 39px;}
#testimonial p.customer span{display: block; font-size: 20px; font-weight: normal;}
#testimonial .carousel-indicators li{background-color: #040404;}

/*=================== Use Cases page ===================*/
.popover {box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.11); border: solid 1px #979797; border-radius: .1rem; max-width: 300px;}
.popover-header{padding: 1rem 0.75rem 0.5rem 0.75rem; background-color: transparent; border-bottom: 0; font-size: 20px;
    color: #000000; font-family: 'Open Sans', sans-serif;}
.popover-body{padding: 0rem .75rem .5rem .75rem; font-size: 16px; color: #000000;}

#use-cases #circle-icon .circle-box a.circle{ padding-top: 108px; margin: 0 auto;  
    font-size: 16px; font-weight: bold; text-align: center; display: block; background-repeat: no-repeat;  background-position:center top; text-decoration: none; text-transform: uppercase;}

#use-cases #circle-icon .circle-box{width: 150px; margin-bottom: 50px;}
#use-cases #circle-icon .circle-box a.blue-1{color: #218cbe; background-image: url(../images/case-icon-1.svg); }
#use-cases #circle-icon .circle-box a.blue-1:hover{background-image: url(../images/case-icon-1_h.svg);}
#use-cases #circle-icon .circle-box a.blue-1:focus{background-image: url(../images/case-icon-1_h.svg);}

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

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

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

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

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

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

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

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

#use-cases #circle-icon .circle-box a.green-10{color: #7ba83a; background-image: url(../images/case-icon-10.svg); }
#use-cases #circle-icon .circle-box a.green-10:hover{background-image: url(../images/case-icon-10_h.svg);}
#use-cases #circle-icon .circle-box a.green-10:focus{background-image: url(../images/case-icon-10_h.svg);}

#use-cases #circle-icon .circle-box a.green-11{color: #7ba83a; background-image: url(../images/case-icon-11.svg); }
#use-cases #circle-icon .circle-box a.green-11:hover{background-image: url(../images/case-icon-11_h.svg);}
#use-cases #circle-icon .circle-box a.green-11:focus{background-image: url(../images/case-icon-11_h.svg);}

#use-cases #circle-icon .circle-box a.green-12{color: #7ba83a; background-image: url(../images/case-icon-12.svg); }
#use-cases #circle-icon .circle-box a.green-12:hover{background-image: url(../images/case-icon-12_h.svg);}
#use-cases #circle-icon .circle-box a.green-12:focus{background-image: url(../images/case-icon-12_h.svg);}

#use-cases #circle-icon .circle-box a.green-13{color: #7ba83a; background-image: url(../images/case-icon-13.svg); }
#use-cases #circle-icon .circle-box a.green-13:hover{background-image: url(../images/case-icon-13_h.svg);}
#use-cases #circle-icon .circle-box a.green-13:focus{background-image: url(../images/case-icon-13_h.svg);}

#use-cases #circle-icon .circle-box a.green-14{color: #7ba83a; background-image: url(../images/case-icon-14.svg); }
#use-cases #circle-icon .circle-box a.green-14:hover{background-image: url(../images/case-icon-14_h.svg);}
#use-cases #circle-icon .circle-box a.green-14:focus{background-image: url(../images/case-icon-14_h.svg);}

#longitudinal{padding: 60px 0 88px 0; background-color: rgba(112, 112, 112, 0.05);}
#longitudinal h3.title{font-size: 24px; font-weight: bold;}
#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; }

/*=================== Coid Reserch page ===================*/

#covid-research #circle-icon .circle-box a.circle{ padding-top: 108px; margin: 0 auto;  
    font-size: 16px; font-weight: bold; text-align: center; display: block; background-repeat: no-repeat;  background-position:center top; text-decoration: none; text-transform: uppercase;}

#covid-research #circle-icon .circle-box{width: 150px; margin-bottom: 50px;}
#covid-research #circle-icon .circle-box a.blue-1{color: #218cbe; background-image: url(../images/coid-icon-1.svg); }
#covid-research #circle-icon .circle-box a.blue-1:hover{background-image: url(../images/coid-icon-1_h.svg);}
#covid-research #circle-icon .circle-box a.blue-1.active{background-image: url(../images/coid-icon-1_h.svg);}

#covid-research #circle-icon .circle-box a.blue-2{color: #218cbe; background-image: url(../images/coid-icon-2.svg); }
#covid-research #circle-icon .circle-box a.blue-2:hover{background-image: url(../images/coid-icon-2_h.svg);}
#covid-research #circle-icon .circle-box a.blue-2:focus{background-image: url(../images/coid-icon-2_h.svg);}

#covid-research #circle-icon .circle-box a.blue-3{color: #218cbe; background-image: url(../images/coid-icon-3.svg); }
#covid-research #circle-icon .circle-box a.blue-3:hover{background-image: url(../images/coid-icon-3_h.svg);}
#covid-research #circle-icon .circle-box a.blue-3:focus{background-image: url(../images/coid-icon-3_h.svg);}

#covid-research #circle-icon .circle-box a.blue-4{color: #218cbe; background-image: url(../images/coid-icon-4.svg); }
#covid-research #circle-icon .circle-box a.blue-4:hover{background-image: url(../images/coid-icon-4_h.svg);}
#covid-research #circle-icon .circle-box a.blue-4:focus{background-image: url(../images/coid-icon-4_h.svg);}

#covid-research #circle-icon .circle-box a.blue-5{color: #218cbe; background-image: url(../images/coid-icon-5.svg); }
#covid-research #circle-icon .circle-box a.blue-5:hover{background-image: url(../images/coid-icon-5_h.svg);}
#covid-research #circle-icon .circle-box a.blue-5:focus{background-image: url(../images/coid-icon-5_h.svg);}

#covid-research #circle-icon .circle-box a.blue-6{color: #218cbe; background-image: url(../images/coid-icon-6.svg); }
#covid-research #circle-icon .circle-box a.blue-6:hover{background-image: url(../images/coid-icon-6_h.svg);}
#covid-research #circle-icon .circle-box a.blue-6:focus{background-image: url(../images/coid-icon-6_h.svg);}

#covid-research #circle-icon .circle-box a.blue-7{color: #218cbe; background-image: url(../images/coid-icon-7.svg); }
#covid-research #circle-icon .circle-box a.blue-7:hover{background-image: url(../images/coid-icon-7_h.svg);}
#covid-research #circle-icon .circle-box a.blue-7:focus{background-image: url(../images/coid-icon-7_h.svg);}

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

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


/*=================== 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%;}
    #inner-page-hero .inner-img{padding: 0;}
}

/* =================== Medium devices (tablets, 768px and up) =================== */
@media (min-width: 768px) { 
    header .social-icon {    margin-left: 18px;    }
    .dropdown-menu .pad-1{padding: 17px 0px 20px 17px;}
    .dropdown-menu .pad-2{padding: 17px 17px 20px 0px;}

}

/* =================== Large devices (desktops, 992px and up) =================== */
@media (min-width: 992px) { 
    .navbar-brand{margin-right: 95px;}
    .megamenu h2.title {font-size: 41px; line-height: 43px;}
    #home-hero .home-hero-img { position: relative; top: 12px; right: -30px;  }
    #testimonial .desc-text{font-size: 25px; font-style: italic; }
    
}

@media (max-width: 992px) { 
    #home-hero .home-hero-img img {max-width: 100%; height: auto;}
    
}

/* =================== Extra large devices (large desktops, 1200px and up) =================== */
@media (min-width: 1200px) { 
    .container { max-width: 1210px; }
    .fluid-margin {padding: 0 30px;}
    
    .section-bot-margin {margin-bottom: 150px;}
    .section-bot-125 {margin-bottom: 125px;}
    .section-top-padding {padding-top: 150px;}
    #power-tool.section-bot-margin2 {margin-bottom: 192px;}
    
    .navbar-expand-xl .navbar-nav .nav-link{padding-right: 2rem; padding-left: 2rem;}
    .navbar-nav .small{min-width: 25.7rem;}
    .navbar-nav .medium{min-width: 26.6rem;}
    .navbar-nav .large{min-width: 30.5rem;}
    
    /*top navigation
    .dropdown:hover>.dropdown-menu {display: block; }
    .dropdown:hover>.dropdown-toggle:after {  transform: rotate(180deg); }*/
    .megamenu {padding-top: 10px; }
    
    #inner-page-hero .about-us-bg{ background: url("../images/about-hero.jpg");}
    #inner-page-hero .leadership-bg{ background: url("../images/about-hero.jpg");}
    #inner-page-hero .advisory-bg{ background: url("../images/about-hero.jpg");}
    #inner-page-hero .covid-bg{ background: url("../images/covid-hero-img.jpg");}
    #inner-page-hero .use-cases-bg{ background: url("../images/about-hero.jpg");}
    #inner-page-hero .who-we-serve-bg{ background: url("../images/who-hero-img.jpg");}
    #inner-page-hero .bg-img{ height:474px; padding: 0px !important; background-repeat: no-repeat; background-position: right top;}
    
    .search_border .inupt_box{font-size: 22px;}
    #home-hero{min-height: 600px; }
    #home-hero h1{margin-top: 120px;}
    .pad-small {padding-left: 5px; padding-right: 5px;}
    #need-help p.help-pera {margin-left:90px; margin-right: 90px;}
    .hero-img img { max-width: 505px; text-align: right;}
    .hero-img {text-align: right; padding-top: 0;}
    #about-lead-section .pad-left{ padding-left: 54px;}
    #power-tool .left-img{margin-top: 30px;}
    footer .logo {padding-top: 97px;}
    #contact-form .pad-40{margin: 0px 40px;}
    #contact-form .pad-lg-left{padding-left:50px;}
    #contact-form .pad-lg-right{padding-right:50px;}
    #contact-form .form-group { margin-bottom: 42px;}
    #contact-form .last{ margin-bottom: 42px;}
    #contact-form .form-group .invalid-feedback{    position: absolute; top: 100px;}
    #vibrent-cares .box { padding: 10px;}
    #vibrent-cares .card{height:410px;}
     .main-section .col-md-4{max-width: 340px;} 
    .main-section .card{max-width: 340px;}
    #achive-box .pad-right {padding-right: 48px;}
    #achive-box .pad-left {padding-left: 48px;}
    #achive-box .pad-x {padding-right: 32px; padding-left: 32px;}
    #achive-box p {min-height: 140px;}
    #testimonial .test-bg {min-height: 618px;}
    .popover {max-width: 490px;}
    #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;}
}

/* =================== Extra Extra large devices (large desktops, 1200px and up) =================== */
@media (min-width: 1400px) { 
    .fluid-margin {padding: 0 7%;}
}