:root {
  --white: #fefefe !important;
  --purple: #ae25a6 !important;
  --secondary: #5d4f95 !important;
  --peach: #c79cc9 !important;
  --off-white: #dfd3e5 !important;
  --dark: #333333 !important;
  --light: #f8fafc !important;
}
.loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: url(../img/loader-1.gif) center no-repeat rgba(255, 255, 255, 0.5);
}
@keyframes l27 {
  100% {
    transform: rotate(1turn);
  }
}
.job_icon img {
  height: 100px !important;
}
.bcg-purple {
  background-color: var(--purple) !important;
}
.bcg-light {
  background-color: var(--light) !important;
}
.text-color-dark {
  color: var(--dark) !important;
}
.ht-box-icon.style-02 .icon-box-wrap .icon svg * {
  stroke: unset !important;
}
p {
  font-size: 16px !important;
  letter-spacing: normal;
}
.swiper-pagination .swiper-pagination-bullet:hover:before {
  background: var(--purple) !important;
}
.client_img img {
  height: 100px !important;
  /* width: 100px !important; */
  object-fit: contain;
}
.conact-us-wrap-one .heading::before {
  background-color: var(--purple) !important;
}
.card_title {
  width: 100%;
  text-align: left;
  color: var(--dark);
  padding: 10px 5px;
  position: relative;
  overflow-wrap: break-word;
  white-space: normal;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  border-radius: 5px;
  background: var(--white);
  text-decoration: none;
}
.infotechno-bg {
  background-color: var(--light) !important;
}
.ht-btn {
  background: var(--purple) !important;
}
.mobile-menu-overlay__inner,
.page-oppen-off-sidebar__inner,
.ht-box-images.style-01 .circle-arrow a,
.scroll-top {
  background-color: var(--purple) !important;
}
.infotechno-hero-text h6 {
  color: var(--purple) !important;
}
.about_mart .ht-box-icon.style-03 .icon-box-wrap .content-header .heading {
  color: var(--dark) !important;
}
.about_mart .ht-box-icon.style-03 .icon-box-wrap .content-header .icon {
  color: var(--peach);
}
.fs-20 {
  font-size: 20px !important;
}
.section-sub-title,
.text-color-purple {
  color: var(--purple) !important;
}
.navMenu > ul > li:hover > a span,
.navMenu > ul > li.active > a span {
  color: var(--purple) !important;
}

.stats .grid-item::after,
.stats .grid-item::before {
  width: unset !important;
  height: unset !important;
}
.stats .grid-item {
  width: 30% !important;
}
.stats {
  background-image: url(../img/home_bg.webp);
  background-repeat: no-repeat;
  background-position: right;
}
.service_2 .ht-large-box-images.style-04 .content {
  text-align: left !important;
}
.service_tab li a.active {
  color: var(--white) !important ;
  background-color: var(--purple);
  transition: all 0.4s ease-in;
  /* border-color: #ff0000 !important; */
}
.service_tab li a.active .nav-link:focus,
.nav-link:hover {
  color: var(--purple) !important;
}
.text-md {
  font-size: 18px;
  margin-bottom: 20px;
}
.contact-info-three .call-us a:hover {
  color: var(--secondary) !important;
}
.contact-info-three .location-text-button .button-icon::before {
  color: var(--purple);
}
.mob-nav .offcanvas-navigation ul li a {
  color: var(--dark) !important;
}
.preloader-active .preloader-area-wrap .spinner div {
  background-color: #d80893 !important;
}
.projects-wrap.style-01 .projects-image-box {
  height: calc(100% - 30px) !important;
}

.ht-social-networks.solid-rounded-icon .social-link:hover {
  background: var(--purple) !important;
  border: var(--purple) !important;
}
[class*="hint--"]:after {
  background: var(--purple) !important;
}
.hint--top:before {
  border-top-color: var(--purple) !important;
}

.footer-widget__list a:hover,
.hover-style-link:hover {
  color: var(--purple) !important;
}

.hover-style-link:hover:after {
  background-color: var(--purple) !important;
}

.active {
  color: var(--purple) !important;
}

.active-btn-bulky {
  background-color: var(--purple) !important;
  color: var(--white) !important;
}
.counter_plus::after {
  content: "+";
}

.navMenu > ul > li:hover > a:after {
  color: var(--purple) !important;
}
.navMenu .submenu {
  border-bottom: 2px solid var(--purple) !important;
}
.navMenu .submenu > li > a {
  color: var(--dark);
}
.navMenu .submenu > li > a:hover {
  color: var(--purple);
  text-decoration: none;
}
.navMenu .submenu > li > a:hover > span:after {
  all: unset;
}
.why_img img,
.column_img img {
  width: 100%;
  height: 100%;
}
.brand-logo-slider__four .brand-logo__image img {
  height: 100px !important;
  width: 100px !important;
  object-fit: contain;
}
.navMenu .submenu > li.active > a {
  color: var(--purple) !important;
}
.navMenu > ul > li.active > a:after {
  color: var(--purple) !important;
}
/* support and services */
.key_features .sub-heading {
  font-size: 18px !important;
}
.key_features .key_cols {
  /* gap: 3rem; */
}
.key_features .key_cols .feature_item {
  /* box-shadow: 3px 8px 18px #cdcdcd; */
  /* background-color: #fff; */
  padding: 1.5rem;
  /* border-radius: 9px; */
}
/* support and services end */
h2,
h2.heading {
  font-size: 40px !important;
}
.career-form-wrap #careerFrm input::file-selector-button {
  /* font-weight: bold; */
  /* color: dodgerblue; */
  padding: 0.5em;
  border: none;
  /* border-radius: 3px; */
}
.error {
  color: #ff0000;
  font-size: 14px;
}
@media (max-width: 480px) {
  .fun-fact--one .fun-fact__count {
    font-size: 40px !important;
  }

  h2,
  h2.heading {
    font-size: 30px !important;
  }
  .flex-xs-col {
    flex-direction: column-reverse !important;
  }
}
@media only screen and (max-width: 767px) {
  .redraw-images .redrow-4,
  .redraw-images .redrow-7 {
    top: unset !important;
    left: unset !important;
  }
  .redraw-images .redrow-7 {
    right: 0% !important;
  }
}