/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/

.mainmenu-title {
  color: #000000;
  font-weight: 700;
}

.mainmenu-a {
  color: #000000;
  font-size: 13px;
  font-weight: 400;
}


.mainmenu-st {
  font-size: 10px;
  color: #777;
}

a.anchor {
    display: block;
    position: relative;
    top: -85px;
    visibility: hidden;
}

.product-box {
  background: #fafafa;
  border: 1px solid #ececec;
  border-radius: 4px;
  padding: 20px;
  cursor: pointer;
}
.product-box:hover {
  border: 1px solid #2ed4b6;
}

#logo img{
    max-height: 50px;
}

#apt-data{
    background-image: url(../img/img-apartment-data.png);
    background-size: auto 87%;
    background-repeat: no-repeat;
    background-position: 95%;
}

#dispatch{
    background-image: url(../img/img-route-dispatch.png);
    background-size: auto 69%;
    background-repeat: no-repeat;
    background-position: 8%;
}
#dispatch .col-md-7{   background-color: rgb(247 249 251 / 89%);}

#scanning{
    background-image: url(../img/img-scanning.jpg);
    background-size: auto 87%;
    background-repeat: no-repeat;
    background-position: 95%;
}

#scanning .col-md-7{ background-color: rgb(237 240 243 / 90%);}


@media(max-width:767px){
    #apt-data, #dispatch, #scanning{
    background-image: none;
}

}


#device{
    background-image: url(../img/img-device-bg.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right;
}

#thebar.heading-text.heading-section h2:before {
    margin: auto;
}

.bg-check{background-color: rgb(255 255 255 / 90%);}

.heading-text {
    margin-bottom: 0px;
}

section.third{background-color:#edf0f3;}

.footer-content {
    color: #fff;
    background-color: #36454F;
}
.footer-content h5, .footer-content h2, .footer-content p{color:#fff;}

.footer-content a.btn{    border-color: #ee4266;
    color: #fff;
    background-color: #ef4663;}

/* For opt-2 */

.third .bg-check{background-color: rgb(237 240 243 / 90%);}

.background-grey .bg-check{background-color: rgb(247 249 251 / 90%) !important}


/* end landing page style */

a {
    color: #ee4266;
}

.footer-content h5, .footer-content h2, .footer-content p, #main-atf h1, #main-atf h2, #main-atf p {
    color: #fff;
}

#main-atf{background-image:url(../img/img-header-bg.jpg); background-size: cover; background-position: right center;}
/*#trans-atf{background-image:url(../img/img-transport.jpg); background-size: cover; background-position: right center;}*/

@media all and (max-width:575px){.p-100 {
    padding: 26px !important;
}}

h1 {
    font-weight: 900;}
#mainMenu li a span {
    color: grey;
    display: inline-block;
    margin: 5px 10px;
    font-weight: 400;
}

img.icon {
    max-width: 50px;
    max-height: 43px;
    margin-top: 5px;
}

.icon img {
    max-width: 100%;
}

.icon img.icon {
    max-height: 36px;
    margin-top: 6px;
    max-width: 100%;
}
.icon i.large {
    width: 100px;
    font-size: 2em;
    margin-top: 11px;
}

.text-light a.btn.btn-outline {
    color: #fff!important;
    border: 2px solid #fff!important;
}
.text-light a.btn.btn-outline:hover {
    border-color: #ffb20f!important;
    background-color: #ffb20f!important;
}
.heading-text.heading-section h2 {
    position: relative;
    font-size: 34px;
    line-height: 43px;
    margin-bottom: 48px;
}

#footer .footer-content a:not(.btn):not(:hover) {
    color: #ffffff;
}

.light p{color: #000000;}

.bg-overlay {
    background: rgba(0, 0, 0, 1);
    opacity: .5;
}

@media (max-width: 1024px){
#header #logo > a img {
    max-height: 55px;
    padding-bottom: 6px;
    vertical-align: top;
}
}


section.upper-shadow::before {
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 45px;
    background: linear-gradient(180deg, rgb(0 0 0 / 11%) 0%, rgba(0,0,0,0) 100%);
    z-index: 9;
}

section.upper-shadow2::before {
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 45px;
    background: linear-gradient(180deg, rgb(0 0 0 / 33%) 0%, rgba(0,0,0,0) 100%);
    z-index: 9;
}

.counter {
    color: #fff;
    font-size: 50px;
        font-weight: 600;
    margin-top: 20px;
}

/*blog*/
div#rtb h2 {
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    color: #444444;
}

.post-date {
    background-color: #4ddac0!Important;
    border-radius: 999px;
    color: #fff!important;
    padding: 5px 10px!important;
}

.main-h3 {
  margin-bottom: 30px;
}

.main-bg-overlay {
  background: rgba(0, 0, 0, 0.69);
  opacity: .8;
}

.gartner-body-text p {
    font-weight: 300;
    color: #000000
}

.careers-bg-overlay {
  background: rgba(0, 0, 0, 0.59)
}

.careers-main {
  height: 80vh;
  background-image: url(/img/career_page_hero_image_1.jpg);
  background-size: cover;
  background-position: right center;
}

.careers-btn {
  background-color: #0b4bff !important;
  border-color: #0b4bff !important
}

@media(max-width:1500px){
  .careers-listing {
    height: 50vh !important;
  }
}

@media(max-width:500px){
  .careers-listing {
    height: 40vh !important;
  }
}

.award-header{
  margin-bottom: 30px !important;
}

.award-section {
  text-align: center;
  max-width: 900px !important;
}

.award-img-div {
  max-width: 350px;
  height: 120px;
  padding: 0 0 50px 0;
}

.award-img {
  max-width: 100%;
  max-height: 100%
}

.language-shell .comment {
  color: #ABB2BF;
}

.language-shell .strval {
  color: #98C379;
}

.language-shell .prival {
  color: #D19A66;
}

.language-shell .sysval {
  color: #C678DD;
}

.language-shell .attval {
  color: #E06B75;
}

.language-shell .linkval {
  color: #56B6C2;
}

/*Team's page begin*/

.teams-image-container {
  position: relative;
  padding: 15px;
  background: url('../img/teams-headshots.dots_1_50%.svg')
}

.teams-category{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 50px 0;
}

.teams-category-btn{
  width: 200px !important;
  background-color: #ffb20c !important;
  border: #ffb20c !important;
}

.teams-image-circle {
  width: 180px;
  height: 180px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
}

.teams-image-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.teams-image-tag {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
}

.teams-name{
  text-align: center;
  font-size: x-large;
  color: #ffb20c;
  padding: 10px 0 10px 0;
}

.teams-title{
  text-align: center;
  font-size: small;
}