* {
  margin: 0;
  padding: 0;
  text-decoration: none;
}
:root {
  --theme-color: #5e10f6;
  --theme-color-lighter: #8246f8;
  --theme-color-darker: #10064f;
  --theme-bg-hover-light: #f5f5f5;
  --theme-hearding: #0f054c;
  --theme-text-color: #6d6c74;
  --theme-color3: #0f054c;
  --theme-color1-rgb: 94, 16, 246;
  --gradient-2: linear-gradient(
    to left,
    rgba(var(--theme-color1-rgb), 1) 0%,
    rgba(var(--theme-color1-rgb), 0.7) 100%
  );
}
@font-face {
  font-family: "RobortBold";
  src: url("/front/Roboto/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "RobortMedium";
  src: url("/front/Roboto/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "RobortRegular";
  src: url("/front/Roboto/Roboto-Regular.ttf") format("truetype");
}
body {
  width: 100%;
  overflow-x: hidden;
}
a {
  text-decoration: none !important;
  color: unset;
}

.container-fluid-lg {
  padding: 0px 100px;
}

p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
}
/* =====================
        topnavbar
   ===================== */
.theme_bg {
  background-color: var(--theme-color-darker);
}
.top_bar {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.left_topbar {
  background-color: var(--theme-color);
  color: #fff;
  width: 35%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 120px;
  font-size: 16px;
  line-height: 50px;
  position: relative;
}
.left_topbar i {
  margin-right: 10px;
}
.left_topbar::after {
  content: "";
  border-top-width: 50px;
  border-top-style: solid;
  border-top-color: var(--theme-color);
  border-right-width: 16px;
  border-right-style: solid;
  border-right-color: #ffffff00;
  position: absolute;
  top: 0px;
  bottom: auto;
  right: -15px;
}
.right_topbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 180px;
  width: 70%;
}
.topbar_email {
  display: flex;
  font-size: 16px;
  line-height: 50px;
  align-items: center;
}
.topbar_email a {
  color: #fff;
}
.topbar_email a:hover {
  color: #fff;
}
.social_iconstop ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 0px;
  list-style: none;
}
.social_iconstop ul li {
  margin-right: 10px;
}

.social_iconstop ul li a i {
  height: 30px;
  width: 30px;
  background-color: #fff;
  border-radius: 50%;
  color: var(--theme-color);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  overflow: hidden;
}
.social_iconstop ul li a i:hover {
  color: #fff;
  background-color: var(--theme-color);
  border-radius: 50% !important;
}
/* =====================
        navbar
   ===================== */

.mainnav {
  background-color: rgba(0, 0, 0, 0) !important;
  transition-property: background-color, color;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  position: fixed;
  top: 50px;
  z-index: 1000000;
  width: 100%;
}

.navbar-dark {
  background-color: #fff !important;
  top: 0px;
}
.navbar-dark .menu li a {
  color: #000 !important;
}
.navbar-dark .content_btn {
  display: none;
}
.navbar-dark .set_menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.navbar-dark .cal_icon_box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cal_icon_box {
  display: none;
}
.phone {
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--theme-color);
  color: #fff;
  font-size: 22px;
}
.phon_number {
  margin-left: 10px;
}
.phon_number p {
  margin: 0px;
  color: #000;
  margin-left: 10px;
  font-size: 14px;
}
.phon_number h6 {
  color: var(--theme-hearding);
  font-weight: 700;
}
.main_bn {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  position: relative;
  padding: 80px 0px;
}
.mainnav {
  /* position: sticky; */
  /* top: 0px; */
  border-bottom: 1px solid #ffffff28;
}
.mainmenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.set_menu {
  display: flex;
  align-items: center;
}
.logo_img a img {
  width: 170px;
}
nav {
  display: block;
}
.menu {
  display: block;
  padding: 0px 0px;
  margin-bottom: 0px;
  margin-left: 100px;
}
.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
  padding: 25px 0px;
}
.menu li:first-child {
  margin-left: 0;
}
.menu li a {
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  padding: 15px 15px;
  display: block;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
  /* font-family: "RobortBold"; */
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  top: 100%;
  width: 200px;
  position: absolute;
  left: 0px;
  background: #fff;
  box-shadow: 0px 0px 5px 0px lightgray;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}
.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}

