/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/

.subnav-content .subMenuBox li a:hover,
.navbar-mobile i,
.mobile-sub-menu h4,
.mobile-sub-menu h6,
.mobile-submenu-list li a,
.list-grow li span i,
.subMenu h3,
.subMenuBox.blue-uppercase h3,
.navbar-summary h6 {
    color: #00A6E0 !important;
}

.brand-color-blue {
    color: #00A6E0 !important;

}

.navbar-summary-btn:hover {
    color: #fff !important;
}

.navbar a:hover,
.subnav:hover .subnavbtn,
.navbar a:hover,
.navbar .active,
.navbar li:hover>a,
.mobile-nav-toggle.bi-x {
    color: #F7981C;
}

/*--------------------------------------------------------------
# End of Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
.navbar,
.navbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.navbar ul,
.navbar a {
    display: flex;
}

.navbar ul,
.navbar a {
    align-items: center;
}

/* .navbar li {
  position: relative;
} */

#hide-mainmenu li {
    position: relative;
}

/*--------------------------------------------------------------
# End of General
--------------------------------------------------------------*/
.navbar a {
    justify-content: space-between;
    color: #FFFFFF;
    /*white-space: nowrap;*/
    transition: 0.3s;
}

.navbar .btn-secondary {
    padding: 15px 15px;
    margin-top: 0px !important;
    margin-left: 20px;
    box-shadow: none !important;
    border: 0px !important;
}

/*--------------------------------------------------------------
# DropDown Width & Position
--------------------------------------------------------------*/
.menu-w-18 {
    width: 18% !important;
}

.menu-w-20 {
    width: 20% !important;
}

.menu-w-22 {
    width: 22% !important;
}

.menu-w-23 {
    width: 23% !important;
}

.menu-w-25 {
    width: 25% !important;
}

.menu-w-28 {
    width: 28% !important;
}

.menu-w-30 {
    width: 30% !important;
}

.menu-w-31 {
    width: 31% !important;
}

.menu-w-35 {
    width: 35% !important;
}

.menu-w-50 {
    width: 50% !important;
}

.menu-w-43 {
    width: 43% !important;
}

.menu-w-40 {
    width: 40% !important;
}

.menu-w-47 {
    width: 47% !important;
}

.menu-w-55 {
    width: 55% !important;
}

.menu-w-60 {
    width: 60% !important;
}

.menu-w-65 {
    width: 65% !important;
}

.menu-w-70 {
    width: 70% !important;
}

.menu-w-75 {
    width: 75% !important;
}


.menu-w-80 {
    width: 80% !important;
}

.menu-w-85 {
    width: 85% !important;
}

.menu-w-90 {
    width: 90% !important;
}

.menu-w-95 {
    width: 95% !important;
}

.menu-w-96 {
    width: 96% !important;
}

.menu-w-97 {
    width: 97% !important;
}

.menu-w-98 {
    width: 98% !important;
}

.menu-w-99 {
    width: 99% !important;
}


.menu-w-100 {
    width: 100% !important;
}

.menu-w-106 {
    width: 106% !important;
}

.menu-w-115 {
    width: 115% !important;
}

.menu-w-120 {
    width: 120% !important;

}

.menu-w-69 {
    width: 69% !important;
}




.who-we-are-menu-container {
    left: calc(8% - 100px) !important;
}

.who-we-help-menu-container {
    left: calc(20% - 300px) !important;
}

.what-we-do-menu-container {
    left: calc(50% - 430px) !important;
}

.how-we-work-menu-container {
    left: calc(35% - 30px) !important;
}

.resources-menu-container {
    left: calc(55% - 30px) !important
}

.careers-menu-container {
    left: calc(65% - 20px) !important
}

/*--------------------------------------------------------------
# End of DropDown Width & Position
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# NavBar Summary
--------------------------------------------------------------*/

.navbar-summary,
.navbar-content {
    padding: 10px;
}

.navbar-summary {
    background: #f5f5f5;
}

.navbar-content {
    background: #ffffff;
}

.navbar-summary h6 {
    font-weight: 700;
    font-size: 1.2rem;
}

