.image-border-1-px { border:1px solid #999; box-sizing:border-box; }
.image-border-2-px { border:2px solid #999; box-sizing:border-box; }
.image-border-3-px { border:3px solid #999; box-sizing:border-box; }
.image-border-4-px { border:4px solid #999; box-sizing:border-box; }
.image-border-5-px { border:5px solid #999; box-sizing:border-box; }
/*Image position----*/
.postion-left-top{
    display:flex;
    align-items:flex-start;
    justify-content:left;
}
.postion-left-center{
    display:flex;
    align-items:center;
    justify-content:left;
}
.postion-left-bottom{
    display:flex;
    align-items:flex-end;
    justify-content:left;
}
.postion-center-top{
    display:flex;
    align-items:flex-start;
    justify-content:center;
}
.postion-center-center{
    display:flex;
    align-items:center;
    justify-content:center;
}
.postion-center-bottom{
    display:flex;
    align-items:flex-end;
    justify-content:center;
}
.postion-right-top{
    display:flex;
    align-items:flex-start;
    justify-content:right;
}

.postion-right-center{
    display:flex;
    align-items:center;
    justify-content:right;
}
.postion-right-bottom{
    display:flex;
    align-items:flex-end;
    justify-content:right;
}
.reverse-row-class{ flex-direction:row-reverse;}
.reverse-column-class{flex-direction: column-reverse;}

.table-link-wrapper a { text-decoration:none; color:#000000; padding: 10px 20px; border-radius: 5px;}
.table-link-wrapper a:hover{text-decoration:underline; color:#000000;}

.custom-block-title-wrapper{ font-weight:bold; margin-bottom:10px; margin-top:10px;}
.custom-block-subtitle-wrapper{font-style:italic; font-size:14px; margin-bottom:10px;}
.custom-block-teaser-wrapper{margin-bottom:10px;}


/* Blog overview CSS */
.row.equal-cols
    {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .row.equal-cols > [class*='col-']
    {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    .row.equal-cols > [class*='col-'] > *
    {
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
    }
    .row.equal-cols > [class*='col'] .blog-teaser-wrapper {
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      display: flex !important;
      flex: 1 1 auto !important;
      flex-direction: column !important;
      min-height:30px;
    }


.equal-cols a, .equal-cols a:hover{text-decoration:none; color:#000;}

.equal-cols div{box-sizing:border-box;}

.equal-cols a div{margin-bottom:10px;}

.blog-readmore-wrapper span{float:right;}

.blog-card {
    padding: 20px;
    margin-bottom: 20px;
    height: 100%;
  }
  /* .blog-card:hover {
    transform: translateY(-9px);
    box-shadow: 0 4px 8px rgba(0, 9, 0, 9.2);
  } */
  .blog-card .blog-title-wrapper {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .blog-card .blog-teaser-wrapper {
    color: #777;
  }


  /* New CSS starts here*/
.block_page_body .row{
   align-items: center;
}
.path-frontpage .banner-title-wrapper{
   display: none;
}

.accordion-button:focus{border-color:none !important;}

/* blogs disign css starts */
.quality, .community-mindset, .flexibility, .responsibilites{
    width: 50%;
}
.speed{
    width: 100%;
}
.arrow-img{
    width: 120%;
    margin-left: -50px;
}
.our-values-container-wrapper a, .our-values-container-wrapper a:hover{
    display: block !important ;
    text-decoration: none !important;
    color: #000 !important;
    font-size: 28px !important;
    white-space: nowrap !important;
}
.our-values-title{
    font-size: 36px;
}
.links-139-510-wrapper .card-title b{
  font-weight: bolder !important;
}
/* Timeline CSS starts here */
.timeline-design-01-container .row{justify-content: center;}
.timeline-design-01-container [class*='col-'] p{
       padding: 5px;
}
.timeline-span-100{
    width: 1px;
    height: 100px;
    background-color: grey;
    position: relative;
    left: 50%;
    color: gray;
    display: block;
    top: -26px;
}
.timeline-span-200{
    width: 1px;
    height: 200px;
    background-color: grey;
    position: relative;
    left: 50%;
    color: gray;
    display: block;
    top: -26px;
}
.timeline-design-01-container [class*='col-']:nth-child(even) .timeline-span{
    height: 200px;
}
.timeline-design-01-container hr {
    border-top: 1px solid #000000 !important;
}
.timeline-design-01-container .readmore-link{
    color: #000;
    text-decoration: none;
    line-height: 18px;
}
.readmore-link, .readmore-link:hover{
    color: #000;
    text-decoration: none;
}
/* Timeline CSS ends here */