.menu ul li a {
  font-size: 14px;
  font-weight: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #555;
  background: #fff;
  position: relative;
}
.menu ul li a::after {
  content: "";
  display: inline-block;
  height: 0;
  width: 4px;
  vertical-align: middle;
  margin-right: 0;
  opacity: 0;
  visibility: hidden;
  background: var(--theme-color);
  -webkit-transition: height 0.4s, opacity 0.4s ease, top 0.4s ease;
  -o-transition: height 0.4s, opacity 0.4s ease, top 0.4s ease;
  -moz-transition: height 0.4s, opacity 0.4s ease, top 0.4s ease;
  transition: height 0.4s, opacity 0.4s ease, top 0.4s ease;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.menu ul li a:hover::after {
  top: 0;
  left: -1px;
  height: -webkit-calc(100% + 1px);
  height: -moz-calc(100% + 1px);
  height: calc(100% + 1px);
  opacity: 1;
  visibility: visible;
}
.menu ul li a:hover,
.menu ul li:hover > a {
  color: #000;
  padding-left: 18px;
  font-weight: 600;
  background: var(--theme-bg-hover-light);
}

.menu li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  left: 200px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  height: 0px;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

.menu li > ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}
.content_btn a {
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  padding: 1rem 2.4rem;
  font-weight: 600;
  color: #fff;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background: linear-gradient(
    to right,
    rgba(94, 16, 246, 1) 0%,
    rgba(94, 16, 246, 0.7) 100%
  );
  z-index: 1;
}
.content_btn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  color: #fff;
  border-radius: 100px;

  overflow: hidden;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background: linear-gradient(
    to left,
    rgba(94, 16, 246, 0.8) 0%,
    rgba(94, 16, 246, 0.7) 100%
  );
}
.content_btn a:hover::before {
  width: 0;
  left: 100%;
  opacity: 0;
}
.content_btn a span {
  position: relative;
  z-index: 10px;
}
.content_btn a:hover {
  color: #fff;
}
.mainnav {
}
.barbtn {
  display: none;
  color: #fff;
  font-size: 30px;
  margin-left: 20px;
}
.content_btn {
  display: flex;
  align-items: center;
}
.bars {
  display: none;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index: 1000000;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: -15px;
  right: 2px;
  font-size: 36px;
  margin-left: 0px;
}
.mobile_form form {
  width: 80%;
  border-radius: 30px;
  margin: auto;
  border: 1px solid var(--theme-bg-hover-light);
  padding: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile_form form button {
  border: unset;
  background-color: #fff;
  color: #aaa;
}
.mobile_form form input {
  border: none;
  width: 100%;
}

.mobile_form form input:focus-visible {
  outline: none;
}
.assordions_box .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1rem !important;
  font-size: 14px !important;
  color: #111 !important;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  font-weight: 600 !important;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
  text-transform: uppercase;
}
.assordions_box .accordion-item {
  border-left: none;
  border-right: none;
}
.assordions_box .accordion-button::after {
  flex-shrink: 0;
  width: 1.75rem !important;
  height: 1.75rem !important;
  margin-left: auto;
  content: "\f105" !important;
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  color: #fff !important;
  transition: transform 0.2s ease-in-out;
  background-image: none !important;
  background-color: #111 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;

  font-weight: 500px;
}

.assordions_box .accordion-button:not(.collapsed)::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  transform: rotate(91deg) !important;
  background-image: none !important;
  background-color: var(--theme-color-darker) !important;
  border-radius: 5px;
}
.assordions_box .accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #fff !important;
  box-shadow: none !important;
  border-bottom: 2px solid var(--theme-color-darker);
}
.listed {
  padding: 1rem 1rem !important;
  font-size: 14px !important;
  color: #111 !important;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
/* =====================
       main bn
   ===================== */
.main_content {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.subtitle {
  position: relative;
}
.subtitle::before {
  content: "";
  position: absolute;
  height: 5px;
  width: 60px;
  border-radius: 10px;
  background-color: #fff;
  left: 0px;
}
.subtitle p {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-top: 20px;
  transition: all 0.3s ease;
  color: #fff;
  font-weight: bold;
}
.title {
  color: #fff;
  font-size: 3.6rem;
  text-transform: uppercase;
  margin: 0 0 30px;
}
.title span {
  line-height: 1;
  display: inline;
  font-weight: bold;
}
.para {
  color: #fff;
}

.btn_group a {
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  padding: 1rem 2.4rem;
  font-weight: 600;
  color: var(--theme-color-darker);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  border: 2px solid #fff;
  z-index: 1;
  background-color: transparent;
}
.btn_group a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  color: #fff;
  border-radius: 100px;

  overflow: hidden;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background-color: #fff;
}
.btn_group a:hover::before {
  width: 0;
  right: 100%;
  opacity: 0;
  color: var(--theme-color-darker) !important;
}
.btn_group a span {
  position: relative;
  z-index: 10px;
}
.btn_group a:hover {
  color: #fff;
}

article {
  margin-bottom: 32px;
}

.masked {
  /* margin: 20px auto; */
  display: block;
  max-width: 100%;
  height: 450px;
  mask-image: url("data:image/png;base64,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");
  mask-position: center center, bottom right;
  mask-repeat: no-repeat, no-repeat;
  mask-size: cover;
}
.pad_y {
  padding: 100px 0px;
}
.add-operator {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.bolg_img {
  position: absolute;
  top: 5%;
  left: -13%;
}
.bolg_img img {
  width: 90px;
  height: 100px;
  animation: blogs 3s infinite;
}

.waves {
  position: absolute;
  bottom: 5%;
  left: 8%;
}
.waves img {
  width: 169px;
  animation: waves 3s infinite ease-in-out;
}

/* =====================
       main cards
   ===================== */
.card_wiget {
  position: relative;
  margin-bottom: 30px;
  filter: drop-shadow(10px 0 60px rgba(42, 45, 59, 0.1));
  margin-top: -50px;
}
.info-box-wrapper {
  background-color: #fff;
  padding: 60px 45px;
  position: relative;
  border-radius: 10px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 94%);
  position: relative;
  transition: all 0.5s ease-in-out;
}
.info-box-wrapper:before {
  position: absolute;
  content: "";
  height: 75px;
  width: 75px;
  background: #a1a1a1;
  opacity: 0.08;
  top: 62px;
  left: 80px;
  border-radius: 50%;
  z-index: -1;
  transition: all 0.5s ease 0.2s;
}
.info-box-wrapper:after {
  position: absolute;
  content: "";
  height: 75px;
  width: 75px;
  background: #a1a1a1;
  border-radius: 50%;
  top: 37px;
  left: 64px;
  opacity: 0.12;
  z-index: -1;
  transition: all 0.5s ease-in-out;
}

.icon-wrapper {
  position: relative;
  color: var(--theme-color);
  font-size: 64px;
  line-height: 1em;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
}
.info-text h4 {
  font-size: 24px;
  color: var(--theme-color-darker);
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 15px;
}
.text1 {
  position: relative;
  display: block;
  z-index: 1;
  font-size: 14px;
  font-weight: 600;
}
.btn-view-detailss {
  margin: 30px 0 0;
}
.btn-view-detailss a {
  color: #31333e;
  font-size: 14px;
  padding: 0;
  border: 0;
  font-weight: bold;
  text-transform: capitalize !important;
}
.btn-view-detailss a:hover {
  color: #31333e;
}
.info-box-wrapper:hover {
  background-color: var(--theme-color);
}
.info-box-wrapper:hover:after {
  background: #fff;
  transform: scaleX(-1);
}
.info-box-wrapper:hover:before {
  background: #fff;
  transform: scaleX(-1);
}
.info-box-wrapper:hover .fa-android {
  color: #fff;
}
.info-box-wrapper:hover .text1 {
  color: #fff;
}
.info-box-wrapper:hover .info-text h4 {
  color: #fff;
}
.info-box-wrapper:hover .icon-wrapper {
  color: #fff;
}
.bottom-circle {
  position: absolute;
  left: 0;
  bottom: -60px;
  width: 100%;
  height: 95px;
  border-radius: 8px;
  background: #fff;
  opacity: 0.1;
  z-index: 0;
  transition: all 0.5s ease 0.2s;
  transform: skewY(10deg);
}
.info-box-wrapper:hover .bottom-circle {
  width: 100%;
  bottom: -60px;
}
.info-box-wrapper:hover .btn-view-detailss a {
  color: #fff;
}
.btn-colab {
  color: #fff;
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  padding: 8px 20px;
  letter-spacing: 1px;
  font-size: 0.75rem;
  font-weight: 500;
}

.cont_text {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0px;
}
.cont_text h4 {
  color: #808287;
  font-size: 18px;
  font-weight: 500;
  line-height: 34px;
  margin-right: 30px;
  margin-bottom: 0px;
}
/* =====================
       About Us
   ===================== */
.about_img_sec {
  position: relative;
}
.about_bn1 {
  overflow: hidden;
  position: relative;
}
.about_bn1::before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    to(rgba(255, 255, 255, 0.3))
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  transition: all 0.3s ease;
}

