/* GLOBAL CSS HERE */
* {
  margin: 0;
  padding: 0;
}
html {
  font-size: 62.5%;
  overflow-x: hidden;
}
body {
  font-size: 16px;
  font-family: "Spartan", sans-serif;
  overflow: auto;
}
img {
	border-style: none;
	height: 100%;
	width: 80%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
  padding: 0;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
a {
  text-decoration: none;
}

.btn-sty-1 {
	display: inline-block;
	background: #ed028c;
	padding: 12px 15px 10px;
	width: 230px;
	color: #fff;
	border-radius: 28px;
	text-align: center;
	font-size: 16px;
	-webkit-transition: 0.4s linear !important;
	-o-transition: 0.4s linear !important;
	transition: 0.4s linear !important;
	border: none;
  outline: none;
}
.btn-sty-1:hover {
  color: #000;
  background: #dadfdd;
  font-size: 16px;
  padding: 12px 15px 10px;
}
.btn-sty-1:first-child {
  margin-left: 0px;
}
.larg-btn {
  width: 290px;
  height: auto;
}
.menu_bar_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  row-gap: 15px;
}
.menu.menu_active ul {
  top: 100%;
  right: 0;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.mobile_header_are{
  display: none;
}
/*============================================================
		============    headaer area css    ============
============================================================*/
.header-area {
  background: #ffffff;
  position: relative;
}
.logo a img {
  height: 80px;
  width: auto;
}
.header-top-link {
  padding-top: 35px;
}
.header-top-link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-transform: translateY(3px);
      -ms-transform: translateY(3px);
          transform: translateY(3px);
}

