:root{
	--heading-color:#222627;
	--body-color:#616669;
	--accent-color:#067ccc;
	--accent-color2:#2BC8EB;
	--white-color:#ffffff;
	--white-bg:#ffffff;
	--accent-bg:#035092;
	--accent-bg2:#2BC8EB;
	--accent-bg3:#0256FE;
	--light-color:#ebf6fc;
	--light-color2:#E6EEFF;
	--light-color3:#F9F9F9;
	--light-color4:#D9D9D9;
	--light-color5:#838588;
	--dark-color1:#01194B;
	--dark-color2:#113866;
	--white-smoke:#F7F7F7
	}
.techin-footer-info-wraper::before{left: 30%;}
.techin-service-wrap3{border:1px solid #dcdcdc !important}
.techin-service-d-list-item div.inpara{margin-left:25px; margin-top:5px}
.techin-service-d-list-item strong div.inpara{display:inline; font-weight:normal; margin-left:0px}
.techin-service-d-sub-title div:first-child{padding-top:15px !important}
hr {width:100%; margin:20px 0; height:1px; border-top:1px dotted #000000;}
.bg-none{background:#ffffff !important}
.menu-style1 > ul > li.active > a{color:var(--accent-color2)}
.techin-iconbox-contact-icon i {background:#222627; padding:21px; color:#ffffff; font-size:35px; border-radius:10px; height:75px; width:75px; text-align:center}
.techin-iconbox-contact-data a{color:#ffffff}
.techin-footer-info-item a{color: var(--heading-color);}


body { margin: 0; }

.ticker-wrap {
  width: 95%;
  height: 40px !important;
  margin: 0 auto;
  padding:0;
  overflow: hidden;
  white-space: nowrap;
  background-color: #ffffff; 
  z-index:999999999;
}
.ticker {
  display: inline-block;
  width:100%;	
  margin-top: 5px;
  animation: marquee 20s linear infinite;
}
.item-collection-1 {
  position: relative;
  left: 0%;
  animation: swap 20s linear infinite;
}

.item {
  display: inline-block;
  padding: 0 1rem;
  font-size: 1rem;
  color: black;   
  font-weight: 400;
  font-family: sans-serif;
}

/* Transition */
@keyframes marquee {
  0% {
    transform: translateX(0)
  }
  100% {
    transform: translateX(-100%)
  }
}

@keyframes swap {
  0%, 50% {
    left: 0%;
  }
  50.01%,
  100% {
    left: 100%;
  }
}

/* home */
.hm .techin-section-title.center{max-width:1200px}
header.techin-header-section{padding:0px}
.techin-section-padding9.hm{padding-top:180px}

@media (max-width: 767px) {
  .techin-section-padding9.hm{padding-top:100px}
}

@media (max-width: 480px) {
  .techin-section-padding9.hm{padding-top:100px}
}
span.item a{font-weight: 500; animation: blink 1s step-start infinite;}

@keyframes blink {
  50% {
    opacity: 0;
  }
}