.about_bn1:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}
.about_bn2 {
  position: absolute;
  z-index: 10;
  bottom: -7%;
  left: -60px;
  border: 8px solid #fff;
  border-radius: 5px;
  overflow: hidden;
}

.about_bn2::before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    to(rgba(255, 255, 255, 0.3))
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  transition: all 0.3s ease;
}

.about_bn2:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}
.counter_box {
  background-color: var(--theme-color);
  position: absolute;
  top: 10%;
  left: -50px;
  z-index: 10;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.icon_box {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #fff;
  overflow: hidden;
  color: var(--theme-color);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
}
.cont_text_box {
  margin-left: 20px;
}
.cont_text_box h3 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 0px;
}
.little_title {
  position: relative;
}
.little_title::before {
  content: "";
  position: absolute;
  top: 0px;
  height: 4px;
  width: 50px;
  border-radius: 10px;
  background-color: var(--theme-color);
}
.little_title p {
  color: #6d6c74;
  line-height: 1.4;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-top: 20px;
  transition: all 0.3s ease;
  font-weight: 700;
}
/* =======text animation========= */

.ml12 {
  font-weight: 200;
  font-size: 43px;
  text-transform: capitalize !important;
  letter-spacing: 1px;
  font-weight: bold;
  color: var(--theme-hearding);
}

.ml12 .letter {
  display: inline-block;
  line-height: 1em;
}
.para_gray {
  color: var(--theme-text-color);
  margin: 20px 0px;
  line-height: 35px;
  font-size: 16px;
  text-transform: capitalize;
}
.about_contentnt ul {
  list-style: none;
  padding: 0px;
}
.about_contentnt ul li {
  line-height: 36px;
}
.about_contentnt ul li span {
  color: var(--theme-text-color);
  font-size: 16px;
  text-transform: capitalize;
  margin-left: 10px;
}
.about_contentnt ul li i {
  color: var(--theme-color);
  font-size: 20px;
}
.abot_acc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin-top: 40px;
}
.icon_text {
  padding: 0px 20px;
  border-right: 1px solid var(--theme-text-color);
}
.icon_text h5 {
  font-size: 18px;
  font-weight: 700;
}
.icon_text p {
  color: var(--theme-text-color);
  font-size: 14px;
  margin: 0px;
}
.pady_80 {
  padding: 80px 0px;
}
.pady_100 {
  padding: 100px 0px;
}

/* =====================
     infnite slider
   ===================== */

