@import url("shortcodes/counter.css");
@import url("shortcodes/countdown.css");
.theme-color{
  color: var(--bs-mega-blue);
}
 /*Our History */
 .our-history {
  padding-top: 50px;
 }
 .our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; }
 .our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background-color: #e6e6e6; left: 50%; margin-left: -0.5px; }
 .our-history .timeline > li { margin-bottom: 20px; position: relative; }
 .our-history .timeline > li:before,
 .our-history .timeline > li:after { content: " "; display: table; }
 .our-history .timeline > li:after { clear: both; }
 .our-history .timeline > li:before,
 .our-history .timeline > li:after { content: " "; display: table; }
 .our-history .timeline > li:after { clear: both;}
 .our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 15px 00px 25px 00px; position: relative; }
 .our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -25px; display: inline-block; width: 25px; height: 2px; background: #e6e6e6; content: " "; }
 .our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%;
   border:3px solid var(--bs-mega-blue); margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #fff; }
 .our-history .timeline > li.timeline-inverted > .timeline-panel {  float: right;}
 .our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -32px; right: auto; }
 .our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
  .our-history .timeline-body > p,
 .our-history .timeline-body > ul { margin-bottom: 0; }
 .our-history .timeline-body > p + p { margin-top: 5px; }
 .our-history .timeline > li { text-align: right;}
 .our-history .timeline > li.timeline-inverted { text-align: left;}
 .our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; }
 .our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: 0px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;}
 .our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;}
 .custom-parralex{
  padding: 50px 0;
  background:url("../images/megaimages/about-us/why-choose.jpg");
 } 

.about-us{
  padding: 50px 0;
}
.about-us h4{
  padding-top: 20px;
}
.blockquote-section{
  padding-top: 70px;
}
.blockquote-section .new-center{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blockquote-section .social-icons ul{
  list-style: none;
  padding-left: 0 !important;
  display: flex;
  padding: 10px 0;
}
.blockquote-section .social-icons ul li{
  margin-right: 15px;
}
.blockquote-section .social-icons ul li a{
  font-size: 20px;
  color: white;
}
.blockquote-section .social-icons ul li a:hover{
  color: var(--bs-mega-blue);
}
.padding{
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .our-history{
    overflow: hidden;
  }
  .new-center{
    padding-top: 20px;
  }
  .our-history .timeline::before{
    left: 40px;
  }
  .our-history .timeline > li > .timeline-badge{
    left: 41px;
  }
  .our-history .timeline > li > .timeline-badge p{
    margin-left: 40px;
  }
  .our-history .timeline > li.timeline-inverted .timeline-badge p{
    float: left;
    margin-right: 0;
    text-align: left;
  }
  .our-history .timeline > li > .timeline-panel{
    text-align: left;
    padding: 40px 20px 20px 75px;
    width: 100%;
  }
  .reverse-new{
      flex-direction: column-reverse !important;
  }
}