.navbar-summary p {
    font-size: 0.9rem;
}

.navbar-summary .img-fluid {
    padding-bottom: 1.5rem !important;
}

.navbar-summary-btn {
    padding: 15px 25px !important;
    margin-top: 0px !important;
}

/*--------------------------------------------------------------
# End of NavBar Summary
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Desktop DropDown Style
--------------------------------------------------------------*/
.list-grow li {
    padding: 0 10px 5px 10px;
    width: 100%;
    display: table !important;
    list-style: none;
}

.list-grow li:hover {
    background-color: #f5f5f5;
    cursor: pointer;
    width: 100%;
    z-index: 1;
}

.list-grow li:active,
.list-grow li:focus,
.list-grow li:hover {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
}

.list-grow li div {
    display: flex !important;
}

.list-grow li i {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    justify-content: center !important;
    margin-right: 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
}

.list-grow li div a img {
    width: 30px !important;
    margin-right: 8px;
    display: none;
}

ul.blue-uppercase .list-grow li div a img {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
}

.list-grow li i.d-line {
    margin-top: 10px;
}

.list-grow li a i {
    color: #a4a4a4;
    font-size: 0.9rem;
}

.list-grow li a {
    font-weight: 500 !important;
    padding-top: 5px;
    font-size: 12px !important;
    /*white-space: pre-line;*/
}

.list-grow li span i {
    position: absolute;
    right: 0px;
    top: 23%;
    z-index: 1;
    font-size: 20px;
    margin-right: -5px;
    display: none;
}

.subMenu {
    display: inline-flex !important;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 7px;
    padding-top: 7px;
    width: 100%;
}

ul.subMenuBox {
    margin-top: 10px !important;
}

.subMenuBox.blue-uppercase {
    margin-top: 0px !important;
}

.subMenuBox.blue-uppercase.border-btm {
    border-bottom: 1px solid #dee2e6;
}

.subMenuBox.blue-uppercase ul>li {
    border-bottom: 1px solid #dee2e6;
    width: 100% !important;
}

.subMenuBox.blue-uppercase ul>li:last-child {
    border: 0;
}

.subMenu h3,
.subMenuBox.blue-uppercase h3 {
    margin-bottom: 0rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    line-height: normal !important;
}

.subMenu h3 {
    padding-top: 8px;
    cursor: pointer;
}

.subMenu span {
    color: #a4a4a4;
    font-size: 0.9rem;
}

.subMenu.design-submenu {
    margin-top: 10px;
}

.subMenu img {
    margin-right: 5px;
    width: 30px;
    height: 30px;
}

.subMenuBox {
    cursor: pointer;
}

.subMenuBox ul {
    margin: 0;
    padding: 0;
    display: block !important;
    align-items: normal !important;
}

.subMenuBox li {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    /*border-bottom: 1px solid #dee2e6;
	margin-bottom:0.5rem !important;*/
}

.subnav {
    float: left;
    overflow: hidden;
}

.subnav .subnavbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #FFFFFF;
    /*white-space: nowrap;*/
    transition: 0.3s;
    background-color: inherit;
    border: 0px;
    cursor: pointer;
    font-size: 15px;
    margin: 8px 7px;
}

.navbars .contact-us {
    background: #F7981C;
    padding: 8px 20px;
    margin-left: 30px;
    border-radius: 4px;
    color: #fff;
}

.subnav-content {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #ffffff;
    box-shadow: 0px 3px 10px 0px rgb(53 109 151 / 40%);

}

.subnav-content a {
    float: left;
    color: #000000;
    text-decoration: none;
}

.subnav:hover .subnav-content {
    display: block;
}

.learn-more {
    width: 187px;
    height: 58px;
    color: #ffffff;
    margin-top: 20px;
}

.getting-started {
    margin-top: -2px;
}

/*--------------------------------------------------------------
# End of Desktop DropDown Style
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Icons
--------------------------------------------------------------*/
/**icon hover animations **/
.iconEmr {
    background: #e1f6ff;
    color: #0095ff;
}

.iconrecycle {
    background: #fff2f2;
    color: #f11f1f;
}

.iconDental {
    background: #ffe4e7;
    color: #e4364b;
}