.slider_infnite {
  width: 100%;
  overflow: hidden;
  background-color: var(--theme-color);
  margin-top: 40px;
  padding: 19px 0px;
}
.tm-marquee-group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0px;
  min-width: 100%;
  animation: scroll 15s linear infinite;
}
.text {
  position: relative;
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.3;
  padding: 0 30px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  white-space: nowrap;
}
.divider {
  color: #02010100;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #fff;
}
.service_bn {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.heading_sec {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.little_title1::before {
  content: "";
  position: absolute;
  top: 0px;
  height: 4px;
  left: 80px;
  width: 50px;
  border-radius: 10px;
  background-color: var(--theme-color);
}
.pt_60 {
  padding-top: 60px;
}
.service_card {
  margin-top: 30px;
}
.service_card .inner-box {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 35px 35px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  border-radius: 5px;
}
.service_card .inner-box:hover {
  transform: translateY(-10px);
}
.service_card .inner-box:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to left, var(--theme-color3), var(--theme-color));
  width: 0;
  content: "";
  transition: all 0.3s ease;
}
.service_card .inner-box:hover:before {
  width: 100%;
}
.service_card .inner-box:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("https://dev.kodesolution.com/simtech/wp-content/plugins/mascot-core-simtech/assets/images/current-theme/icon-lines.png");
  content: "";
  z-index: 1; /* Ensure it does not cover other content */
}
.service_card .content {
  padding-left: 85px;
  position: relative;
}
.service_card .icon {
  left: 0;
  top: 0;
  background: linear-gradient(to left, var(--theme-color3), var(--theme-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 54px;
  font-weight: 900;
  transition: all 0.2s ease;
  position: absolute;
  line-height: 68px;
}
.features-title {
  margin-top: 0;
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
  font-weight: 700;
  font-size: 22px;
  color: var(--theme-hearding);
  margin-bottom: 10px;
}
.features-details {
  color: var(--theme-text-color);
  font-size: 14px;
}
.service_card .inner-box:hover .icon {
  -webkit-text-fill-color: #fff;
}
.service_card .inner-box:hover .features-title {
  -webkit-text-fill-color: #fff;
}
.service_card .inner-box:hover .features-details {
  -webkit-text-fill-color: #fff;
}
.mar_neg {
  position: relative;
  left: -80px;
}
.mar_neg1 {
  position: relative;
  right: -80px;
}
.men_ser {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wid_50 {
  width: 50%;
}
/* =====================
       our project
   ===================== */
.proj_card {
  position: relative;
}
.pto_img {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}
.pto_img img {
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transition: all 0.3s ease;
}
.proj_card:hover .pto_img img {
  transform: scale(1.1);
}
.proj_card .content-box {
  position: absolute;
  bottom: 50px;
  right: -30px;
  max-width: 310px;
  width: 100%;
  transition: all 0.3s ease;
  z-index: 2;
}

.proj_card .content-box:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  width: 0;
  background-color: var(--theme-color3);
  transition: all 0.3s ease;
  content: "";
  z-index: 2;
}
.proj_card .content-box .content {
  position: relative;
  padding: 18px 60px 18px 28px;
  background: var(--gradient-2);
  transition: all 0.3s ease;
}
.proj_card .content-box .content:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 23px solid rgba(255, 255, 255, 0.2);
  border-right: 43px solid transparent;
}
.proj_card .content-box .content:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 23px solid rgba(255, 255, 255, 0.2);
  border-left: 43px solid transparent;
}
.proj_card .content-box .titlee {
  position: relative;
  color: #fff;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 3;
  font-size: 22px;
  text-transform: capitalize !important;
}
.proj_card .content-box .titlee a {
  color: #fff;
}
.read-more {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 3;
}
.proj_card .content-box .inner {
  position: relative;
  overflow: hidden;
  padding-top: 0px;
}

.excerpt {
  position: relative;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0;
  transition: all 1s ease;
  z-index: 2;
  display: none;
  padding-top: 10px;
}
.proj_card:hover .excerpt {
  display: block !important;
}
.proj_card:hover .content-box {
  bottom: 20px;
}
.proj_card:hover .content-box:before {
  width: 100%;
}
.proj_card:hover .content-box .content .read-more {
  background-color: var(--theme-color);
}
/* =====================
      tech challanges
   ===================== */
.challange_box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.chalange {
  background-color: #09052cdb;
  position: relative;
  overflow: hidden;
  height: auto;
}
.bg_imgChal {
  background-position: center left;
  background-repeat: no-repeat;
  --background-overlay: "";
  /* background-size: contain; */
  opacity: 0.9;
  position: relative;
  z-index: 12;
}
.challanage_cont {
  margin-left: 15%;
  width: 40%;
  height: 100%;
}
.cont_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.web_wiget {
  display: flex;
  align-items: center;
  width: 45%;
  border-right: 2px solid var(--theme-text-color);
}
.web_icon {
  display: flex;
  justify-content: center;
  margin: 0 20px 0 0;
  background-color: #fff;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  line-height: 75px;
  align-items: center;
  font-size: 30px;
  color: var(--theme-color);

  transition: all 0.3s ease;
}
.icon-box-title {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.web_wiget:hover .web_icon {
  transform: rotateY(180deg);
  background-color: var(--theme-color);
  color: #fff;
}
.challange_bn {
  width: 50%;
  height: 100%;
  position: relative;
}
.bg_cha {
  position: relative;
  height: 100%;
}
.bg_cha img {
  height: 100%;
  width: 100%;
}
.bg_img2 {
  position: absolute;
  background-size: 100% 100%;
  background-position: right;
  background-repeat: no-repeat;
  height: 100%;
  --background-overlay: "";
  top: 0px;
}
.title_box {
  position: absolute;
  text-align: left;
  padding: 58px 50px;
  margin: 0;
  background-position: center left;
  background-repeat: no-repeat;
  background-color: var(--theme-color);
  bottom: 0px;
}
.title_box h4 {
  color: #fff;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 28px;
}
/* =====================
      OUR TESTIMONIALS
   ===================== */
.testi_main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.testimonial_conttent {
  width: 40%;
  padding-left: 15%;
}
.testimonial_slide {
  width: 60%;
}
.testimonial_conttent .little_title::before {
  background-color: unset !important;
}
.home-demo {
  padding: 0px 20px;
}
.home-demo .item {
  background: #fff;
}
.slide_img {
  position: relative;
  background-color: #fff;
  background-position: right top;
  padding: 35px 40px 40px;
  background-repeat: no-repeat;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
}
.slide_img::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to left, var(--theme-color3), var(--theme-color));
  height: 6px;
}
.client_Details {
  padding: 10px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.client_Details::after {
  content: "";
  position: absolute;
  left: 30px;
  top: 0px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  background-color: var(--theme-color);
  height: 23px;
  width: 54px;
}
.client_img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border: 5px solid #fff;
  box-shadow: 0px 1px 8px 1px #dad4d4;
  overflow: hidden;
  margin-top: 20px;
}
.client_text {
  padding-left: 20px;
}
.client_star i {
  color: var(--theme-color);
  font-size: 14px;
}
.client_star i:nth-last-child(1) {
  color: var(--theme-text-color);
}
.client_text h5 {
  color: var(--theme-hearding);
  font-weight: 700;
  margin: 0px;
  padding: 8px 0px;
  font-size: 22px;
}
.client_text p {
  margin: 0px;
  font-weight: 600;
  font-size: 18px;
  color: #555;
}
.slide_img p {
  font-size: 18px;
  color: #555;
  margin-right: 40px;
  text-align: justify;
}
.home-demo .owl-dots {
  position: absolute;
  left: -46.5%;
}
.home-demo .owl-theme .owl-dots .owl-dot span {
  width: 10px !important;
  height: 5px !important;
}
.home-demo .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--theme-color) !important;
}
/* =====================
    consultation
   ===================== */
