/* practies new css */
.top-banner {
  padding: 0 20px;   position: relative;  width: 100%;  height: 100%;  min-height: 150px;  max-height: 150px;  overflow: hidden;
  display: flex;  align-items: center;  justify-content: center;  color: #fff;  text-align: left;  font-size: 18px;  margin-bottom: 0;
  background: rgb(35,150,190);
background: linear-gradient(90deg, rgba(35,150,190,1) 20%, rgba(8,31,84,1) 85%);

}


.top-banner img {  width: 100%;  position: absolute;  top: 0;  bottom: 0;  right: 0;  left: 0;  object-fit: cover;  height: 100%;}

.registrationPopup {background: #fff;}
	.required-field-block input {background: none;}
.driving-changes h2 {font-size: 27px;}
    .driving-changes h3 {font-size: 21px;}
    .driving-changes ul li {background-position: left 4px;font-size: 13px;}
    .bghead {background: url(../Images/practices/bghead.png) no-repeat;background-size: 100%; color: #fff; padding: 20px; font-weight: bold; font-size: 18px; text-align: center; margin: 0 0 20px 0; }
    #demo3 .carousel-indicators {bottom: -46px;}
    #demo3 .carousel-indicators li {background-color:#fff !important; height: 18px; width: 18px;}
    .carousel-indicators li {background-color:#153043 !important;}
    .impact-stories-sec .box-3 {height: 375px !important; 
    
        -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.137);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.137);
  box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 7%);}
  .impact-stories-sec.blockchain .box-3 {height: 320px !important; }
  .wearables_head { background: url(../Images/practices/wearables_head.jpg) no-repeat; margin-bottom: 15px; background-size: 100%; color: #fff; padding: 20px; margin: 0 -15px;}
    .headBanBg { background: url(../Images/practices/headBanBg.jpg) no-repeat; margin-bottom: 15px; background-size: 100%; color: #fff; padding: 20px; margin: 0 -15px;}
    .nav-tabs.tabs-Custom .nav-link.active {
    color: #495057;    background-color: transparent; font-weight: 500;    border: none;    border-bottom: 2px solid #0056b3 !important;}
    .nav-tabs.tabs-Custom .nav-link { color: #13607B !important;}
    .nav-tabs.tabs-Custom .nav-link:hover {    border-color: transparent !important;}
    .nav-tabs.tabs-Custom .caseDownload {    background: #153043;    color: #fff !important;}
    .nav-tabs.tabs-Custom .caseDownload a {color: #fff !important;}
    .genomic_point {font-size:13px;}
    .genomic_point ol {  /*list-style-type:decimal-leading-zero;*/  list-style: none;  padding-left: 0px;  counter-reset: item;}
    .genomic_point ol>li {  display: table;  counter-increment: item;}
    .genomic_point ol>li:before {  display: table-cell;  padding: 0 0.5em 0 0;  content: counter(item) ".";  font-weight: bold;}

    .why_they {background: rgb(57,145,184);background: linear-gradient(45deg, rgba(57,145,184,1) 20%, rgba(17,45,111,1) 80%); padding: 15px; color: #fff;}
    .disc-li { padding-left: 20px; margin-bottom: 15px;}
    .disc-li li {  display: table;  list-style: disc; font-size: 14px;}
    .disc-li li::before {content: "\2022"; color: #fff;
  display: inline-block; width: 1em; font-size: 24px; line-height: 24px;
  margin-left: -1em;}

  .disc-li_dark { padding-left: 20px; margin-bottom: 15px;}
    .disc-li_dark li {  display: table;  list-style: disc; font-size: 14px;}
    .disc-li_dark li::before {content: "\2022"; color: rgb(26, 25, 25);
  display: inline-block; width: 1em; font-size: 24px; line-height: 24px;
  margin-left: -1em;}

  /*workshop Banner*/
.workshopBanner {
    background: rgb(35,217,161);
background: linear-gradient(45deg, rgba(35,217,161,1) 20%, rgba(17,45,111,1) 80%);
  display: inline-block;
  
}

.bannerred {
    background: rgb(17,45,111);
background: linear-gradient(90deg, rgba(17,45,111,1) 20%, rgba(227,36,59,1) 73%, rgba(231,36,58,1) 92%, rgba(17,45,111,1) 95%);
  display: inline-block;
  width: 79%;
  margin: 15px 8%;
}

.bannerLhs
{
  padding: 15px;
  /*display:  table-cell;*/
  color: #fff;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

.bannerLhs .inner {
  top: 50%;
  -webkit-transform: translateY(-15%);
  -ms-transform: translateY(-15%);
  transform: translateY(15%);
}

#pointerLhs {
  width: 100%;
  height: 108px;
  position: relative;
  background: #112D6F;
  color: #fff;
  padding: 25px 25px 25px 0px;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  display: table-cell;
  vertical-align: middle;
  right: -56px;
}

#pointerLhs span {
  font-size: 20px;
  font-weight: 700;
}

#pointerLhs:before {
  content: "";
  position: absolute;
  left: -53px;
  bottom: 0;
  width: 0;
  border-left: 53px solid #112D6F;
  border-top: 54px solid transparent;
  border-bottom: 54px solid transparent;
  height: 108px;transform: rotate(
180deg);
}

.workshopRhs {
  padding: 15px;
  /*display:  table-cell;*/
  color: #fff;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

.inner {
  top: 50%;
  -webkit-transform: translateY(-3%);
  -ms-transform: translateY(-3%);
  transform: translateY(3%);
}

.workshopRhs .btn-danger {
  padding: 14px;
}

#pointer {
  width: 100%;
  height: 108px;
  position: relative;
  background: #112D6F;
  color: #fff;
  padding: 25px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  display: table-cell;
  vertical-align: middle;
}

#pointer span {
  font-size: 16px;
  font-weight: 700;
}

#pointer:before {
  content: "";
  position: absolute;
  right: -57px;
  bottom: 0;
  width: 0;
  border-left: 57px solid #112D6F;
  border-top: 61px solid transparent;
  border-bottom: 63px solid transparent;
  height: 108px;
}

.impact-stories-sec .box-3 .btn-read-more, .latest-reports .box-3 .btn-read-more {font-size: 12px !important;}
/* --------- */
    .registrationPopup .form-control {font-size: 13px;height: calc(1.2em + .75rem + 2px);
    padding: .175rem .75rem;}
    .dashboard_fix_navigation {
    /* position: fixed; */
    background: #fff;
    z-index: 9;
    margin-top: -4px; 
    /* flex: 0 0 74%;
    max-width: 74%; */
}

#dashboard-top-menu .navigation {
    border-bottom: 1px solid #dcdcdc;
    display: flex;
    padding-bottom: 10px;
    padding-top: 10px;
}
#dashboard-top-menu .navigation a {
    border-right: 1px solid #dcdcdc;
    display: flex;
    align-items: center;
    padding: 0 10px;
    /* max-width: 20%; width: 20%; */
    text-decoration: none;
}

#dashboard-top-menu .navigation img.bg-img {
    filter: none;
    max-width: 30px;
}