.iconIntegration {
    background: #cffefa;
    color: #03c9ba;
}

.iconPract {
    background: #d8f2e2;
    color: #08b149;
}

.iconCompliance {
    background: #fff4ec;
    color: #af5b1a;
}

.iconTelehealth {
    background: #e2f6ff;
    color: #607d8b;
}

.iconPayments {
    background: #edfceb;
    color: #1ad90b;
}

.iconmobile {
    background: #e1ffe9;
    color: #0cba3a;
}

.iconMortgage {
    background: #ffe1f3;
    color: #f90096;
}

.iconRPA {
    background: #f4f2ff;
    color: #3c1ac8;
}

.iconLending {
    background: #d7e6ec;
    color: #2f5a6a;
}

.iconEducation {
    background: #f2ead8;
    color: #f1a800;
}

.iconLogistics {
    background: #e1f6ff;
    color: #0095ff;
}

.iconSports {
    background: #edfceb;
    color: #1ad90b;
}

.iconHospitality {
    display: table-cell !important;
    background: #ffecfb;
    color: #f70dc8;
}

.iconManufacturing {
    display: table-cell !important;
    background: #cffefa;
    color: #03c9ba;
}

/*--------------------------------------------------------------
# End of Icons
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
.mobile-nav-toggle {
    color: #FFFFFF;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

/* ::-webkit-scrollbar {
  display: none;
} */

.icon-box h6 {
    color: #a4a4a4;
    font-size: 0.75rem !important;
}

/*** Mobile Navigation icon */
.mobile-nav-toggle {
    color: #ffffff;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
    position: absolute;
    top: 15px;
    right: 15px;
}

.navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
}

.mobile-search {
    margin: 10px 35px;
}

@media (max-width: 1199px) {
    .mobile-nav-toggle {
        display: block !important;
    }

    .navbar ul {
        display: none;
    }
}

@media (max-width: 1100px) {
    #headerLogo {
        display: none !important;
    }

}

/**responsive **/

@media (max-width: 1349px) {
    /* #headerLogo {
    display: none !important;
  } */

}

@media (min-width: 1366px) {
    .navbar-mobile {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: block !important;
    }

    .navbar .subnav {
        display: none;
    }
}

@media (min-width: 1440px) and (max-width:1536px) {
    .subnavbtn {
        padding: 0 6px 0 6px !important;
        margin: 8px 4px !important;
    }

    .menu-w-large-82 {
        width: 96% !important;
    }

    .menu-w-large-100 {
        width: 112% !important;
    }

    .menu-w-large-55 {
        width: 55% !important;
    }
}

@media (min-width: 1537px) and (max-width:1920px) {
    .subnavbtn {
        padding: 0 10px 0 10px !important;
        margin: 8px 10px !important;
    }

    .menu-w-large-96 {
        width: 85% !important;
    }

    .menu-w-large-55 {
        width: 55% !important;
    }

}

/* On screens that are 1440px or up */
@media screen and (min-width: 1440px) {

    .subnav .subnavbtn,
    .pulse-button-label {
        font-size: 18px !important;
    }

    .subMenuBox.blue-uppercase h3,
    .subMenu h3,
    .list-grow li a {
        font-size: 14px !important;
    }

    .getting-started {
        margin-top: -2px !important;
    }

    .list-grow li a {
        white-space: normal;
    }

    .menu-w-large-18 {
        width: 18% !important
    }

    .menu-w-large-20 {
        width: 20% !important
    }

    .menu-w-large-22 {
        width: 22% !important
    }

    .menu-w-large-23 {
        width: 23% !important;
    }

    .menu-w-large-25 {
        width: 25% !important;
    }

    .menu-w-large-26 {
        width: 26% !important;
    }

    .menu-w-large-28 {
        width: 28% !important;
    }

    .menu-w-large-30 {
        width: 30% !important;
    }

    .menu-w-large-82 {
        width: 82%;
    }

    .menu-w-large-84 {
        width: 84% !important;

    }

    .menu-w-large-95 {
        width: 95% !important;
    }

    .menu-w-large-96 {
        width: 96% !important;
    }

    .menu-w-large-106 {
        width: 106% !important;
    }

    .menu-w-large-100 {
        width: 100% !important;
    }

    .menu-w-large-108 {
        width: 108% !important;
    }

    .menu-w-large-110 {
        width: 110% !important;
    }


    /* .subMenu.design-submenu {
    margin-top: 51px;
  } */



}