.consult_box {
  position: relative;
  --background-overlay: "";
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--theme-color);
  padding: 50px 0px;
  border-radius: 6px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: -50px;
  z-index: 12;
}
.consult_box h4 {
  color: #fff;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  text-align: right;
}
.consult_box h6 {
  color: #fff;
  text-align: left;
}
.call_icon {
  height: 80px;
  width: 80px;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  color: var(--theme-color);
}
.call_icon:hover {
  background-color: var(--theme-color3) !important;
  color: #fff !important;
}
/* =====================
    contact us form
   ===================== */
.cont_bn {
  position: relative;
  background-position: center center;
  background-size: cover;
}
.que_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}
.que_icon {
  height: 80px;
  width: 80px;
  background-color: var(--theme-color);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  color: #fff;
  transition: all 0.3s ease;
}
.que_content {
  margin-left: 20px;
}
.que_content h5 {
  color: var(--theme-text-color);
  font-size: 18px;
}
.que_content h6 {
  color: var(--theme-hearding);
  font-size: 18px;
  font-weight: 700;
}
.que_box:hover .que_icon {
  transform: rotateY(180deg);
  background-color: #000;
  color: #fff;
}
.form_box {
  background-color: #fff;
  padding: 30px;
  border-radius: 8px;
  width: 60%;
  box-shadow: -10px 0px 30px 0px rgba(0, 0, 0, 0.07);
}
.form_box h2 {
  font-weight: bold;
  text-align: center;
  font-size: 55px;
  color: var(--theme-hearding);
  margin-bottom: 30px;
}
.form_box form .form-control {
  padding: 14px 20px;
  color: #686a6f;
  border: 1px solid rgba(241, 238, 246, 0.5);
  height: calc(1.8rem + 32px);
  background-color: #f6f6f6;
}
.form_box .form-control:focus {
  border-color: var(--theme-hearding) !important;
  box-shadow: unset !important;
}
.sendbtn {
  padding: 1rem 2rem;
  background-color: var(--theme-hearding);
  color: #fff;
  font-weight: 600;
  border: unset !important;
  border-radius: 30px;
}
.form_row {
  height: 150px !important;
}
.person_form {
  display: flex;
  position: relative;
  justify-content: flex-start;
  align-items: flex-start;
}
.person_img {
  position: relative;
  right: 30px;
}
.person_img img {
  width: 445px;
  max-width: 570px;
}
.mar_left {
  padding-left: 25%;
}
.mar_left .ml12 {
  font-size: 40px;
}
.pad_top {
  padding-top: 140px;
}
/* =====================
   NEWS UPDATES
   ===================== */
.update_card {
  margin-top: 50px;
}
.card_img {
  position: relative;
  padding: 14px;
  border: 1px solid #d4d0e4;
  padding-bottom: 0;
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
  transition: all 0.3s ease;
}
.image-box {
  position: relative;
  width: 100%;
  height: 15vw;
  max-width: 500px;
  max-height: 640px;
  overflow: hidden;
  border-radius: 4px;
}

.image-box__item {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.5s;
}
.image-box__item:nth-child(1) {
  transform: translatex(50%) scalex(2);
  opacity: 0;
  filter: blur(12px);
}
.card_img:hover .image-box__item:nth-child(1) {
  transform: translatex(0%) scalex(1);
  opacity: 1;
  filter: blur(0);
}
.card_img:hover .image-box__item:nth-child(2) {
  transform: translatex(-50%) scalex(2);
  opacity: 0;
  filter: blur(12px);
}
.content_box {
  position: absolute;
  left: 20px;
  bottom: 120px;
  background: linear-gradient(
    to right,
    rgba(94, 16, 246, 1) 0%,
    rgba(94, 16, 246, 0.7) 100%
  );
  color: #fff;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  padding: 10px;
  text-align: center;
  line-height: 1;
  text-align: center;
}
.more_de ul {
  display: flex;
  list-style: none;
  padding: 10px;
  margin: 0px;
}
.more_de ul li {
  margin-right: 20px;
}
.more_de ul li i {
  color: var(--theme-color);
}
.more_de ul li a {
  color: #555;
}
.more_de h4 {
  font-weight: 700;
  color: var(--theme-hearding);
  padding-bottom: 10px;
  text-transform: capitalize;
}
.more_de h4:hover {
  color: var(--theme-color);
}
/* =====================
   last slider
   ===================== */