.section-name {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    margin-bottom: 0;
    padding-left: 5px;
}
.lhs-contain { padding: 15px; position: relative;} 

.breadcrumb-tabs {
    background: #404040;
    color: #fff;
    min-height: 60px;
    clear: both;
    display: block;
    left: 0;
    right: 0;
    z-index: 99;
}
/* Bootstrap 4 text input with search icon */

.has-search .form-control {
    padding-left: 2.375rem;
    border-color: #404040; ;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.comparison-sec #first_company, .comparison-sec #second_company {
    border: 0;
    border-bottom: 2px solid #999;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    color: #404040;
}

.frequnet_comparison button {
    border: 1px solid #ccc;
    padding: 5px 10px;
    background: transparent; font-size: 13px;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.dataTables_info, .dataTables_paginate {font-size: 13px;}

.freemium_banner_1 {
    background-image: url(/images/companies/freemium_banner1.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
    padding-left: 35%;
}

.freemium_banner_2 {
    background-image: url(/images/companies/freemium_banner2.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}

    .fixedWrap {background: #f5f5f5; width: 100%; }
    

    .fixed {
	position: fixed;
	top: 0;
	z-index: 9999; background-color: #fff; left: 0;
    }
    #HIGH_GROWTH_MARKETS_chart {
      width: 100%;
      height: 400px
    }
    #potential_markets {
      width: 100%;
      height: 400px
    }
    #company_comparison {
      width: 100%;
      height: 400px
    }
    #wordcloudgraph {
    width: 100%;
    height: 500px;
    }
    #peer_and_market_mix {
     width: 100%;
     height: 500px;
    }
    #TRENDING_SEGMENTS {
     width: 100%;
     height: 500px;
    }
    #TRENDING_COMPETITORS {
     width: 100%;
     height: 500px;
    }
    .fixed_header {  margin: 0 -15px; }
    .registrationPopup {
        background: #298bad;     padding: 15px;
    right: 15px;       min-height: 305px;    max-width: 100%;    padding-bottom: 0 15px 15px 15px;    z-index: 9;        left: 75%;   }

    .requestfixed { top: 110px !important; position: fixed;}
    .registrationPopup h2 { padding: 10px; background-color: #13607b; color: #fff; text-transform: uppercase; margin: -15px -15px 15px -15px;}
    .top-btn { display: none !important;}

    .registrationPopup .form-control { background: transparent; border: none; border-bottom: 1px solid #404040; color: #fff !important; border-radius: 0;}
    .registrationPopup .input-group-text {border: none; border-bottom: 1px solid #404040; background: transparent; border-right: 1px solid #166682; width: 39px;}

    #companyRequest .form-control { color: #fff !important;}

    #companyRequest .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
#companyRequest .form-control option { color: #333;}

#companyRequest .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

#companyRequest .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.scroll-inner { height: 341px; display: block;overflow-y: scroll;
    overflow-x: hidden;}


/* Scrollbar Styling */
.scroll-inner::-webkit-scrollbar {
    width: 10px;
}
 
.scroll-inner::-webkit-scrollbar-track {
    background-color: #298bad;
    -webkit-border-radius: 7px;
    border-radius: 10px;
}

.scroll-inner::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 7px;
    background: #186f8d; 
}

.company-info  { font-size: 13px;}

.company-info ul {margin-bottom: 10px;}
.company-info ul li { list-style: disc;    padding: 0 0 0 5px;    margin: 0 0 0 20px;}
.mobFooter {display: none;}
#companyInfodiv {position: absolute; bottom: 0;    padding-right: 12px;}

.legends-box li {
    display: inline-block;    
    list-style: outside none none;
    margin-right: 15px;
}

.legend-label {
    font-weight: normal;
    line-height: 19px;
}

.legends-box input:checked+label div {
    background: #fff;
    margin-right: 3px;
}

.legends-box label div {
    border: 1px solid #298BAD;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    line-height: 13px;
    margin-right: 0px;
    text-align: center;
    width: 15px;
}

.legends-box input:checked+label .fa-check {
    opacity: 1;
}

.legends-box label .fa-check {
    font-size: 10px;
    opacity: 0;
    color: #298BAD;
    position: relative;
    top: -1px;
}

.legends-box {
        margin-bottom: 0 !important;
        margin-top:0 !important;
        padding-left: 30px !important;
    }
   .legends-box li{
        width: auto;
    }
  .legends-box li .legend-label{
        display: flex;
        width: 100%;
        justify-content: start;
        align-items: center;
       
    }

    .legends-box li .legend-label i {margin-right: 3px;}
   .legends-box li .legend-label .check-box-color {
        width: auto;
        border: 0;
    }
     .legends-box li .legend-label .check-box-color .checkbox-div {
        width: 15px;
    }
     .legends-box li .legend-label div.legends-box-text{
        width: 100%;
        text-align: left;
            border: 0;
        margin-left: 5px;
    }

.registrationPopup.tabcasestudy { background: #fff; color: #333;}
.registrationPopup.tabcasestudy i {color: #333;}
.registrationPopup.tabcasestudy .form-control {color: #333 !important;border-bottom: 1px solid #aaa; }
.registrationPopup.tabcasestudy li, .registrationPopup.tabcasestudy label { color: #aaa;}
.registrationPopup.tabcasestudy .scroll-inner {height: auto !important;overflow: auto !important; overflow-x: hidden !important;
    display: block;}

.registrationPopup.tabcasestudy .input-group-text {border-radius: 0px;border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;}

.testimonial-cust { background: rgba(255, 255, 255, 0.9); border: 1px solid #ccc; padding: 20px; color: #17375e;}
.text-uppercase { text-transform: uppercase !important;}
.c-org { color: #ffc026;}

blockquote {
  border-left: 5px solid #e6e5e3;
  margin: 0 10px;
  padding: 0.5em 15px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #ffc026;
    content: "\f10d";
    font-size: 2em;
    line-height: 0.1em;
    margin-right: 0.10em;
    vertical-align: -0.1em;
    font-family: 'FontAwesome';
}
blockquote p {
  display: inline;
}

.row-wise blockquote {
  border-left: 1px solid #e6e5e3;
  margin: 0 10px;
  padding: 0.5em 15px;
  quotes: "\201C""\201D""\2018""\2019";
}

.row-wise blockquote:before {
    color: #ffc026;
    content: "\f10d";
    font-size: 2em;
    line-height: 0.1em;
    margin-right: 0.10em;
    vertical-align: -0.1em;
    font-family: 'FontAwesome';
}




.row-wise blockquote p {
  display: inline;
}

.logo-client {  margin: 10px 0;}
   
.keyLHS {background-image: url(../Images/practices/keyLHS.jpg) ; background-position: left;
    background-repeat: no-repeat;
    background-size: cover; padding: 20px;}
.keyRHS {background-image: url(../Images/practices/keyRHS.jpg) ; background-position: left;
        background-repeat: no-repeat;
        background-size: cover; padding: 20px;}

.carousel-control-prev, .carousel-control-next {position: absolute;
    content: "";
    top: 50%;
    width: 40px;
    height: 40px;
    margin: 0;
    background-color: #333;
    border-radius: 50%;
    color: transparent;
    transition: all .3s ease;
    font-family: "font awesome 5 free";
    display: table;
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
    z-index: 2;
    border: 1px solid #ccc;
    opacity: .5;}

    .carousel-control-prev i, .carousel-control-next i{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: inherit;
    font-size: inherit;
    opacity: 1;
    color: #fff;
    content: "";}

    



@media(max-width:767px) {
    .nfont18 {font-size: 18px !important;}
    .cookieAlert {
        bottom: 70px !important;
    }
    .bannerred {width: 87% !important;     background: linear-gradient(
        90deg, rgba(17,45,111,1) 20%, rgba(227,36,59,1) 73%, rgba(231,36,58,1) 92%, #e7243a 95%) !important; }
        .bannerLhs { padding: 23px 15px;right: -88px;}
        #pointerLhs{right: -89px !important;}
    .headBanBg { background-size: cover !important; background-position: center !important;}
    .bannerred .text-md-left.font20.font-weight-bold {font-size: 18px !important;}
    .headBanBg h2 {font-size: 20px !important;}
    .bghead { background-size: cover !important;}
    .mpl15 { padding-left: 15px  !important;}
    .legends-box li { display: block !important; margin-bottom: 8px;}
    .legends-box.legends-box-mob {
    display: block !important;
    padding-left: 15px  !important;margin-bottom: 8px;
}
.mobfont14 { font-size: 14px;}
    #dashboard-top-menu .navigation {    max-width: 400px;    overflow: auto;}

    .mobTable {    max-width: 400px;    overflow: auto;}
    .requestfixed { display: block; position: inherit; margin-bottom: 150px;}
    .scroll-inner { height: auto;}
    .main-footer { display: none;}
    .mobFooter {
        z-index: 990;
        background-color: #153043;
        border-top: 1px solid #d6d9dd;
        border-bottom: 1px solid #d6d9dd;
        display: inline-block;
        width: 100%;
        position: fixed;
        bottom: 0
    }
    .mobFooter ul {
        list-style: none;
        padding: 0;
        margin: 0
    }
    .mobFooter ul>li {
    width: 15%;
    text-align: center;
}

    .mobFooter ul>li {
        float: left;
        border-right: 1px solid #d6d9dd
    }
    .mobFooter ul>li:last-child {
        border-right: none
    }
    .mobFooter ul>li>span {
        padding: 15px 0 15px 0;
        color: #abb0b5;
        font-family: Arial;
        font-size: 12px
    }
    .mobFooter ul>li>a {
        padding: 10px 10px;
        color: #fff;
        display: inline-block;
        text-align: center
    }
    .mobFooter ul>li>a:hover {
        background: #353744;
        color: #fff
    }
    .cookieAlert {
        bottom: 70px
    }
    .mobFooter ul>li.buyBtn {
    width: 70%;
    color: #153043;
    background-color: #f3bb1c;
    color: #153043;
    padding: 15px 5px;
    font-size: 13px;
    font-family: Arial;
    font-weight: 700;
    } 
    .mobtoggle{ width: 100%; margin-bottom: 10px;}

    .mobfont17 { font-size: 17px;}

   
}