.header-top-link ul li.header-t-items {
  margin: 0px 10px;
}
.header-top-link ul li.header-t-items:first-child {
  margin-right: 2rem;
}
.header-top-link ul li.header-t-items:last-child {
  margin-right: 0px;
}
.header-top-link ul li.header-t-items:not(:last-child) {
  margin-top: 15px;
}
.header-top-link ul li.header-t-items a.header-t-links {
  font-size: 16px;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header-top-link ul li.header-t-items a.header-t-links:hover {
  color: #ed028c;
}
.header-top-link ul li.header-t-items i {
  color: #0274b3;
  font-size: 40px;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.header-top-link ul li.header-t-items:hover i {
  color: #ed028c;
}
.header-menu .menu {
	padding: .5rem 0;
	margin-bottom: 10px;
}
.header-menu .menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header-menu .menu ul li.nav-items {
  position: relative;
  border-bottom: 3px transparent;
}
.header-menu .menu ul li.nav-items:after {
  position: absolute;
  content: "";
  width: 0;
  height: 3px;
  background: #00aeef;
  left: 0;
  bottom: -3px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.header-menu .menu ul li.nav-items:hover:after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.header-menu .menu ul li.nav-items a.nav-links {
	text-transform: unset;
	font-size: 13px;
	color: #ed028c;
	font-weight: 700;
	padding: 3px 0;
  display: block;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.header-tm-links{
  display: none !important;
}
/* MENU BAR AREA */
.menu_bars {
	height: 30px;
	width: 30px;
	position: relative;
	cursor: pointer;
	top: 25px;
}
.menu_bars span{
  height: 3px;
  width: 30px;
  background: #1c585f;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear;
}
.menu_bars span:nth-child(2){
  margin-top: 10px;
}
.menu_bars.open{
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear;
}
.menu_bars.open span:nth-child(1){
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: 10px;
}
.menu_bars.open span:nth-child(2){
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: 10px;
}
/* MENU BAR AREA */

/*============================================================
		============    Banner area Css    ============
============================================================*/

.banner-area {
	background: url(../images/herobanner.png) no-repeat scroll 100% 100% / cover;
	padding: 8rem 0 15rem;
}
.banner-content h1 {
	font-size: 56px;
	color: #ffff;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 10px 0px 5px #000000c2;
	letter-spacing: 2px;
	margin-left: 3.3rem;
	line-height: 1.4;
}
.banner-content h1 br{
  display: none;
}
/*============================================================
	============    business-activity-area    ============
============================================================*/
.business-activity-area {
  background: #fff;
}
.bus-act-padding {
  padding-top: 2rem;
}
.bus-act-heading h2,
.hero-content h2 {
  font-size: 34px;
  text-transform: uppercase;
  font-weight: 800;
  word-spacing: 2px;
  letter-spacing: 1px;
  color: #ed028c;
  line-height: 58px;
}
.bus-act-body p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
}
.provied-items,
.healthcare-items {
  margin-top: 1.5rem;
}

.provied-items h4,
.power-items h4,
.computer-sysemt-items h4,
.clocking-items h4,
.healthcare h4 {
  font-size: 20px;
  font-weight: 800;
}

.provied-items ul li,
.power-items ul li,
.display-items ul li,
.computer-sysemt-items ul li,
.clocking-items ul li {
  list-style: unset;
  margin-left: 4.5rem;
  font-size: 18px;
  font-weight: 600;
  margin-top: 4px;
}
.bus-act-body p.adir_group {
  margin-top: 2rem;
}
.img-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
/*============================================================
	============    Hero-area css    ============
============================================================*/
.hero-area {
  background: url(../images/herobanner-small.png) no-repeat scroll 0 0 / cover;
}
.hero-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero-content h2 {
  color: #fff;
  word-spacing: unset;
  letter-spacing: unset;
  padding-top: 1rem;
  font-weight: 800;
}

/*============================================================
	============    Hero-area css    ============
============================================================*/
.power-area,
.computer-system-area,
.healthcare-area {
  background: #ebebed;
}

.power-solution,
.display-solution,
.computer-system,
.clocking-time,
.healthcare {
  padding-top: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.power-content h3,
.display-content h3,
.computer-content h3,
.clocking-content h3,
.healthcare-content h3 {
  font-size: 32px;
  color: #ed028c;
  font-weight: 700;
  line-height: 46px;
  margin-bottom: 1rem;
}
.power-content p,
.display-content p,
.computer-content p,
.clocking-content p,
.healthcare-content p {
  font-size: 17px;
  font-weight: 600;
  line-height: 32px;
}
.power-items h4,
.computer-sysemt-items h4 {
  color: #ed028c;
  margin-top: 1.2rem;
  margin-bottom: 5px;
}
.power-items ul li,
.display-items ul li,
.computer-sysemt-items ul li,
.clocking-items ul li {
  margin-left: 3rem;
  line-height: 35px;
}
.button {
	margin: 4rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	row-gap: 2rem;
}

.power-image,
.display-image,
.computer-image,
.clocking-image {
  width: 100%;
  height: auto;
}
.power-image .img-items img,
.display-image .img-items img,
.computer-image .img-items img,
.clocking-image .img-items img {
  width: 80%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.size-short-img {
  width: 75%;
}
.power-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 50px;
  padding-top: 50px;
}

.display-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
}
.computer-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 100px;
  padding-top: 100px;
}
/* CONTACT AREA */
.contact_area {
	padding: 50px 0;
	display: none;
}
.contact_area h2 {
	font-size: 28px;
	font-weight: 700;
	color: #ed028c;
	padding-bottom: 15px;
	margin-bottom: 30px;
	position: relative;
}
.contact_area h2::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: -30px;
	width: 100px;
	height: 4px;
	background: #922a97;
}
.contact_box ul {
	padding-top: 30px;
}
.contact_box ul li:not(:last-child) {
	margin-bottom: 30px;
}
.contact_box ul li label{
  font-weight: 500;
  color: #000;
}
.contact_box ul li a {
	color: #222;
	display: inline-block;
	margin-left: 15px;
}
.contact_box .contact_socail i{
  font-size: 30px;
  color: #0274b3;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  display: block;
}
.contact_box .contact_socail i:hover{
  color: #ed028c;
}
/* CONTACT AREA */
/*============================================================
	============    Footer area css    ============
============================================================*/
.footer-are {
  background: #595959;
}
.footer-content {
  padding: 6rem 0 2rem;
}
.footer-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer-content ul li {
  margin-right: 5rem;
  position: relative;
  color: #fff;
  font-size: 15px;
}
.footer-content ul li a{
  color: #fff;
  -webkit-transition: .3s ease-in-out !important;
  -o-transition: .3s ease-in-out !important;
  transition: .3s ease-in-out !important;
}
.footer-content ul li:not(:last-child)::after {
  position: absolute;
  content: "|";
  margin-left: 2.5rem;
}

/*back-to-top*/
a.back_to_top {
	position: fixed;
  outline: none;
  display: none;
  right: 3rem;
	bottom: 2rem;
}
a.back_to_top i {
	font-size: 30px;
	color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
  line-height: 5rem;
	width: 5rem;
	height: 5rem;
	background: #e6007d;
  border-radius: 50%;
}
a.back_to_top:hover i{
  color: #21585d;
}