.logo_ic img {
  filter: grayscale(100%);
  opacity: 0.4;
  padding: 10px 10px;
}
.logo_ic img:hover {
  filter: grayscale(0%) !important;
  opacity: 1 !important;
  background-color: #dfdfdf;
}
.logo_slider {
  background-color: #fff !important;
  border-top: 1px solid #e6e8ed;
  border-bottom: 1px solid #e6e8ed;
  margin-bottom: 15px;
}
.pady_50 {
  padding: 50px 0px;
}
/* =====================
          media box
   ===================== */
.media_main {
  background-color: var(--theme-color-darker);
  padding: 20px 0px;
}
.mobile_box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0px;
}
.mobile_icon i {
  color: #fff;
  font-size: 22px;
  transition: all 0.3s ease;
}
.mobile_box:hover.mobile_icon i {
  transform: rotateY(180deg);
  color: #000;
}
.mobi_content {
  padding-left: 20px;
}
.mobi_content h6 {
  color: #98999b;
  font-size: 14px;
  margin: 0px;
}
.mobi_content h4 {
  color: #fff;
  font-size: 18px;
}
.border_left {
  border-right: 1px solid #ffffff5e;
}
.pad_bottom {
  padding-bottom: 40px;
}

/* =====================
          footer
   ===================== */
.foot_widget {
  padding: 80px 0px;
}
.foot_logo a img {
  width: 175px;
  margin-bottom: 20px;
}
.foot_widget p {
  margin: 0 0 15px;
  color: #707070;
}
.social_media ul {
  list-style: none;
  padding: 0px;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
}
.social_media ul li {
  font-size: 20px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background-color: #e8e8e8;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
.social_media ul li:hover {
  background-color: var(--theme-color) !important;
}
.social_media ul li a {
  color: #000;
}
.social_media ul li:hover .social_media ul li i {
  color: #fff;
}
.foot_widget h6 {
  color: #1c2539;
  font-size: 22px;
  font-weight: 700;
}
.main_media ul {
  list-style: none;
  padding-left: 0px;
  padding-top: 20px;
}
.main_media ul li {
  margin-bottom: 15px;
}
.icons1 {
  height: 45px;
  width: 45px;
  line-height: 45px;
  padding-left: 15px;
  padding-top: 15px;
  border-radius: 50%;
  background-color: #fff;
  color: var(--theme-color);
  margin-right: 20px;
}
.foot_bg {
  background-color: #f6f6f6;
}
.main_media ul li span {
  font-weight: 500;
  color: #707070;
  font-size: 16px;
}
.main_media ul li:hover .icons1 {
  background-color: var(--theme-color) !important;
  color: #fff !important;
}
.foot_widget form {
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.foot_widget form input {
  padding: 10px 10px;
  border: unset;
}
.foot_widget form i {
  background-color: var(--theme-color);
  padding: 15px;
  border-radius: 6px;
  font-size: 18px;
  color: #fff;
}
.foot_widget form input:focus {
  outline: none;
  border: none;
}
.last_line {
  border-top: 1px solid #dadada;
  text-align: center;
  padding: 20px 0px;
}
.last_line p {
  margin: 0px;
  color: #636b74;
}
.over_box {
  width: 100%;
  overflow: hidden;
}
/* =====================
          scroll bar
   ===================== */

::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: var(--theme-color);
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/* =====================
        back to top
   ===================== */
#button {
  display: inline-block;
  background-color: #0e054cbe;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f062";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: var(--theme-color);
}
#button:active {
  background-color: var(--theme-color);
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/* =====================
        cursor hover
   ===================== */
.main_brow {
  position: relative;
}
.link {
  color: #fff;
  text-decoration: none;
  /* margin: 0 20px; */
  -moz-transition: all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);
  -o-transition: all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);
  -webkit-transition: all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);
  transition: all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);
}
.link:hover {
  /* color: ; */
}

.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.call-to-action {
  background-color: #42a5f5;
  display: inline-block;
  color: #fff;
  padding: 10px 20px;
  z-index: 5;
}

.custom-cursor {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  z-index: 900;
  top: -40px;
  left: -40px;
  pointer-events: none;
}

.cursor__small {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: rgb(255, 237, 198);
  z-index: 5;
}

.cursor__big {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(255, 237, 198, 0.589);
  z-index: 1;
  opacity: 0.4;
  margin: -40px 0 0 -40px;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -moz-transition: all 320ms cubic-bezier(0.26, 0.01, 0.17, 1);
  -o-transition: all 320ms cubic-bezier(0.26, 0.01, 0.17, 1);
  -webkit-transition: all 320ms cubic-bezier(0.26, 0.01, 0.17, 1);
  transition: all 320ms cubic-bezier(0.26, 0.01, 0.17, 1);
}
/* =====================
      service page
   ===================== */
.about_bn {
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.about_main {
  padding: 120px 0px 80px 0px;
}

.title_about {
  font-size: 70px;
  font-weight: bold;
  color: var(--theme-hearding);
}
.about_main ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  list-style: none;
  padding: 0px;
}
.about_main ul li {
  font-size: 18px;
  color: var(--theme-hearding);
  margin-right: 10px;
  font-weight: 600;
}
.about_main ul li a {
  color: var(--theme-hearding);
}
.about_main ul li i {
  color: var(--theme-color);
}
/* =====================
     service card 
   ===================== */