/*** New Dropdown size and position 24/02/2023 */

/* @media screen and (min-width: 1367px) {
  .how-we-work-menu-container {
    left: calc(25% - 50px) !important;
  }
} */
/* .resources-menu-container {
    left: calc(75% - 50px) !important;
  }
  .careers-menu-container {
    left: calc(80% - 30px) !important;
  } 

  .menu-w-15{
    width:15% !important
  }
  .menu-w-60{
    width: 60% !important;
  }
  .menu-w-35{
    width:35% !important
  }
  .menu-w-21{
    width: 21% !important;
  } 
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .who-we-are-menu-container{
    left:calc(45% - 330px) !important
  }
} */



/*** Mobile Navigation content */
.nav-mb {
    display: none;
}

.nav-mb.navbar-mobile {
    display: block;
}

.navbar-mobile ul li:first-child {
    margin-top: 10px;
}

/* Style for mobile submenus */
.who-we-are-mobile-menu>ul,
.who-we-help-mobile-menu>ul,
.what-we-do-mobile-menu>ul,
.how-we-work-mobile-menu>ul,
.resources-mobile-menu>ul,
.careers-mobile-menu>ul {
    display: none;
    padding-left: 15px;
}

#show-submenu {
    display: none;
}

.mobile-submenu:target {
    display: block;
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(1, 22, 61, 0.9);
    transition: 0.3s;
}

.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 75px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 10px 0;
    border-radius: 0px;
    background-color: #fff;
    overflow-y: auto;
    transition: 0.3s;
}

.navbar-mobile a {
    padding: 10px 0px 0 20px;
    color: #000000;
    margin-left: 15px;
    border-bottom: solid 1px #c1d5dc;
    box-shadow: 0 1px 0 white;
    width: 90%;
}

.navbar-mobile .submenu-icon {
    vertical-align: middle;
    position: absolute;
    top: 23%;
    margin-left: 40px;
    border-bottom: none !important;
    box-shadow: none !important;
    font-size: 20px;
    right: 56px;
}

.navbar-mobile .submenu-icon {
    color: #00A6E0 !important;


}

.mobile-sub-menu .li-last-child {
    border: none !important;
    box-shadow: none !important;
}

.mobile-submenu-list li a {
    text-transform: uppercase;
    font-size: calc(16px + (20 - 16) * ((100vw - 319px) / (1600 - 319)));
    font-weight: bold;
}

.back-to-list {
    color: #fff !important;
    margin-left: 10px !important;
    padding: 20px 0px !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 16px;
    margin-top: 25px;
}

.back-to-list:hover {
    color: orange;
}

.hide {
    display: none;
}

.mobile-sub-menu h6 {
    text-transform: uppercase;
    font-size: calc(16px + (20 - 16) * ((100vw - 319px) / (1600 - 319)));
    font-weight: bold;
    border: none;
    padding: 10px 0px 0px 35px;
    margin-bottom: 0px;
}

.mobile-sub-menu h4 {
    margin-top: 2rem;
    padding: 0px 35px !important;
    text-transform: uppercase !important;
}

.navbar-mobile a {
    padding: 10px 0px 10px 20px;
    color: #000000;
    margin-left: 15px;
    border-bottom: solid 1px #c1d5dc;
    box-shadow: 0 1px 0 white;
    width: 90%;
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: 0.3s;
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
/********************
 Re-Visit Styles 
*******************/
.navbar .dropdown ul {
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 30px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    border-radius: 4px;
}

.navbar .dropdown ul li {
    min-width: 200px;
}

.navbar .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    font-weight: 600;
}

.navbar .dropdown ul a i {
    font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
    color: #4154f1;
}

.navbar .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}

ul.subMenuBox.technologys {
    padding-left: 35px;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 5px;
    margin-top: 0 !important;
}