.service_main {
  background-position: top left;
  background-repeat: no-repeat;
}
.serv_card {
  position: relative;
  padding: 15px;
  margin: 0 0 20px;
}
.ser_pad {
  position: relative;
  padding: 10px;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.ser_pad::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 0;
  background: var(--theme-color);
  transition: all 0.4s ease;
}

.ser_pad:hover::before,
.ser_pad:hover::after {
  height: 100%;
}
.serv_head {
  position: relative;
  padding: 20px 0px;
}
.ser_icon {
  position: absolute;
  left: 20px;
  top: 20px;
  height: 75px;
  width: 75px;
  background: var(--theme-color);
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #fff;
  justify-content: center;
  z-index: 2;
}
.ser_icon::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transform: scale(0);
  border-radius: 50%;
  background-color: #fff;
  z-index: -1;
  content: "";
  transition: all 0.3s ease;
}
.ser_pad:hover .ser_icon::before {
  transform: scale(1);
}
.ser_pad:hover .ser_icon i::before {
  color: var(--theme-color3) !important;
}
.ser_content {
  padding-left: 120px;
  padding-right: 30px;
}
.ser_content h4 {
  color: var(--theme-hearding);
  font-weight: bold;
  font-size: 22px;
}
.ser_pad:hover .ser_content h4,
.ser_pad:hover .ser_content p {
  color: #fff;
}
.ser_content p {
  font-size: 14px;
  line-height: 20px;
  color: #6d6c74;
}
.serv_body {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  background-color: #fff;
  z-index: 2;
}
.serv_body img {
  max-width: 100%;
}
/* =====================
     All service
   ===================== */
.all_serBox {
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 10px 30px 0px
    rgba(3.999999999999994, 27.000000000000085, 81.99999999999999, 0.14);
}
.all_serBox h4 {
  font-size: 26px;
  font-weight: 600;
}
.all_serBox ul {
  padding-top: 30px;
  list-style: none;
  padding-left: 0px;
}
.all_serBox ul li {
  background-color: #f3f3f3;
  padding: 15px 20px;
  margin-bottom: 10px;
}
.all_serBox ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom_plus {
  color: #000;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ser_t {
  color: #73787d;
  font-weight: 600;
}
.all_serBox ul li:hover {
  background-color: var(--theme-color);
}
.all_serBox ul li:hover .ser_t {
  color: #fff !important;
}
.all_serBox ul li:hover .custom_plus {
  background-color: #000;
  color: #fff;
}
.all_serBox ul .active {
  background-color: var(--theme-color) !important;
}
.all_serBox ul .active .ser_t {
  color: #fff !important;
}
.all_serBox ul .active .custom_plus {
  background-color: #000;
  color: #fff;
}
.img_content {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: 30px;
  padding: 20px;
}
.img_content::before {
  content: "";
  top: 0px;
  left: 0px;
  position: absolute;
  height: 100%;
  width: 100%;
  --background-overlay: "";
  background-color: #000000d0;
}
.inner_box1 {
  position: relative;
  padding: 90px 30px;
  border: 1px solid #ededed;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.inner_box1:hover .que_icon {
  transform: rotateY(180deg);
  background-color: #000;
  color: #fff;
}
.que_boxss {
  justify-content: center;
}
.inner_box1 h2 {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 35px;
  margin: 20px 0px;
}
.inner_box1 > button {
  background-color: var(--theme-color);
  padding: 10px 20px;
  color: #fff;
  border: none;
}
.inner_box1 > button:hover {
  background-color: var(--theme-color-darker);
}
.side_formSer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  flex-direction: column;
  background-color: #f6f6f6;
  padding: 30px;
  border: 1px solid #cfcfcf;
}
.side_formSer h4 {
  font-weight: 600;
}
.side_formSer form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin-top: 30px;
}
.side_formSer > form > input {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  font-size: 18px;
}
.side_formSer > form > input:focus-visible {
  border: 1px solid var(--theme-color) !important;
}
.side_formSer > form > textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  font-size: 18px;
}
.side_formSer > form > button {
  width: 100%;
  background-color: var(--theme-color);
  border: unset;
  color: #fff;
  padding: 10px 20px;
}
.side_formSer > form > button:hover {
  background-color: var(--theme-color3);
}
.ser_detailbn {
  margin-bottom: 20px;
}
.conte_ser h2 {
  color: var(--theme-hearding);
  font-weight: bold;
}
.conte_ser p {
  color: #636b74;
  font-size: 17px;
  font-weight: 400;
  text-align: justify;
  margin-bottom: 20px;
  line-height: 32px;
}
.import_para {
  padding: 25px 15px 25px 30px;
  margin: 0 0 25px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
  border-style: solid;
  border-width: 0 0 0 5px;
  border-color: var(--theme-color);
}
.import_para > p {
  margin: 0px;
  color: var(--theme-hearding);
  font-size: 16px;
  font-weight: 500;
}

.faq .accordions {
  max-width: 100%;
  margin: auto;
}

.faq .accordion .accordion__title {
  display: block;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 700;
  padding: 10px 10px;
  color: #747474;
  margin-top: 0px;
  transition: all 0.25s ease;
  cursor: pointer;
}

.faq .accordion .accordion__title input {
  appearance: none;
}

.faq .accordion .accordion__title:after {
  transition: all 0.25s ease;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  float: right;
  margin-right: 10px;
}

.faq .accordion .accordion__title:has(input:checked):after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f106";
  float: right;
  margin-right: 10px;
}

.faq .accordion .accordion__text {
  overflow: hidden;
  max-height: 0;
  filter: contrast(0.9);
  transition: all 0.5s ease-in-out;
  font-weight: 400;
}

.faq .accordion .accordion__text p {
  font-weight: 400;
  line-height: 1.5rem;
  padding: 10px 10px;
}

.faq .accordion .accordion__title:has(input:checked) {
  color: var(--theme-color);
  background-color: rgb(247, 247, 247);
  border-bottom: 1px solid #0002;
}

.faq .accordion .accordion__title:has(input:checked) + .accordion__text {
  max-height: 200px;
}
.faq .accordion {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}
/* =====================
     404 page
   ===================== */

.not_found {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  flex-direction: column;
}
.not_found h1 {
  font-size: 180px;
  font-weight: bold;
  color: var(--theme-color);
}
.not_found h2 {
  color: var(--theme-hearding);
}
.not_found p {
  color: var(--theme-text-color);
  font-size: 18px;
  text-align: center;
}
.not_found button {
  padding: 10px 20px;
  background-color: var(--theme-color);
  border: unset;
  color: #fff;
}
/* =====================
     contact us
   ===================== */
.cont_form .form-control {
  background-color: #f8f7fa;
  padding: 15px 15px;
}
/* =====================
     project
   ===================== */
.pro_imgs img {
  border-radius: 10px;
  overflow: hidden;
}
.projects-current-theme3 {
  position: relative;
}
.projects-current-theme3 .inner-box {
  position: relative;
  height: auto;
}
.projects-current-theme3 > .image-box1 {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.projects-current-theme3 .image-box1 .image {
  position: relative;
  margin-bottom: 0;
}
.projects-current-theme3 .image-box1 .image:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  opacity: 0;
  content: "";
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    var(--theme-color) 100%
  );
  pointer-events: none;
  z-index: 2;
  transition: all 0.5s ease;
}
.projects-current-theme3 .inner-box:hover .image-box1 .image:before {
  height: 100%;
  opacity: 1;
}
.projects-current-theme3 .image-box1 .image img {
  width: 100%;
  transition: all 0.3s ease;
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.projects-current-theme3 .inner-box:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  filter: grayscale(1);
}
.projects-current-theme3 .image-box1 .image:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  content: "";
  background-color: #fff;
  pointer-events: none;
  z-index: 2;
  transition: all 0.5s ease;
}
.projects-current-theme3 .inner-box:hover .image-box1 .image:after {
  height: 20px;
  opacity: 1;
}
.projects-current-theme3 .content-box {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px;
  transition: all 0.3s ease;
  z-index: 9;
}
.projects-current-theme3 .inner-box:hover .content-box {
  padding-bottom: 0;
}
.projects-current-theme3 .content-box .title_litter a {
  display: block;
  padding: 24px 30px;
  background-color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  min-width: 290px;
  font-weight: 700;
  transition: all 0.3s ease;
  color: var(--theme-hearding);
}
.projects-current-theme3 .inner-box:hover .content-box .title_litter a {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.images12 {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.proAll .owl-carousel .owl-nav.disabled {
  display: flex;
  position: absolute;
  top: 45%;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.proAll .owl-carousel .owl-nav button.owl-next,
.proAll .owl-carousel .owl-nav button.owl-prev {
  color: gray;
  font-size: 25px;
  margin: 5px;
  padding: 4px 7px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.14);
}
.proAll .owl-carousel .owl-nav button.owl-next span,
.proAll .owl-carousel .owl-nav button.owl-prev span {
  position: relative;
  top: -2px;
  left: -1px;
}
.proAll .owl-carousel .owl-nav button.owl-next:hover,
.proAll .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: var(--theme-color);
  color: #fff;
}
/* =====================
    blog detail
   ===================== */

.form_blog {
  width: 100%;
  border-radius: 10px;
  background-color: #f4f5f8;
  overflow: hidden;
  border: 1px solid #e5e1e1;
}
.form_blog form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form_blog form input {
  border: none;
  background-color: unset;
  padding: 20px;
  font-size: 16px;
}
.form_blog form button {
  border: none;
  height: 100%;
  background-color: var(--theme-color);
  color: #fff;
  padding: 20px;
}
.lates_news {
  background-color: #f4f5f8;
  padding: 20px;
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  margin-top: 40px;
}
.lates_news h4 {
  position: relative;
  color: var(--theme-hearding);
}
.lates_news h4::before {
  background: #eee;
  width: 100%;
  border-radius: 10px;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  top: 40px;
  position: absolute;
}
.lates_news h4::after {
  border-radius: 10px;
  bottom: -1px;
  content: "";
  top: 40px;

  height: 3px;
  left: 0;
  position: absolute;
  width: 50px;
  background-color: var(--theme-color);
}
.news1 {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.news_img {
  height: 70px;
  width: 80px;
  border-radius: 50%;
  overflow: hidden;
}
.news_img img {
  height: 100%;
  width: 100%;
}
.news_content {
  padding-left: 20px;
}
.news_content h6 {
  color: var(--theme-hearding);
  margin: 0px;
}
.news_content p {
  color: #7a7a7a;
  font-size: 12px;
  margin: 0px;
}
.news_box{
  padding: 20px 0px;
}
.news_box ul{
list-style: none;
padding: 0px;
}
.news_box ul li{
  line-height: 40px;
}
.news_box ul li i{
  color: var(--theme-color-lighter);
  font-size: 20px;
  margin-right: 15px;
}
.news_box ul li a{
  color: #000;
  font-size: 18px;
  text-transform: capitalize;
}
.news_box ul li a:hover{
  color: var(--theme-color-lighter);

}