@charset "UTF-8";

:root {
  --purple: #734898;
  --blue: #03b6e6;
  --light-blue: #dadeea;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  height: 100px;
  width: 100vw;
  color: #fff;
  z-index: 100;
  padding-top: 10px;
}

header .header_wrap {
  display: flex;
  align-items: center;
}

header .brand {
  display: block;
  flex: 0 0 200px;
  max-width: 200px;
  height: 80px;
  background: url("../images/mvision.svg") no-repeat left/contain;
}

header .nav {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

header .nav .menu {
  position: relative;
}

header .nav .menu .sub {
  position: absolute;
  top: 100%;
  left: 0;
  background: #efefef;
  min-width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: 0.8s;
  width: 200%;
}

header .nav .menu .sub a {
  margin: 0;
  padding: 10px 20px;
  text-transform: capitalize;
  font-weight: normal;
  color: #616161;
  font-size: 0.8rem;
  white-space: normal;
}

header .nav .menu .sub a:not(:last-child) {
  border-bottom: 1px solid #dcdadb;
}

header .nav .menu .sub a:hover {
  background: #ddd;
  color: #616161;
}

header .nav .menu .sub:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #efefef;
  position: absolute;
  top: -5px;
  left: 10px;
}

header .nav .menu:hover>a {
  background: #734898;
  color: #fff;
}

header .nav .menu:hover .sub {
  opacity: 1;
  pointer-events: all;
}

header .nav .menu:hover .sub a {
  text-transform: capitalize;
}

header .nav .toggle_sub {
  display: none;
}

header .nav a {
  display: block;
  text-transform: uppercase;
  margin: 0 10px;
  padding: 10px 15px;
  border-bottom: 2px solid transparent;
  font-size: 0.85rem;
  font-weight: bold;
  transition: 0.8s;
  cursor: pointer;
}

header .nav a.on {
  border-bottom: 2px solid #734898;
}

header .contact {
  font-weight: bold;
}

header .lang_toggle {
  margin: 0 10px;
  color: #fff;
}

header .search_btn {
  cursor: pointer;
  font-size: 1.5rem;
  padding: 10px 0;
  margin-right: 25px !important;
}

header .search_btn .bi-x {
  display: none;
}

header #search {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(20px) saturate(2);
  -webkit-backdrop-filter: blur(20px) saturate(2);
  opacity: 0;
  pointer-events: none;
  padding: 60px 30px 30px;
}

header #search .close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  color: #fff;
}

header #search .close i {
  font-size: 2.4rem;
}

header #search [type=search] {
  margin: 0;
  border-radius: 40px;
  background: #fff url("../icons/search.svg") no-repeat 20px/30px;
  padding: 20px 50px;
  font-size: 1.4rem;
  text-align: center;
}

header .search_suggestion {
  padding: 20px 0;
  color: #000;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  /*position: fixed;
  top: 100px;
  left: 40px;
  right: 40px;
  width: calc(100vw - 80px);*/
}

header .search_suggestion a h1,
header .search_suggestion a h2,
header .search_suggestion a h3,
header .search_suggestion a h4,
header .search_suggestion a h5,
header .search_suggestion a h6,
header .search_suggestion a strong,
header .search_suggestion a p {
  font-size: 1rem;
  margin: 0;
  font-weight: normal;
}

header .search_suggestion br,
header .search_suggestion hr {
  display: none;
}

header #search.on {
  opacity: 1;
  pointer-events: all;
}

header .search_suggestion div {
  display: block;
  background: rgba(255, 255, 255, 0.95);
  padding: 15px;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 10px;
}

header .search_suggestion div p {
  font-size: 14px;
  color: #666;
  margin-top: 5px;
}

header:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 300%;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  display: block;
  z-index: -1;
  pointer-events: none;
}

body:not(.home) {
  margin: 100px 0 0 0;
}

body:not(.home) header {
  background: #fff;
}

body:not(.home) header .brand {
  background: url("../images/mvfoot.svg") no-repeat left/contain;
}

body:not(.home) header .nav a {
  color: #929292;
  -webkit-text-size-adjust: 100%;
}

body:not(.home) header .nav a:hover {
  color: #fff;
}

body:not(.home) header .nav a.on {
  color: #734898;
}

body:not(.home) header .search_btn,
body:not(.home) header .menu_btn {
  color: #000;
}

body:not(.home) header .lang_toggle {
  color: #000;
}

body:not(.home) header:before {
  display: none;
}

.prime .slides {
  height: 100vh;
}

.prime .slides .slide {
  height: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.prime .slides .slide .text {
  color: #fff;
  max-width: 45vw;
  z-index: 2;
}

.prime .slides .slide .text h2 {
  font-size: 2.4rem;
  font-weight: bold;
  text-transform: capitalize;
  margin: 20px 0;
}

.prime .slides .slide .text .sub {
  font-size: 1.3rem;
  font-weight: lighter;
}

.prime .slides .slide:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
}

.trusted_partners {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(50%);
  z-index: 10;
}

.trusted_partners .partners_box {
  border-radius: 2px;
  padding: 30px 100px;
  background: #fff;
  box-shadow: 0 0 55px rgba(0, 0, 0, 0.25);
}

.trusted_partners .partners_box h3 {
  font-weight: bold;
  font-size: 1.2rem;
  display: inline-block;
  text-align: left;
}

.trusted_partners .partners_box .partner_first {
  border-right: 1px solid #ccc;
  text-align: right;
  padding: 10px 20px;
}

.trusted_partners .partners_box .df {
  height: 100%;
}

.trusted_partners .partners_box .partner {
  flex-grow: 1;
  margin: 0 10px;
  height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
}

.trusted_partners .partners_box .partner:hover {
  /* -webkit-filter: none; */
  filter: none;
}

.get_in_touch {
  padding: 150px 0;
  background: #f1f1f1;
}

.get_in_touch .get_in_touch_image {
  height: 580px;
}

.about_cont {
  padding: 50px 30px;
}

/* Hassan live */
/* Style for the form */
.custom-form {
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.form-field {
  margin-bottom: 15px;
}

.form-label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.form-input,
.form-select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
  background: white;
}

/* Style for the multiple select */
.mat-select-panel {
  max-height: 200px;
}

.desc.updt-ds {
  height: 170px;
  overflow-y: auto;
}

p.p-tag {
  height: 100px !important;
}

section.d-none.d-md-block.updt-sect {
  padding: 5%;
}

.techs.cs-ds-updt.for-solution-cs {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.row.gx-4.position-relative.life-updt {
  padding-bottom: 5%;
}

/* Adjust the padding to make space for the dropdown icon */
/* BlogInner Page */
p.desc.blogsss {
  font-weight: bold;
}

.blogs_page h2.mega_title.blog_pg {
  font-size: 2rem;
}

section.blog.blog_inner {
  padding: 100px 0 0;
  background-color: #fff;
}

.col-12.col-md-6.pe-5.desc_col {
  padding-left: 10px;
}

.row.ais.row_two {
  padding: 50px 0;
  margin-top: 50px;
}

.row.ais.row_three {
  padding: 50px 0;
}

.blog .blog_image-1 {
  height: 534px;
  background: url("../images/BlogInner/blog1.jpg") no-repeat center/cover;
}

.blog .blog_image-2 {
  height: 100%;
  background: url("../images/BlogInner/blog2.jpg") no-repeat center/cover;
}

.blog .blog_image-3 {
  height: 100%;
  background: url("../images/BlogInner/blog3.jpg") no-repeat center/cover;
}

h4.blog_txt {
  font-weight: 500;
  font-size: 20px;
  text-align: justify;
  letter-spacing: -1px;
}

span.mv_link {
  color: #6610f2;
  font-weight: 500;
}

.col-12.col-md-6.pe-5.blog_box {
  padding: 0 35px;
}

p.date_desc {
  margin-bottom: 20px;
  color: #9597a0;
  line-height: 1.6rem;
}

p.date_desc span {
  margin-left: 198px;
  color: #9597a0;
}

.desc.blog_content p {
  padding: 15px 0;
}

article.contact_page {
  overflow: hidden;
}

p.note.captcha-note.updated {
  margin-bottom: 30px;
  font-weight: bold;
}

.row.updated {
  display: flex;
  align-items: center;
}

.col-12.col-md-auto.custom-col.updated {
  margin-top: 16px;
}

.half_updt {
  padding-right: 7rem !important;
}

h4.service-sub-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

p.serv_cont {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

p.serv_cont.for_other {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Blog Page */
.blog_image.Img_fit_1 {
  height: 534px;
  background: url("../images/BlogInner/header.jpg") no-repeat center/cover;
}

.blog_image.Img_fit_2 {
  height: 534px;
  background: url("../images/BlogInner/blog1.jpg") no-repeat center/cover;
}

.blog_image.Img_fit_3 {
  height: 534px;
  background: url("../images/BlogInner/blog3.jpg") no-repeat center/cover;
}

.blog_image.Img_fit_4 {
  height: 534px;
  background: url("../images/BlogInner/blog2.jpg") no-repeat center/cover;
}

.blog_image.Img_fit_5 {
  height: 534px;
  background: url("../images/BlogInner/blog7.jpg") no-repeat center/cover;
}

.blog_image.Img_fit_6 {
  height: 534px;
  background: url("../images/BlogInner/blog4.jpg") no-repeat center/cover;
}

.blog_content_fit {
  padding: 0 50px;
  margin-top: 40px;
}

p.date_desc.blog_pg {
  line-height: 2.6rem;
}

h4.blog_txt.blog_pg {
  font-weight: 400;
}

.row.ais.blog_bar {
  background-color: #03b6e6;
  padding: 50px;
}

.col-12.col-md-6.blog_bar_content {
  padding: 0 150px;
  width: 45%;
}

h2.mega_title.purple_box.blg_bar_title {
  color: #fff;
}

p.date_desc.blg_bar {
  color: #fff;
}

/* Case-Studies Page */
section.case_studies.Inner_page {
  overflow: hidden;
}

ul.outcome_list_item {
  padding: 20px;
  margin-top: 20px;
}

section.row_benefits {
  background-color: #60b6e1;
}

h2.mega_title.purple_box.case_title_white {
  color: #fff;
  font-size: 2.4rem;
}

p.date_desc.case_bar.case_pare_white {
  color: #fff !important;
}

.cursor-pointer {
  cursor: pointer;
}

.features_list_wrap ul {
  margin-left: 20px;
}

.features_list_wrap li {
  font-size: 0.95rem;
  line-height: 1.3rem;
  margin-bottom: 20px;
}

.case_bar.unique_list_stars>p {
  display: flex;
  align-items: center;
}

.unique_list_stars.abc p {
  display: flex;
  align-items: center;
}

h2.mega_title.purple_box.white.serv_key_title {
  font-size: 2.4rem;
}

.outcome_list_item li {
  font-size: 18px;
  font-weight: 600;
}

.stats_container {
  display: flex;
  flex-direction: column;
}

.stats_boxes {
  height: 230px;
  width: 600px;
  padding: 50px;
  border: 0;
  background-color: #fff;
}

.stats_boxes.bx_one {
  border-bottom: 1px solid #DCDCDC;
  border-top: 7px solid #734898;
  height: auto;
}

.stats_boxes.bx_two {
  border-bottom: 1px solid #DCDCDC;
  height: auto;
}

img.My_Icon {
  width: 80px;
}

.box.b.outcome_stats {
  height: 84%;
  width: 600px;
  padding: 50px;
  border: 0;
  margin-bottom: 50px;
  border-top: 7px solid #734898;
}

.stats_cont {
  padding: 30px 0;
}

.stats_break_line {
  border-bottom: 1px solid #A3A3A3;
  margin-top: 7%;
  margin-left: -50px;
  width: 600px;
}

p.p-outcome {
  padding: 40px 0;
  margin-top: -50px;
}

li.li-outcome {
  font-size: 1rem;
  padding: 0px 10px;
  font-weight: bold;
  margin: 20px;
}

.more_about {
  background-color: #03b6e6;
  height: 500px;
}

.blue_background_img {
  height: 500px;
}

h2.mega_title.case_pg {
  color: #fff;
}

span.process_strg {
  font-weight: 100 !important;
  font-size: 24px !important;
}

h2.mega_title.highlights_process {
  font-size: 24px;
}

.process_items {
  padding: 26px 0;
}

.container.card_cont {
  height: 700px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: -15px;
}

.test_card_black {
  height: 520px;
  width: 480px;
  border-radius: 30px;
  background-color: #000;
  box-shadow: 1px 2px 3px 4px rgba(12, 12, 12, 0.2);
}

.quote.test_q {
  margin-top: -35px;
}

p.card_cont {
  color: #fff;
  font-weight: 500;
  margin: 0 0 30px;
  font-size: 24px;
  padding: 50px;
  text-align: left;
}

.client {
  color: #fff;
  font-size: 16px;
  text-align: left;
  padding: 0 50px;
  margin-top: -100px;
}

p.client_name {
  font-weight: 600;
  margin: 5px 0;
}

p.client_name.title {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 25%;
}

.client_box {
  padding: 50px 0;
}

section.contact .quote.test_q {
  position: absolute;
  padding: 26px 0;
  text-align: left;
  margin-left: 20px;
}

/* Font Setting */
h4.service-sub-desc {
  font-size: 1rem;
  line-height: 1.5rem;
}

.cs-sol-list ul {
  padding: 0 10px;
  margin: 10px;
}

p.cs-sol-list {
  line-height: 1.4rem;
}

/* Case Studies Inner Header */
.case_header_img {
  height: 85vh;
}

.col-12.col-md-6.head_cont {
  padding: 0 100px;
  margin-top: 5%;
}

.row.head_r {
  margin-bottom: 10%;
}

h3.head_client_title {
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
}

.white-box {
  border: 1px solid #fff;
  padding: 10px 15px;
}

img.head_img {
  width: 40px;
}

.row.gx-0.head_row {
  background-color: #6f42c1;
}

.bullet-circle {
  list-style-type: none;
  padding: 0;
}

.bullet-circle li {
  margin-bottom: 10px;
  position: relative;
  /* padding-left: 25px; */
}

.bullet-circle li::before {
  content: "";
  position: absolute;
  top: 30%;
  left: -25px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: #03B6E6;
  border-radius: 50%;
}

.sub_block.bullet-sec {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", "Cairo", sans-serif;
  font-style: normal;
  box-sizing: border-box;
  font-weight: normal;
}

/* Solutions Inner Page */
article.solutions_page {
  overflow: hidden !important;
}

article.solutions_Inner_page {
  overflow: hidden !important;
}

section.contact.case_one {
  padding: 10% 0;
  background: #f1f1f1;
}

section.product_related.case_zero {
  background: #60b6e1;
}

.col-12.col-md-6.sol_cont {
  width: 100%;
}

.lower_cont {
  padding: 10% 0 0;
}

.id.number_x {
  text-align: left !important;
  right: 58% !important;
  top: 60% !important;
  font-size: 9rem !important;
}

.image.r.img_bg {
  height: 250px !important;
}

.panel_box {
  padding: 50px 20px;
  border: 1px solid;
  height: 100%;
}

.feature-box {
  display: flex;
  align-items: center;
  border: 2px solid #ddd;
  height: 100%;
  padding: 50px;
}

.feature-box img {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}

.feature-box h3 {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
}

.feature-box p {
  margin: 10px 0 0;
  font-size: 16px;
}

.feature-box.Project_Img {
  width: 110%;
  height: 200px;
  background: #fff;
  padding: 0;
  border: 0;
}

.image.project_Inside_Img {
  height: 100%;
  width: 100%;
}

.image.project_high_img {
  height: 250%;
  width: 100%;
}

p.pr_rl_para {
  color: #fff !important;
}

h2.mega_title.pr_rl_title {
  color: #fff;
}

.feature-box.highlight_cover {
  margin-right: 10%;
  background: #EFEBE2;
  height: 500px;
  width: 95%;
  z-index: 10;
  position: relative;
  border: 0;
}

.client-reviews {
  padding: 30px 0;
}

/* styling for PIMS features */
ul.list_comp {
  line-height: 30px;
  width: 101%;
}

.sub_feature_title {
  color: #734898;
  font-weight: 500;
  height: 70px;
  display: flex;
  align-items: center;
  margin: 0;
}

h3.features_title {
  font-weight: 600;
}

ul.list_comp.txt_white {
  color: #fff;
}

.circle_feature {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: black;
  box-shadow: -10px 20px 50px rgba(0, 0, 0, 0.568627451);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -20px;
}

.circle_feature .icon {
  width: 50%;
  height: 50%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

img.pims_set {
  height: 70px;
}

.row_block.r_det {
  padding: 20px 0;
}

.circle_feature.pims_feature {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: black;
  box-shadow: -10px 20px 50px rgba(0, 0, 0, 0.568627451);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -10px;
}

.containerr h1 {
  color: #fff;
  text-align: center;
  padding: 10px;
}

details {
  background-color: #f1f1f1;
  font-size: 1.5rem;
}

summary {
  list-style: none;
  display: flex;
  justify-content: space-between;
  transition: height 1s ease;
  margin: 0 -40px;
  position: relative;
}

summary::-webkit-details-marker {
  display: none;
}

summary:after {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 10px;
  background: url(../icons/drop_down.png) center center/cover no-repeat;
}

.pim_list_view {
  display: none;
}

details[open] summary {
  border-bottom: 1px solid #aaa;
  margin-bottom: 0.5em;
}

details[open] summary:after {
  transform: rotate(180deg);
}

details[open] .pim_list_view {
  display: block;
}

li.li-outcome.sub_cat {
  font-size: 1rem;
  padding: 0 10px;
  font-weight: normal;
  line-height: 30px;
}

.row.pim-drops {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  margin: 0 -40px;
}

.col-md-3.pim_list_view {
  padding: 0 20px;
  line-height: 30px;
}

article.service_view_page {
  overflow: hidden;
}

.contact_page textarea.contact-msg-text-box {
  color: #000 !important;
}

a.btn.go_purple_white.search_btn.ss-updt {
  background: initial;
}

a.btn.go_clear.clear_btn.cc-updt {
  background: initial;
}

.parallel-box-two.s-updt:hover {
  background: #03b6e6;
  transition: 0.9s;
  animation: disappear 0.5s ease-in-out;
}

.parallel-box-three.c-updt:hover {
  background: #03b6e6;
  transition: 0.9s;
  color: #fff;
  animation: disappear 0.5s ease-in-out;
}

/* Case Studies Popoup */
label.here-label {
  margin-bottom: 0;
}

.breakers {
  padding-top: 7%;
}

.popup-data {
  padding: 26px;
}

h2.mb10.title-set.card-title-updt {
  font-size: 1.2rem;
  font-weight: bold;
  color: #734898;
}

p.label-cs-updt {
  font-size: 1rem;
}

a.btn-fallback.btn-hover-set.ok-cs-btn {
  border: 3px solid #69428e;
  padding: 12px 30px 12px 30px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background: #69428e;
}

.tac.mb-btn {
  margin-top: -20px;
}

.cs-btn-updt.cs-down:hover {
  background: #03b6e6;
  transition: 0.9s;
  animation: disappear 0.5s ease-in-out;
}

.cs-btn-updt.pop-btn-cs:active {
  transform: translateY(2px);
  box-shadow: none;
}

h2.mega_title.text_white.my-text {
  font-size: 1.8rem;
}

.desc.cs-updt-ds.my-parah {
  height: 100px;
  overflow-y: auto;
}

/* Industries Inner Page */
article.industries_page {
  overflow: hidden !important;
}

article.industry_view {
  overflow: hidden;
}

.half_wide_wrap.r_sub_section_two.sub_left {
  left: 45px;
}

section.get_in_touch.sub_section_two.ad_pad_r {
  height: 700px !important;
}

section.get_in_touch.sub_section_two.ad_pad {
  padding-top: 0;
  height: 550px !important;
}

.image.challenge_img {
  height: 400px;
  width: 650px;
}

.image.challenge_img_two {
  height: 500px;
  width: 700px;
}

.service-card {
  min-height: 175px;
  /* border: 1px solid #ff0000 !important; */
}

.service_sub_blocks.row.gx-5.rl_services {
  margin-top: 5%;
  padding: 10px 0;
}

h2.text_white {
  color: #fff;
}

p.text_white {
  color: #fff;
}

.circle_feature.wt_black_bg {
  box-shadow: 0 0 10px #000;
  margin-bottom: 10%;
}

.sub_block.update_bl {
  padding-left: 0;
  margin: 0 40px;
}

.industry_image-2 {
  background: url("../images/services/datawarehousing-video.png") no-repeat center/cover;
  height: 100%;
}

.industry_image-3 {
  background: url("../images/services/business-automation-video.jpg") no-repeat center/cover;
  height: 100%;
}

.services_image-1 {
  background: url("../images/services/business-automation-video.jpg") no-repeat center/cover;
  height: 100%;
}

.desc.sub_cont_desc.chl_bullets_cont {
  padding: 0 30px;
}

/* Services Inner Page */
article.services_page {
  overflow: hidden !important;
}

article.services_page.ng-star-inserted {
  overflow: hidden !important;
}

h2.mega_title.purple_box.header_align_text {
  margin-left: 10%;
}

.desc.header_align_text {
  margin-left: 10%;
}

.blog_content_fit.cont_align {
  padding: 0 100px;
  margin-top: 70px;
}

h2.mega_title.blue_box.second_sec_title {
  font-size: 2.4rem;
}

.services_image-1 {
  background: url("../images/services/business-automation-video.jpg") no-repeat center/cover;
  height: 100%;
}

section.contact.service_det {
  padding: 8% 10% 0 0 !important;
}

section.service_subs.service_bg {
  background: #60b6e1;
  margin-top: 5%;
}

.resume.upload-res {
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
}

/* Sub services Fixes */
section.get_in_touch.sub_section_two {
  background: #fff !important;
  height: auto !important;
  padding: 150px 0 0 0;
}

.sub_cont_two.sub_cat_rr {
  padding: 20px 0px 0px 50px;
}

.desc.sub_cont_desc.updt_desc p {
  margin-bottom: 0 !important;
}

.desc.sub_cont_desc.updt_desc {
  height: 290px;
  overflow-y: auto;
}

.sub_cont_two.py-5 {
  padding-left: 50px;
}

section.our-highlights.rm-space {
  margin-top: -1%;
}

.half_wide_wrap.r_sub_section_two {
  right: 0 !important;
}

.box_wrap.pt-5.pb-4.solution_box.service_bg.feature_sec_one {
  background: #60b6e1;
}

section.jobs_grid.pb-5.adding_space {
  margin-top: -50px;
}

h3.features_title.txt_white {
  color: #fff;
}

.break_line {
  border-bottom: 2px solid #fff;
  margin-top: 5%;
}

.break_line.feature_list {
  margin-left: -20px;
  border-bottom: 1px solid #fff;
  opacity: 40% !important;
}

.mm-iconbox__content-wrapper.txt-black.feature_list_clr {
  color: #fff;
}

.icon.feature_icon {
  width: 100px;
  height: 100px;
}

.services .service {
  background: rgba(159, 176, 227, 0.5);
  border-right: 1px solid #f1f1f1;
  min-height: 700px;
  padding: 250px 60px 40px;
  transition: 0.6s;
  position: relative;
}

.services .service .id {
  position: relative;
  font-weight: lighter;
  font-size: 3rem;
  color: #30394c;
  transition: 0.6s;
  z-index: 10;
}

.services .service h4 {
  position: relative;
  color: #30394c;
  font-size: 1.6rem;
  font-weight: bold;
  transition: 0.6s;
  z-index: 10;
}

.services .service .info,
.services .service .btn {
  opacity: 0;
  pointer-events: none;
  transition: 0.6s;
  color: #fff;
  font-size: 1.1rem;
  transition: 0.6s;
  z-index: 10;
  position: relative;
}

.services .service .btn {
  position: absolute;
  bottom: 40px;
}

.services .service .image {
  position: absolute;
  right: 0;
  top: -50px;
  height: 350px;
  width: 350px;
  background-position: center;
  background-size: cover;
  transform: translateX(50px);
  z-index: 1;
  transition: 2s;
  mask: url("../icons/mv.svg") no-repeat center/contain;
  -webkit-mask: url("../icons/mv.svg") no-repeat center/contain;
}

.services .service:hover {
  background: rgba(97, 181, 225, 0.9);
}

.services .service:hover .id,
.services .service:hover h4,
.services .service:hover .info {
  color: #fff;
}

.services .service:hover .info,
.services .service:hover .btn {
  opacity: 1;
  pointer-events: all;
}

.services .service:hover .image {
  transform: translateX(30px) scale(1.1);
}

.services>.row>div:nth-child(1) {
  z-index: 1;
}

.services>.row>div:nth-child(2) {
  z-index: 2;
}

.services>.row>div:nth-child(3) {
  z-index: 3;
}

section.dark_head.Increase_padding {
  padding: 100px;
  background: url(../../assets/images/black_bg.jpg) center center/cover no-repeat;
}

section.jobs_grid.pb-5.adding_space.move_up {
  margin-top: -110px;
}

p.list_features {
  color: #000;
  padding: 15px;
  /* margin-top: -90px; */
  line-height: 30px;

}

.careers_page .list_features {
  /* display: flex; */
  padding: 0;
  margin: 0;
}

.careers_page .list_features li {
  list-style: none;
  display: inline-block;
  color: #734898;
  font-weight: 400;
  position: relative;
  padding: 0 10px;
  text-transform: capitalize;
}

.careers_page .list_features li:not(:last-child)::after {
  content: "|";
  /* Add pipe after each item except last */
  position: absolute;
  right: 0;
  color: #666;
  /* Adjust color */
}
.careers_page .list_features{
  padding: 0;
  margin: 0;
  display: flex;
}
.careers_page .list_features li{
  /* display: inline-block; */
  padding: 0 10px;
  position: relative;
  list-style: none;
  color: #734898;
  text-transform: capitalize;
}
.careers_page .list_features li:not(:last-child)::after {
  content: "|";
  display: block;
  margin: 4px 0;
  position: absolute;
  right: 0;
  top: -4px;
}
.dark_head {
  background: url(../../assets/images/black_bg.jpg) center center/cover no-repeat;
  color: #fff;
  padding: 100px;
  position: relative;
}

.dark_head .desc,
.dark_head .desc p {
  color: #fff;
}

.dark_head .mvf {
  background: url("../images/mvf.svg") no-repeat center/contain;
  width: 100px;
  height: 100px;
  position: absolute;
}

section.solutions #solutions_wrap .swiper-wrapper {
  align-items: flex-start;
}

section.solutions #solutions_wrap .swiper-wrapper .swiper-slide {
  height: auto;
}

section.solutions #solutions_wrap .image {
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: 2s;
  position: relative;
  transform-origin: center;
}

section.solutions .swiper-slide {
  overflow: hidden;
}

section.solutions .swiper-slide:hover .image {
  transform: scale(1.2);
}

section.solutions .data {
  padding: 40px 40px 100px;
  position: absolute;
  left: 0;
  top: 200px;
  width: 100%;
  height: 320px;
  border: 1px solid #aaa;
  transition: 0.6s;
}

section.solutions .data h4 {
  font-weight: bold;
  font-size: 1.6rem;
  margin: 0 0 20px;
}

section.solutions .solution {
  position: relative;
  z-index: 10;
  transition: 0.6s;
  margin: -0.5px;
  height: 600px;
}

section.solutions .solution .go_white {
  position: absolute;
  bottom: 20px;
}

section.solutions .go_white {
  opacity: 0;
  pointer-events: none;
}

section.solutions .solution:hover .data {
  background: #734898;
  color: #fff;
  height: 360px;
}

section.solutions .solution:hover .go_white {
  opacity: 1;
  pointer-events: all;
}

section.solutions .solution:hover:after {
  height: 40px;
}

.our_work.solutions .swiper-slide {
  overflow: visible;
}

.our_work.solutions .swiper-pagination {
  bottom: -50px;
}

.service_subs {
  background: #f1f1f1;
}

.service_subs>.image {
  height: 400px;
}

.service_subs>.box_wrap {
  background: #f1f1f1;
  margin-top: -100px;
}

.generic_cover {
  background: #dadeea;
}

.generic_cover .image {
  min-height: 512px;
  margin-bottom: -100px;
  z-index: 10;
  position: relative;
}

.sub_block {
  padding-left: 70px;
  position: relative;
  transition: 2s;
}

.sub_block .count {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: lighter;
  font-size: 2.4rem;
}

.sub_block h2,
.sub_block h4 {
  font-weight: bold;
}

h3.sol_cs_title {
  font-size: 38px !important;
}

section.our_work {
  overflow: hidden;
}

section.our_work #work_section {
  overflow: visible;
}

section.our_work .swiper-button-prev {
  left: -50px;
}

section.our_work .swiper-button-next {
  right: -50px;
}

section.our_work .box_wrap {
  position: relative;
  padding: 50px 0;
}

section.our_work h3 {
  font-size: 2.6rem;
  color: #734898;
  font-weight: bold;
  z-index: 5;
  position: relative;
  height: 155px;
  overflow: hidden;
}

section.our_work .work_panel {
  padding-bottom: 100px;
}

section.our_work .info .col-8 {
  font-size: 1.2rem;
}

section.our_work .icon {
  width: 140px;
  height: 140px;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
}

section.our_work .techs {
  border-top: 1px solid #ddd;
  margin: 20px 0;
  padding: 10px 0;
}

section.our_work .techs h4 {
  font-size: 1.4rem;
}

section.our_work .techs ul {
  margin-left: 20px;
}

section.our_work .techs ul li {
  font-size: 0.8rem;
  margin: 15px 0;
}

section.our_work .image {
  position: relative;
  height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  transition: 0.6s;
  z-index: 5;
}

section.our_work .image:hover {
  filter: none;
  -webkit-filter: none;
}

section.our_work .id {
  position: absolute;
  font-size: 14rem;
  font-weight: bold;
  color: #ededed;
  top: calc(100% - 80px);
  width: 300px;
  height: 160px;
  line-height: 160px;
  z-index: 5;
}

section.our_work .l .id {
  left: 0;
  text-align: left;
}

section.our_work .r .id {
  right: 0;
  text-align: right;
}

.grid_lines {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  pointer-events: none;
  z-index: -1;
}

.grid_lines>i {
  flex-grow: 1;
  height: 100%;
  border-right: 1px solid #efefef;
}

.grid_lines>i:first-child {
  border-left: 1px solid #efefef;
}

#blog_wrap .blog h4 {
  color: #30394c;
  font-size: 1.4rem;
  font-weight: bold;
  transition: 0.6s;
  margin: 30px 0;
}

#blog_wrap .blog .image {
  min-height: 240px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 2s;
}

#blog_wrap .blog .date {
  color: #a9b1b9;
}

#blog_wrap .blog:hover .image {
  filter: sepia(1);
  -webkit-filter: sepia(1);
}

.explore {
  background: #60b6e1;
  padding: 65px 0;
}

.explore .left {
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
}

.explore .go_green_black {
  background: #37ff4a;
  position: relative;
  z-index: 2;
  font-size: 0.8rem;
  width: 100%;
  color: #000;
}

.explore .go_green_black i {
  position: absolute;
  right: 20px;
}

.explore .go_green_black:before,
.explore .go_green_black:after {
  content: "";
  background: inherit;
  position: absolute;
  border-radius: 40px;
  pointer-events: none;
  opacity: 0.5;
  z-index: -1;
}

.explore .go_green_black:before {
  left: -5px;
  top: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
}

.explore .go_green_black:after {
  left: -10px;
  top: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
}

.explore.purple {
  background: #734898;
}

section.glance {
  padding: 80px 0;
  background-color: #d9deeb;
  background-image: url("../images/map.svg");
  background-repeat: no-repeat;
  background-size: 33%;
  background-position-x: 20%;
  background-position-y: 100%;
}

.case_studies .stat_boxes .box {
  background: #60b6e1;
  border: 1px solid #fff;
  color: #fff;
}

.stat_boxes .box {
  background: #fff;
  padding: 30px;
  margin: -0.5px;
  border: 1px solid #A3A3A3;
  height: 100%;
}

.stat_boxes .box h4 {
  font-size: 2rem;
  margin: 20px 0 5px;
  font-weight: bold;
}

.stat_boxes .box h6 {
  font-size: 0.8rem;
  margin: 6px 3px 10px;
}

.stat_boxes .col-4:last-child .box {
  border-right: 0;
}

.stat_boxes .box.b {
  border-top: 7px solid #734898;
}

section.clients_slider {
  padding: 5rem 0;
}

section.clients_slider .client {
  height: 120px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 3rem 0;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  transition: 0.6s;
}

section.clients_slider .client:hover {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}

section.contact {
  overflow: hidden;
}

section.contact .quote {
  position: relative;
  padding: 80px;
  text-align: center;
}

section.contact .quote h3 {
  font-weight: 500;
}

section.contact .quote h2 {
  margin-top: 40px;
  font-weight: bold;
}

section.contact .quote:before {
  content: "“";
  color: #734898;
  font-size: 10rem;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 0;
  left: calc(50% - 40px);
  line-height: 130px;
  font-weight: bold;
}

section.contact #contact_form {
  background: #000;
  color: #fff;
  padding: 90px 70px;
  position: relative;
}

section.contact #contact_form label {
  font-size: 0.9rem;
  font-weight: bold;
}

section.contact #contact_form .desc,
section.contact #contact_form .desc p,
section.contact #contact_form label {
  color: #fff;
}

section.contact #contact_form .note {
  font-weight: bold;
  font-size: 0.85rem;
}

section.contact #contact_form .go_white_black {
  width: 50%;
  position: relative;
}

section.contact #contact_form .go_white_black i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

section.contact p.note.captcha-note {
  padding: 20px 0;
}

section.contact #contact_form:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: #000;
  height: 100%;
  width: calc(50vw - 4px);
  pointer-events: none;
}

#careers_popup .image {
  height: 100%;
  min-height: 300px;
}

#careers_popup .job_box,
#careers_popup .job_box:hover {
  padding: 40px;
}

#careers_popup .job_box .place,
#careers_popup .job_box:hover .place {
  position: absolute;
  right: 40px;
  top: 40px;
  background: #000;
  color: #fff;
  transform: none;
  border: 0;
}

.contact_form {
  background: #000;
  color: #fff;
  padding: 60px;
  position: relative;
}

.contact_form label,
.contact_form .mat-form-field-label {
  color: #fff;
}

.contact_form h2 {
  font-weight: bold;
}

.modal {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1160px;
  max-width: calc(100vw - 60px);
  max-height: calc(100vh - 40px);
  border-top: 4px solid #03b6e6;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  overflow-y: auto;
  overflow-x: hidden;
}

.modal_wrap {
  content: "";
  position: fixed;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 200;
  opacity: 0;
  pointer-events: none;
}

.modal_wrap .close {
  color: #fff;
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 2rem;
  cursor: pointer;
}

.modal_wrap.on {
  opacity: 1;
  pointer-events: all;
}

.mat-form-field {
  margin-bottom: 30px;
  width: 100%;
}

.mat-form-field [type=text],
.mat-form-field textarea.mat-input-element {
  font-size: 1rem;
  padding: 30px 0px 10px;
  border-bottom: 1px solid #707070;
}

textarea {
  font-size: 1rem;
  padding: 20px;
  border: 1px solid #707070;
  color: #fff;
}

.mat-form-field.mat-focused label {
  opacity: 0;
}

.mat-form-field-appearance-outline .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: 0 !important;
  border-radius: 0 !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline-gap {
  border: 0 !important;
}

.mat-form-field-appearance-outline .mat-form-field-flex {
  padding: 0 !important;
}

.go_blue_white,
.go_black_white,
.go_purple_white,
.go_white,
.go_black,
.go_purple,
.go_green,
.go_white_black,
.go_green_black {
  padding: 20px 30px;
  display: inline-block;
  border-radius: 40px;
  font-weight: bold;
  cursor: pointer;
}

.go_blue_white i,
.go_black_white i,
.go_purple_white i,
.go_white i,
.go_black i,
.go_purple i,
.go_green i,
.go_white_black i,
.go_green_black i {
  margin-left: 20px;
}

.go_blue_white {
  background: #60b6e1;
  color: #fff;
}

.go_black_white {
  background: #000;
  color: #fff;
}

.go_purple_white {
  background: #734898;
  color: #fff;
}

.go_white {
  padding: 20px 0;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
}

.go_black,
.go_purple {
  padding: 15px 0;
  background: none;
  color: #000;
}

.go_purple {
  color: #734898;
}

button.ico i,
.btn.ico i {
  background: #fff;
  border-radius: 20px;
  color: #000;
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.go_white.ico i {
  background: #fff;
  color: #000;
}

.go_black.ico i,
.go_purple.ico i {
  background: #000;
  color: #fff;
}

.go_white_black {
  background: #fff;
  color: #000;
}

.btn.shadow,
button.shadow {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.fade-blue,
.fade-purple {
  position: relative;
  overflow: hidden;
}

.fade-blue>i,
.fade-blue>span,
.fade-purple>i,
.fade-purple>span {
  z-index: 5;
  position: relative;
}

.fade-blue:before,
.fade-purple:before,
.fade-blue:after,
.fade-purple:after {
  position: absolute;
  content: "";
  background: inherit;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  transition: 0.6s;
  border-radius: 40px;
  z-index: -1;
}

.fade-blue:hover:after,
.fade-purple:hover:after {
  width: 100%;
  background: #03b6e6;
  z-index: 1;
}

.fade-purple:hover:after {
  background: #734898;
}

.alert_wrapper {
  position: fixed;
  top: 90px;
  width: 450px;
  max-width: calc(100vw - 40px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}

.alert_wrapper .alert {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 15px;
  box-shadow: 0 5px 45px rgba(0, 0, 0, 0.2);
  padding: 20px 30px 20px 90px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  min-height: 90px;
  transition: 0.6s;
  opacity: 0;
  pointer-events: none;
  transform: translateY(50px);
  margin-bottom: 20px;
}

.alert_wrapper .alert>.ico {
  position: absolute;
  background: #03b6e6;
  border-radius: 22px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  left: 20px;
  top: 20px;
  display: block;
  text-align: center;
  color: #fff;
}

.alert_wrapper .alert .close {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  font-size: 2rem;
}

.alert_wrapper .alert.on {
  pointer-events: all;
  opacity: 1;
  transform: none;
}

footer {
  background: #f1f1f1;
}

footer .brand {
  display: block;
  width: 300px;
  height: 120px;
  padding: 160px 0;
  margin: 0 auto;
  background: url("../images/mvfoot.svg") no-repeat left/contain;
  position: relative;
  z-index: 5;
}

footer .brand:after {
  content: "";
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 60px;
  filter: grayscale(1) blur(20px);
  -webkit-filter: grayscale(1) blur(20px);
}

footer h4 {
  font-weight: bold;
  color: #000;
}

footer .join_us {
  background: #734898;
  color: #fff;
  padding: 30px;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

footer .join_us>div {
  font-weight: bold;
  margin: 0 10px;
  flex-grow: 1;
}

footer .join_us .resume {
  flex: 0 0 150px;
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
}

footer .join_us .btn {
  font-weight: bold;
}

footer .join_us [type=text],
footer .join_us [type=email] {
  margin: 0;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 12px 0;
}

footer .join_us [type=text]::placeholder,
footer .join_us [type=email]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

footer .widgets {
  padding-bottom: 150px;
}

footer .widgets .title {
  margin: 0 0 20px;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: left;
}

footer .widgets a.footer-back {
  cursor: pointer;
}

footer .widgets a {
  text-transform: capitalize;
  display: block;
  color: #4a4a4a;
  font-size: 0.9rem;
  font-weight: 400;
  opacity: 0.85;
  padding: 4px 0;
}

footer .widgets .copy_right {
  font-weight: 400;
  color: #4a4a4a;
  opacity: 0.6;
}

footer .socials {
  display: flex;
  margin: 0 -10px;
}

footer .socials .twitter_blue {
  color: #1D9BF0;
}

footer .socials a {
  font-size: 2rem;
  margin: 0 10px;
  color: #000;
}

footer .socials a:hover {
  color: #03b6e6;
}

footer .back_to_top {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 30px;
  height: 50px;
  background: #000;
  color: #fff;
  border-radius: 15px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  z-index: 50;
  border: 1px solid grey;
}

span.sec-span-1 {
  font-weight: 300 !important;
}

.sec-text {
  text-align: center;
}

.sec-text.updt {
  margin-top: 10%;
}

h1.mega_title.added_font {
  font-size: 2rem;
}

span.sec-span-1.added_font {
  font-size: 2rem;
}

h2.mega_title.purple_box.half_h2_txt {
  font-size: 1.4rem !important;
  margin: 0;
}

.icon-img-live {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-top: 40px;
  margin-right: 24px;
  margin-left: 15px;
}

.icon-img-live img {
  max-width: 100%;
  max-height: 100%;
}

.sub_block:not(.bullet-sec) {
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
  border-radius: 5px;
  padding: 30px 30px 30px 70px;
  width: 520px;
}

.sub_block:not(.bullet-sec):hover {
  transform: scale(1.1);
  background-color: #734898;
  color: #fff;
}

.sub_block:not(.bullet-sec):hover .icon-img-live {
  right: -70px;
}

.sub_block .icon-img-live {
  transition: right 0.3s ease, transform 0.3s ease;
}

.sub_block .btn {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.sub_block .btn span {
  vertical-align: middle;
}

.desc.cs-updt-ds {
  overflow-y: auto;
}

/* Service Main */
h2.service-name.a_one {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.sub_block:not(.bullet-sec):hover h2.service-name.a_one {
  -webkit-line-clamp: 3;
}

.sub_block:not(.bullet-sec):hover h4.service-sub-desc.a_one {
  -webkit-line-clamp: 7;
}

.sub_block:not(.bullet-sec):hover .serv_cont.a_one {
  -webkit-line-clamp: 10;
}

/* Solution Main */
.sub_block:not(.bullet-sec):hover .serv_cont.for_other.b_one {
  -webkit-line-clamp: 10;
}

/* Industries Main */
h2.text_white.a_one {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.sub_block:not(.bullet-sec):hover h2.text_white.a_one {
  -webkit-line-clamp: 3;
}

.sub_block:not(.bullet-sec):hover .serv_cont.for_other.c_one {
  -webkit-line-clamp: 10;
}

/* Industries Inner */
.sub_block:not(.bullet-sec):hover .serv_cont.for_other.d_one {
  -webkit-line-clamp: 10;
}

p.text_white.a_one {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sub_block:not(.bullet-sec):hover .text_white.a_one {
  -webkit-line-clamp: 10;
}

section.get_in_touch.sub_section_two.ad_pad.challenge_sec_two.fixit_sec {
  height: auto !important;
}

.container.card_cont.fixit_card.px-5 {
  margin-top: 80%;
  margin-bottom: -50px;
}

p.client_name.title.fixit_title {
  margin-left: 0;
  margin-bottom: 10%;
}

/* -- Style for the radio group -- */
.form-radio-group {
  display: flex;
  flex-direction: column;
}

label.mat-radio-label {
  color: #000;
}

/* Style for individual radio buttons */
.mat-radio-button {
  background-color: #fff;
  color: #fff;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 10px;
  transition: background-color 0.3s, color 0.3s;
}

/* Hover effect for radio buttons */
/* Selected radio button */
.mat-radio-checked .mat-radio-button {
  background-color: #007bff;
  color: #fff;
}

/* -- Style for the checkbox group -- */
.form-checkbox-group {
  display: flex;
  /* flex-direction: column; */
}

/* Style for individual checkboxes */
.mat-checkbox {
  background-color: #fff;
  color: #fff;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 10px;
  transition: background-color 0.3s, color 0.3s;
}

/* Selected checkbox */
.mat-checkbox-checked .mat-checkbox-inner-container {
  background-color: #007bff;
}

/* Styling for the checkmark inside the checkbox */
.mat-checkbox-checked .mat-checkbox-frame {
  border-color: #fff;
}

/* Styling for the label of the checked checkbox */
.mat-checkbox-checked .mat-checkbox-label {
  color: #000;
}

span.mat-checkbox-label {
  color: #000;
}

.mat-checkbox.abc {
  display: flex !important;
}

.job_header.edit_career {
  padding: 20px 0 0 50px;
}

.desc.edit_career {
  padding: 100px 50px;
}

.job_header.edit_career {
  padding: 20px 50px;
}

.job_box.mb-5.job-fit {
  height: 350px;
  overflow: hidden;
}

.box_wrap.pt-5.pb-4.ser_live_updt {
  padding-top: 7rem !important;
  padding-bottom: 5rem !important;
}

.industry_view .feature_icon img {
  width: 50px;
}

section.case_studies.cs {
  overflow: hidden;
}

.about_content .image {
  min-height: 350px;
}

h2.mega_title.purple_box.on_page_title {
  font-size: 1.8rem;
}

h1.on_Sub_heading {
  font-weight: bold;
  font-size: 2.4rem;
  text-transform: capitalize;
}

article.company_page {
  overflow: hidden;
}

.ico.prize {
  background: url("../images/CoreValues/prize.png") no-repeat center/contain;
}

.ico.location {
  background: url("../images/CoreValues/location.png") no-repeat center/contain;
}

.ico.phone {
  background: url("../images/CoreValues/phone.png") no-repeat center/contain;
}

.ico.win {
  background: url("../images/CoreValues/win.png") no-repeat center/contain;
}

.ico.handshake {
  background: url("../images/CoreValues/handshake.png") no-repeat center/contain;
}

.col-12.col-md-3.col-xl-2.clients_new.ng-star-inserted {
  width: 25%;
}

.col-12.col-md-3.col-xl-2.clients_new {
  width: 25% !important;
}

.client.clients_bx {
  height: 200px !important;
}

.client_grid .client {
  background: #fff;
  border: 1px solid #c6c6c6;
  margin: -0.5px;
  position: relative;
  transition: 0.6s;
  padding: 40px 20px;
}

.client_grid .client .tag {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 0.6rem;
  padding: 3px 5px;
  font-weight: 500;
  color: #c6c6c6;
  border: 1px solid #c6c6c6;
  border-radius: 15px;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.5);
}

.client_grid .client .logo {
  height: 120px;
  transition: 0.6s;
}

.client_grid .client .desc {
  position: absolute;
  left: 20px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotateY(180deg);
  display: block;
  font-size: 0.6rem;
  transition: 0.6s;
  opacity: 0;
  pointer-events: none;
  color: #fff;
}

.client_grid .client .btn {
  font-size: 0.8rem;
  position: absolute;
  top: 10px;
  right: 10px;
  color: transparent;
}

.client_grid .client .btn i {
  background: #000;
  color: #fff;
  opacity: 1;
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 0.6rem;
}

.client_grid .col-12:hover .client {
  background: #734898;
}

.client_grid .col-12:hover .btn {
  color: #fff;
}

.client_grid .col-12:hover .btn i {
  background: #fff;
  color: #000;
}

.client_grid .col-12:hover .logo {
  transform: rotateY(180deg);
  opacity: 0;
  pointer-events: none;
}

.client_grid .col-12:hover .desc {
  opacity: 1;
  pointer-events: all;
  transform: translateY(-50%) rotateY(0deg);
}

.client_grid .col-12:hover .tag {
  background: transparent;
}

.client_grid.xl .client {
  padding: 40px 20px;
}

.client_grid.xl .client .logo {
  height: 160px;
}

h2.mega_title.blue_box.new_added {
  font-size: 1.8rem;
}

.menu a {
  cursor: initial;
}

.menu span {
  cursor: pointer;
}

a.y-footer {
  cursor: initial;
  padding: 15px 0 !important;
}

span.footer-menu-titles {
  padding: 0;
  margin: 10px 0;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  cursor: pointer;
}

/* career dropdown with search and clear */
.parallel-box-one {
  width: 700px;
  height: 70px;
  background-color: #E8EDF1;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 70px;
}

.parallel-box-two {
  width: 180px;
  height: 70px;
  background-color: #734898;
  padding: 10px;
  box-sizing: border-box;
  margin-left: 10px;
  border-radius: 70px;
}

.parallel-box-three {
  width: 180px;
  height: 70px;
  background-color: #E8EDF1;
  padding: 10px;
  box-sizing: border-box;
  margin-left: 10px;
  border-radius: 70px;
}

a.btn.go_purple_white.search_btn {
  padding: 15px;
  display: flex;
  justify-content: center;
}

a.btn.go_clear.clear_btn {
  padding: 15px;
  display: flex;
  justify-content: center;
  border-radius: 40px;
  font-weight: bold;
  cursor: pointer;
}

i.bi.bi-x-circle.clear_icon {
  padding-left: 15px;
  font-size: 18px;
}

select.abc-one {
  margin-top: 18px;
  padding: 10px;
  background-color: #fff;
  border: none;
  border-radius: 30px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.search-boxs {
  margin-top: 18px;
  padding: 10px;
  border: none;
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

i.bi.bi-x.cross-x {
  font-size: 24px;
  color: #000;
}

.search_box .drops {
  margin-top: -20px;
}

.search_box {
  background: #000;
  padding: 80px 0 140px;
}

.search_box .drops .mat-form-field {
  margin: 0;
  background: #fff;
  border-radius: 20px;
  height: 40px;
}

.search_box .drops .mat-form-field input,
.search_box .drops .mat-form-field select {
  margin: 0;
}

.search_box .results {
  margin-top: 60px;
  padding: 60px 0;
  border-top: 1px solid #fff;
}

.search_box .result_count,
.search_box .result_tech {
  color: #7f7f7f;
  text-transform: uppercase;
  font-weight: bold;
}

.search_box .result_tech {
  color: #734898;
}

.jobs_grid {
  margin-top: -100px;
}

.job_box {
  background: #fff;
  padding: 20px;
  border: 1px solid #c6c6c6;
  margin: -0.5px;
  position: relative;
  transition: 0.6s;
  min-height: 470px;
}
.service-detail-card{
  min-height: 370px;
}

.job_box .job_header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  height: 150px;
}

.job_box .job_body {
  height: calc(100% - 150px);
  overflow-y: auto;
}

.job_box .list_features {
  /* height: 120px; */
  min-height: 60px;
  max-height: 180px;
  overflow-y: auto;
}

.job_box .tech {
  color: #734898;
  font-weight: bold;
  font-size: 0.8rem;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.job_box .name {
  font-weight: bold;
  font-size: 1.1rem;
  padding-bottom: 10px;
   min-height: 50px; 
}

.job_box .place {
  display: inline-block;
  padding: 6px;
  border: 1px solid #cbcbcb;
  text-transform: uppercase;
  font-weight: 500;
  color: #cbcbcb;
  transform: translateY(50px);
  transition: 0.6s;
}

.job_box .place+div {
  transition: 0.6s;
  border-top: 1px solid transparent;
  margin-top: 20px;
}

.job_box .btn {
  opacity: 0;
  pointer-events: none;
  transition: 0.6s;
}

.job_box:hover .place {
  transform: translateY(0);
}

.job_box:hover .place+div {
  border-top: 1px solid #cbcbcb;
}

.job_box:hover .btn {
  opacity: 1;
  pointer-events: all;
}

@keyframes scroll_mate {
  from {
    transform: translateY(-4px);
  }

  50% {
    transform: translateY(4px);
  }

  to {
    transform: translateY(-4px);
  }
}

@-webkit-keyframes scroll_mate {
  from {
    transform: translateY(-4px);
  }

  50% {
    transform: translateY(4px);
  }

  to {
    transform: translateY(-4px);
  }
}

.mouse_scroll {
  position: absolute;
  bottom: 100px;
  left: 30px;
  width: 34px;
  height: 65px;
  border: 1px solid #fff;
  border-radius: 20px;
  color: #fff;
  padding: 24px 8px;
  z-index: 2;
  cursor: pointer;
}

.mouse_scroll .bi {
  position: absolute;
  animation: scroll_mate 1s linear infinite;
  -webkit-animation: scroll_mate 1s linear infinite;
}

.mouse_scroll.d {
  border: 1px solid #000;
  color: #000;
}

section {
  position: relative;
}

.blue {
  color: #03b6e6;
}

.purple {
  color: #734898;
}

.black {
  color: #000;
}

.white {
  color: #fff;
}

.blue_bg {
  background-color: #03b6e6;
}

.blue_bg_a {
  background-color: #60b6e1;
}

.purple_bg {
  background-color: #734898;
}

.black_bg {
  background-color: #000;
}

.white_bg {
  background-color: #fff;
}

.light_blue_bg {
  background-color: #dadeea;
}

.pos-rel {
  position: relative;
}

.half_wide_wrap {
  width: calc(50vw - 4px);
  position: absolute;
  top: 0;
}

.half_wide_wrap.r {
  left: 0;
}

.half_wide_wrap.l {
  right: 0;
}

.wide_wrap {
  width: calc(100vw - 120px);
  margin: 0 auto;
}

.box_wrap {
  width: 1200px;
  max-width: calc(100% - 120px);
  margin: 0 auto;
}

.wide {
  width: 100%;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.vc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.df {
  display: flex;
}

.aic {
  align-items: center;
}

.ais {
  align-items: stretch;
}

.jcs {
  justify-content: flex-start;
}

.jcc {
  justify-content: center;
}

.jce {
  justify-content: flex-end;
}

.mega_title,
.mega_title span {
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0 0 30px;
}

.mega_title+.desc {
  font-size: 1.2rem;
}

.mega_title:before {
  top: 0;
}

.desc p,
.desc li {
  margin-bottom: 20px;
  color: #000;
  line-height: 1.5rem;
  font-size: 1rem;
}

.desc li {
  margin-bottom: 10px;
  font-size: 0.8rem;
  line-height: 1.2rem;
}

.desc ul,
.desc ol {
  margin-left: 20px;
}

.desc strong,
.desc strong u {
  font-weight: bold;
}

p.mv_blog_content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.desc.boxed {
  position: relative;
  margin: 30px;
}

.desc.boxed:before {
  content: "";
  left: -30px;
  top: -30px;
  width: 30px;
  height: 30px;
  display: block;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  position: absolute;
}

.fh {
  height: 100%;
}

.blue_box,
.purple_box {
  position: relative;
}

.blue_box:before,
.purple_box:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  left: -22px;
  top: -22px;
  background: #60b6e1;
}

.purple_box:before {
  background: #734898;
}

.mdb,
.mdib {
  display: none;
}

animated-digit div {
  font-size: 3.2rem;
  margin: 20px 0 5px;
  font-weight: bold;
}

animated-digit+h6 {
  margin-bottom: 20px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  color: rgba(0, 0, 0, 0.25);
  font-size: 2rem;
}

/* RTL */
[dir=rtl] header {
  left: auto;
  right: 0;
}

[dir=rtl] header .brand {
  background: url("../images/mvision.svg") no-repeat right/contain;
}

[dir=rtl] header .nav .menu .sub {
  left: auto;
  right: 0;
}

[dir=rtl] header .nav .menu .sub:before {
  left: auto;
  right: 10px;
}

[dir=rtl] header .search_btn {
  margin-right: 0 !important;
  margin-left: 15px !important;
}

[dir=rtl] header #search {
  left: auto;
  right: 0;
}

[dir=rtl] header #search .close {
  right: auto;
  left: 20px;
}

[dir=rtl] header #search [type=search] {
  background: #fff url("../icons/search-icon-updt-one.png") no-repeat right 20px/top 30px;
}

[dir=rtl] header:before {
  left: auto;
  right: 0;
}

[dir=rtl] body:not(.home) header .brand {
  background: url("../images/mvfoot.svg") no-repeat right/contain;
}

[dir=rtl] .prime .slides .slide:after {
  left: auto;
  right: 0;
  background: linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
}

[dir=rtl] .trusted_partners .partners_box h3 {
  text-align: right;
}

[dir=rtl] .trusted_partners .partners_box .partner_first {
  border-right: none;
  border-left: 1px solid #ccc;
  text-align: left;
}

[dir=rtl] .col-12.col-md-6.pe-5.desc_col {
  padding-left: 0;
  padding-right: 10px;
}

[dir=rtl] p.date_desc span {
  margin-left: 0;
  margin-right: 198px;
}

[dir=rtl] .header_align_text.py-5 {
  margin-left: 0;
}

[dir=rtl] .stats_break_line {
  margin-left: 0;
  margin-right: -50px;
}

[dir=rtl] .test_card_black {
  box-shadow: -1px 2px 3px 4px rgba(12, 12, 12, 0.2);
}

[dir=rtl] p.card_cont {
  text-align: right;
}

[dir=rtl] .client {
  text-align: right;
}

[dir=rtl] p.client_name.title {
  margin-left: 0;
  margin-right: 25%;
}

[dir=rtl] section.contact .quote.test_q {
  text-align: right;
  margin-left: 0;
  margin-right: 20px;
}

[dir=rtl] .bullet-circle li::before {
  left: auto;
  right: -25px;
}

[dir=rtl] .id.number_x {
  text-align: right !important;
  right: auto !important;
  left: 58% !important;
}

[dir=rtl] .feature-box img {
  margin-right: 0;
  margin-left: 20px;
}

[dir=rtl] .feature-box.highlight_cover {
  margin-right: 0;
  margin-left: 10%;
}

[dir=rtl] .circle_feature {
  box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.568627451);
}

[dir=rtl] .circle_feature.pims_feature {
  box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.568627451);
}

[dir=rtl] summary {
  margin-left: 0;
  margin-right: -40px;
}

[dir=rtl] details[open] summary:after {
  transform: rotate(-180deg);
}

[dir=rtl] .row.pim-drops {
  margin-left: 0;
  margin-right: 23%;
}

[dir=rtl] .half_wide_wrap.r_sub_section_two.sub_left {
  left: auto;
  right: 45px;
}

[dir=rtl] .sub_block.update_bl {
  padding-left: 0;
  padding-right: 0;
}

[dir=rtl] h2.mega_title.purple_box.header_align_text {
  margin-left: 0;
  margin-right: 10%;
}

[dir=rtl] .desc.header_align_text {
  margin-left: 0;
  margin-right: 10%;
}

[dir=rtl] section.contact.service_det {
  padding: 8% 0 0 10% !important;
}

[dir=rtl] .sub_cont_two.py-5 {
  padding-left: 0;
  padding-right: 50px;
}

[dir=rtl] .half_wide_wrap.r_sub_section_two {
  right: auto !important;
  left: 0 !important;
}

[dir=rtl] .break_line.feature_list {
  margin-left: 0;
  margin-right: -20px;
}

[dir=rtl] .services .service {
  border-right: none;
  border-left: 1px solid #f1f1f1;
}

[dir=rtl] .services .service .image {
  right: auto;
  left: 0;
  background-position: left top;
  transform: translateX(-50px);
}

[dir=rtl] .services .service .image {
  position: absolute;
  right: 0;
  top: -50px;
  height: 350px;
  width: 350px;
  background-position: center;
  background-size: cover;
  transform: translateX(50px);
  z-index: 1;
  transition: 2s;
  mask: url("../icons/mv.svg") no-repeat center/contain;
  -webkit-mask: url("../icons/mv.svg") no-repeat center/contain;
}

[dir=rtl] .services .service:hover .image {
  transform: translateX(-30px) scale(1.1);
}

[dir=rtl] section.solutions .data {
  left: auto;
  right: 0;
}

[dir=rtl] .sub_block {
  padding-left: 0;
  padding-right: 70px;
}

[dir=rtl] .sub_block .count {
  left: auto;
  right: 0;
}

[dir=rtl] section.our_work .techs ul {
  margin-left: 0;
  margin-right: 20px;
}

[dir=rtl] section.our_work .l .id {
  left: auto;
  right: 0;
  text-align: right;
}

[dir=rtl] section.our_work .r .id {
  right: auto;
  left: 0;
  text-align: left;
}

[dir=rtl] .grid_lines {
  left: auto;
  right: 0;
}

[dir=rtl] .grid_lines>i {
  border-right: none;
  border-left: 1px solid #efefef;
}

[dir=rtl] .grid_lines>i:first-child {
  border-left: none;
  border-right: 1px solid #efefef;
}

[dir=rtl] .explore .go_green_black i {
  right: auto;
  left: 20px;
}

[dir=rtl] .explore .go_green_black:before {
  left: auto;
  right: -5px;
}

[dir=rtl] .explore .go_green_black:after {
  left: auto;
  right: -10px;
}

[dir=rtl] section.glance {
  background-position-x: 80%;
}

[dir=rtl] .stat_boxes .col-4:last-child .box {
  border-right: none;
  border-left: 0;
}

[dir=rtl] section.contact .quote:before {
  left: auto;
  right: calc(50% - 40px);
}

[dir=rtl] section.contact #contact_form .go_white_black i {
  right: auto;
  left: 20px;
}

[dir=rtl] section.contact #contact_form:after {
  left: auto;
  right: 0;
}

[dir=rtl] #careers_popup .job_box .place,
[dir=rtl] #careers_popup .job_box:hover .place {
  right: auto;
  left: 40px;
}

[dir=rtl] .modal {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}

[dir=rtl] .modal_wrap {
  left: auto;
  right: 0;
}

[dir=rtl] .modal_wrap .close {
  right: auto;
  left: 20px;
}

[dir=rtl] .go_blue_white i,
[dir=rtl] .go_black_white i,
[dir=rtl] .go_purple_white i,
[dir=rtl] .go_white i,
[dir=rtl] .go_black i,
[dir=rtl] .go_purple i,
[dir=rtl] .go_green i,
[dir=rtl] .go_white_black i,
[dir=rtl] .go_green_black i {
  margin-left: 0;
  margin-right: 20px;
  transform: rotateZ(180deg);
  display: inline-block;
}

[dir=rtl] .fade-blue:before,
[dir=rtl] .fade-purple:before,
[dir=rtl] .fade-blue:after,
[dir=rtl] .fade-purple:after {
  left: auto;
  right: 0;
}

[dir=rtl] .alert_wrapper {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

[dir=rtl] .alert_wrapper .alert {
  padding: 20px 90px 20px 30px;
}

[dir=rtl] .alert_wrapper .alert>.ico {
  left: auto;
  right: 20px;
}

[dir=rtl] .alert_wrapper .alert .close {
  right: auto;
  left: 5px;
}

[dir=rtl] footer .brand {
  background: url("../images/mvfoot.svg") no-repeat right/contain;
}

[dir=rtl] footer .brand:after {
  left: auto;
  right: 0;
  cursor: initial;
  height: 80%;
}

[dir=rtl] footer .widgets .title {
  text-align: right;
}

[dir=rtl] footer .back_to_top {
  right: auto;
  left: 20px;
}

[dir=rtl] .client_grid .client .tag {
  left: auto;
  right: 20px;
}

[dir=rtl] .client_grid .client .desc {
  transform: translateY(-50%) rotateY(-180deg);
}

[dir=rtl] .client_grid .client .btn {
  right: auto;
  left: 10px;
}

[dir=rtl] .client_grid .col-12:hover .logo {
  transform: rotateY(-180deg);
}

[dir=rtl] .parallel-box-two {
  margin-left: 0;
  margin-right: 10px;
}

[dir=rtl] .parallel-box-three {
  margin-left: 0;
  margin-right: 10px;
}

[dir=rtl] i.bi.bi-x-circle.clear_icon {
  padding-left: 0;
  padding-right: 15px;
}

[dir=rtl] .mouse_scroll {
  left: auto;
  right: 30px;
}

[dir=rtl] .half_wide_wrap.r {
  left: auto;
  right: 0;
}

[dir=rtl] .half_wide_wrap.l {
  right: auto;
  left: 0;
}

[dir=rtl] .tal {
  text-align: right;
}

[dir=rtl] .tar {
  text-align: left;
}

[dir=rtl] .desc ul,
[dir=rtl] .desc ol {
  margin-left: 0;
  margin-right: 20px;
}

[dir=rtl] .desc.boxed:before {
  left: auto;
  right: -30px;
  border-left: none;
  border-right: 1px solid #000;
}

[dir=rtl] .blue_box:before,
[dir=rtl] .purple_box:before {
  left: auto;
  right: -22px;
}

.google-map iframe{
  width: 100% !important;
}
/* Blog Responsive */
@media (max-width: 480px) {
  .cont {
    width: 112%;
  }

  .desc.blog_content.text_zero {
    text-align: justify;
  }

  .desc.blog_content.txt_one {
    text-align: justify;
  }

  .desc.blog_content.txt_two {
    text-align: justify;
  }

  h4.blog_txt.txt_three {
    text-align: justify;
  }

  .desc.blog_content.txt_three {
    text-align: justify;
  }

  .col-12.col-md-6.pe-5.blog_box {
    padding-left: 10px;
  }

  section.blog.blog_inner {
    padding: 50px 0;
  }

  p.date_desc {
    margin-bottom: 20px;
    color: #9597a0;
    line-height: 1.6rem;
  }

  p.date_desc span {
    margin-left: 0;
    display: flex;
    text-align: left;
    color: #9597a0;
    margin-top: 10px;
  }

  .blog_image-1 {
    height: 200px !important;
  }

  .blog_image-2 {
    height: 200px !important;
  }

  .blog_image-3 {
    height: 200px !important;
  }

  .col-12.col-md-6.img_col_2 {
    padding: 10px;
  }

  .col-12.col-md-6.img_col_3 {
    padding: 10px;
  }

  .row.ais.row_three {
    margin-top: -50px;
  }

  .row.ais.row_two {
    margin-top: 0;
  }

  .last_row {
    margin-top: -50px;
  }

  /* Case Studies Inner Header */
  section.case_studies.cs {
    overflow: hidden !important;
  }

  .white-box.mob_dis_box {
    width: 80px;
  }

  .col-4.mob_dis_client {
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
    margin-left: 30%;
  }
}

@media only screen and (max-width: 1366px) {
  header .brand {
    max-width: 120px;
  }

  header .nav a {
    margin: 0;
  }

  header .contact {
    padding: 15px;
    font-size: 0.8rem;
  }

  header .lang_toggle,
  header .search_btn {
    margin: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .mdb {
    display: block;
  }

  .mdib {
    display: inline-block;
  }

  .mdn {
    display: none;
  }

  .wide_wrap,
  .box_wrap {
    width: calc(100vw - 40px);
    max-width: calc(100vw - 40px);
  }

  header .brand {
    max-width: 150px;
    height: 50px;
  }

  header .right {
    flex-grow: 1;
    justify-content: flex-end;
  }

  header .menu_btn {
    font-size: 2rem;
  }

  header .menu_btn .bi-x {
    display: none;
  }

  header .menu_btn.on .bi-list {
    display: none;
  }

  header .menu_btn.on .bi-x {
    display: block;
  }

  header .nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 70px;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    display: block;
    opacity: 0;
    pointer-events: none;
  }

  header .nav a {
    padding: 15px;
  }

  header .nav .toggle_sub {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    font-size: 1.4rem;
    display: block;
  }

  header .nav .toggle_sub .bi-minus {
    display: none;
  }

  header .nav .sub.on .toggle_sub .bi-minus {
    display: block;
  }

  header .nav .sub.on .toggle_sub .bi-plus {
    display: none;
  }

  header .nav .menu .sub,
  header .nav .menu:hover .sub {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    opacity: 0;
    height: 0;
    pointer-events: none;
  }

  header .nav .menu a,
  header .nav .menu:hover a {
    background: none;
  }

  header .nav .menu.on .sub {
    height: auto;
    opacity: 1;
    pointer-events: all;
  }

  header .nav.on {
    opacity: 1;
    pointer-events: all;
  }

  header:before {
    height: 80px;
  }

  .prime .blue_box,
  .prime .purple_box {
    margin-left: 0;
  }

  .prime .slides .slide .box_wrap {
    height: 100%;
    max-width: calc(100vw - 60px);
  }

  .prime .slides .slide .box_wrap .text {
    max-width: calc(100vw - 60px);
  }

  .prime .slides .slide .box_wrap .text h2 {
    font-size: 2rem;
  }

  .prime .slides .slide .box_wrap .text .sub {
    font-size: 1.2rem;
  }

  .prime .trusted_partners .partners_box {
    margin: 0 -20px;
    border-radius: 0;
    padding: 10px 20px;
  }

  .prime .trusted_partners .partners_box .col-md-3 {
    padding: 0;
  }

  .prime .trusted_partners .partners_box h3 {
    font-size: 1rem;
    text-align: left;
  }

  .prime .trusted_partners .partners_box .df {
    flex-wrap: wrap;
  }

  .prime .trusted_partners .partners_box .partner {
    height: 35px;
    flex: 0 0 50%;
    margin: 0;
  }

  .mega_title {
    font-size: 1.2rem;
  }

  .get_in_touch {
    padding: 120px 0 0;
  }

  .get_in_touch>.box_wrap {
    width: calc(100vw - 50px);
    max-width: calc(100vw - 50px);
  }

  .get_in_touch .about_cont {
    padding: 50px 20px;
  }

  .get_in_touch .pos-rel .half_wide_wrap {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    padding-left: 0 !important;
  }

  .get_in_touch .get_in_touch_image {
    height: 50vh;
    margin: 0 -20px;
  }

  .get_in_touch .desc p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  section.services>.box_wrap {
    padding: 0 30px;
  }

  section.services .service {
    background: #61b5e1;
    padding: 160px 40px 40px;
    min-height: 550px;
    overflow: hidden;
  }

  section.services .service .id {
    font-size: 3rem;
  }

  section.services .service h4 {
    font-size: 1.2rem;
  }

  section.services .service .id,
  section.services .service h4 {
    color: #fff;
  }

  section.services .service .info {
    max-height: 150px;
    overflow-y: auto;
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  section.services .service .info,
  section.services .service .btn {
    opacity: 1;
    pointer-events: all;
  }

  section.services .swiper-slide:not(.swiper-slide-active) .service {
    opacity: 0;
    pointer-events: none;
  }

  section.services #srv {
    padding: 0 50px;
  }

  .dark_head {
    padding: 0;
  }

  .dark_head .box_wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .dark_head .box_wrap p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .blue_box:before,
  .purple_box:before {
    width: 15px;
    height: 15px;
    left: -17px;
    top: -17px;
  }

  section.solutions .data {
    padding: 40px 20px 100px;
  }

  section.solutions #solutions_wrap .image {
    height: 140px;
  }

  section.solutions #solutions_wrap .data {
    top: 140px;
  }

  section.solutions #solutions_wrap .data h4 {
    font-size: 1.2rem;
  }

  section.solutions #solutions_wrap .data .info {
    font-size: 0.8rem;
  }

  section.solutions .solution .go_white {
    color: #734898;
    opacity: 1;
    pointer-events: all;
  }

  section.solutions .solution,
  section.solutions .solution.on {
    height: 460px;
    background: none;
  }

  section.solutions .solution:hover .data {
    background: none;
    color: #000;
    height: 320px;
  }

  section.solutions .btn {
    font-size: 0.8rem;
  }

  section.solutions .btn i {
    height: 26px;
    width: 26px;
    line-height: 26px;
    margin-left: 5px;
  }

  section.our_work .image {
    height: 100vw;
    width: 100vw;
    margin: 0 -20px;
  }

  section.our_work .icon {
    width: 80px;
    height: 80px;
  }

  section.our_work h3 {
    height: auto;
    font-size: 1.6em;
  }

  section.our_work .pos-rel .half_wide_wrap {
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
  }

  section.our_work .id {
    font-size: 8rem;
  }

  section.our_work .ps-5 {
    padding-left: 0 !important;
  }

  section.our_work .info p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  section.our_work .desc p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  section.our_work .image.l {
    margin-bottom: 100px;
  }

  section.our_work .work_panel {
    padding-bottom: 30px;
  }

  section.our_work .techs {
    font-size: 0.8rem;
  }

  .grid_lines {
    margin: 0 -20px;
    opacity: 70%;
  }

  section.blog_slider .box_wrap {
    padding: 0 30px;
  }

  .explore {
    text-align: center;
  }

  .explore .box_wrap {
    width: calc(100vw - 100px);
    max-width: calc(100vw - 100px);
  }

  .explore .left {
    margin-bottom: 30px;
  }

  section.glance {
    background-size: 90%;
    background-position-x: 0;
    background-position-y: 100%;
  }

  section.glance .box_wrap {
    width: calc(100vw - 100px);
    max-width: calc(100vw - 100px);
  }

  section.glance .row {
    justify-content: flex-end;
  }

  section.glance .box {
    padding: 15px 30px;
    height: 35vw;
  }

  section.glance .box h6 {
    margin: 0;
    font-size: 0.6rem;
    text-transform: capitalize;
  }

  animated-digit div {
    font-size: 1.8rem;
  }

  section.contact #contact_form {
    margin: 0 -20px;
    padding: 70px;
  }

  section.contact #contact_form .go_white_black {
    width: 80%;
  }

  section.contact #contact_form .go_white_black .bi {
    margin-left: 35%;
  }

  section.contact .pe-5 {
    padding-right: 0 !important;
  }

  article.contact_page .form {
    margin: 30px;
  }

  #careers_popup .job_box,
  #careers_popup .job_box:hover {
    padding: 30px;
  }

  #careers_popup .job_box .place,
  #careers_popup .job_box:hover .place {
    top: 20px;
    right: 20px;
  }

  .contact_form {
    padding: 30px;
  }

  .modal_wrap .modal {
    max-height: calc(100vh - 80px);
    top: calc(50% + 20px);
  }

  #stats-header .left {
    padding: 50px !important;
  }

  body:not(.home) {
    margin: 70px 0 0;
  }

  body:not(.home) header {
    height: auto;
    padding: 10px 0;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  }

  body:not(.home) header .lang_toggle {
    color: #000;
  }

  body:not(.home) .stat_boxes {
    overflow: hidden;
  }

  body:not(.home) .stat_boxes .box {
    padding: 15px;
  }

  body:not(.home) .stat_boxes .box h6 {
    font-size: 0.7rem;
  }

  .client_boxes>.py-5 {
    padding: 30px;
  }

  .client_boxes .desc p {
    line-height: 1.2rem;
    font-size: 0.8rem;
  }

  .blog_content ul,
  .blog_content ol {
    padding-left: 20px;
    font-size: 0.9rem;
    line-height: 1.4rem;
  }

  .blog_content ul li,
  .blog_content ol li {
    margin-bottom: 30px;
  }

  .blog_content p,
  .blog_content span {
    font-size: 0.9rem;
    line-height: 1.4rem;
  }

  .blog_content img {
    max-width: 100%;
    max-height: 80vw;
  }

  .blog_content+.image {
    max-height: 80vw;
  }

  .col-12.col-md-6.head_cont {
    padding: 50px;
  }

  .case_header_img {
    max-height: 80vw;
  }

  footer .copy_right {
    text-align: center;
  }

  footer .brand {
    height: 180px;
    padding: 20px 0;
    background-size: 160px;
    background-position: center;
  }

  footer .join_us {
    padding: 20px;
    flex-wrap: wrap;
  }

  footer .join_us>div:not(:last-child) {
    margin-bottom: 10px;
  }

  footer .join_us .resume {
    flex: 0 0 calc(100% - 20px);
  }

  footer .widgets {
    padding-bottom: 60px;
  }

  footer .widgets .row>div {
    margin-bottom: 20px;
  }

  /* About Us Our Vision Responsive */
  section.about_sec {
    padding: 50px 20px 0;
  }

  .about_sec .about_content.box_wrap {
    width: calc(100vw - 80px);
  }

  .about_sec .desc.blog_content {
    font-size: 0.8rem;
  }

  .about_sec .desc.blog_content p {
    padding: 0px;
    line-height: 1.2rem;
    font-size: 0.8rem;
  }

  .about_sec .about_content .image {
    min-height: 240px;
  }

  header .nav .menu .sub,
  header .nav .menu:hover .sub {
    transition: -0.9s;
  }

  /* Core Values Sec Responsive */
  .core_values .desc p {
    margin-bottom: 50px;
    color: #333;
    line-height: 1.2rem;
    font-size: 0.8rem;
  }

  li.li_mob_vr {
    font-size: 0.8rem !important;
    max-width: none !important;
    flex: none !important;
  }

  .core_values .go_black_white {
    padding: 15px 30px;
    font-size: 0.8rem !important;
  }

  .careers_page a.btn.go_purple_white.search_btn {
    font-size: 0.8rem;
    padding: 18px;
  }

  .careers_page a.btn.go_clear.clear_btn {
    font-size: 0.8rem;
    padding: 18px;
  }

  .careers_page i.bi.bi-x-circle.clear_icon {
    padding-left: 15px;
    font-size: 1rem;
  }

  .careers_page input.search-boxs {
    font-size: 0.8rem;
  }

  .careers_page .abc-one {
    font-size: 0.8rem;
  }

  .careers_page .career_header {
    min-height: 400px !important;
  }


  /* careers page */

  /* Blogs */
  .blogs_page .tagline .box_wrap {
    padding: 0 5px !important;
  }

  .blogs_page .go_black_white {
    padding: 10px 30px;
    font-size: 0.8rem;
  }

  /* Blog Inner */
  .blog_inner h2.mega_title {
    font-size: 1.4rem;
    text-transform: capitalize;
  }

  .blog_inner h4.blog_txt {
    font-size: 0.8rem !important;
    line-height: 1.2rem !important;
  }

  .blog_inner .blog_content p {
    line-height: 1.2rem;
    font-size: 0.8rem;
  }

  .blog_inner .blog_content+.image {
    max-height: 50vw;
  }

  .explore .left {
    font-size: 1.2rem;
  }

  a.btn.go_green_black {
    padding: 10px 30px;
    font-size: 0.8rem;
    width: 80%;
  }

  span.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  section.contact .quote {
    padding: 50px;
    margin-top: 5%;
  }

  section.contact .quote:before {
    font-size: 5rem;
    line-height: 5rem;
  }

  section.contact .quote h3 {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  section.contact .quote h2 {
    font-size: 0.8rem;
  }

  .quote span {
    font-size: 0.8rem;
  }

  .btn.go_white_black {
    padding: 15px 30px;
    font-size: 0.8rem;
  }

  .contact_wrap .go_white_black {
    padding: 15px 30px;
    width: 80%;
  }

  .hsb i.bi.bi-chevron-right {
    /* width: 30px; */
    /* height: 30px; */
    /* line-height: 32px; */
    position: absolute;
    right: 20px;
    top: 50%;
  }

  h1.on_Sub_heading {
    font-size: 1.8rem;
    line-height: 2rem;
  }

  h2.mega_title.purple_box.on_page_title {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin: 0;
  }

  .get_in_touch .go_black_white {
    padding: 15px 30px;
    font-size: 0.8rem;
  }

  /* Industries Inner */
  .industry_view .id.number_x {
    text-align: right !important;
    right: 0 !important;
    top: 60% !important;
    font-size: 8rem !important;
  }

  .industry_view .work_panel p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .case_studies .work_panel p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .sub_cont_two.py-5 {
    padding-left: 0;
  }

  .industry_view .challenge_sec {
    padding: 50px 20px 0;
  }

  .box_wrap.challenge_r {
    width: calc(100vw - 40px);
    padding: 0 5px;
  }

  .challenge_sec ul.bullet-circle {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .industry_view .bullet-circle li::before {
    left: -20px;
    width: 5px;
    height: 5px;
  }

  .image.challenge_img {
    min-height: 240px;
    height: auto;
    width: auto;
  }

  .image.challenge_img_two {
    min-height: 240px;
    height: auto;
    width: auto;
  }

  .industry_view .tagline.blue_bg_a {
    top: 270px;
  }

  .industry_view section.row_benefits {
    top: 230px;
    margin-bottom: 30%;
  }

  .industry_view .circle_feature {
    width: 75px;
    height: 75px;
  }

  .industry_view h2.text_white {
    font-size: 1.2rem;
  }

  .industry_view p.text_white {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  section.get_in_touch.sub_section_two {
    background: #fff !important;
    padding: 80px 0 0 0;
  }

  .sub_cont_two.sub_cat_rr {
    padding: 60px 20px 0px 20px;
  }

  .desc.sub_cont_desc.updt_desc {
    height: initial;
    overflow-y: initial;
  }

  .industry_view .challenge_rr {
    padding: 0 25px;
  }

  .industry_view .col-12.col-md-6.pos-rel.sec_2 {
    order: 2;
    /* Set the order to 2 for mobile view */
  }

  .industry_view .intro h2.mega_title.purple_box {
    font-size: 1.2rem;
    margin: 0;
  }

  .industry_view .intro h1 {
    font-size: 1.6rem !important;
    line-height: 2rem !important;
  }

  .industry_view .intro .desc p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .mouse_scroll.d {
    width: 25px;
    height: 45px;
    padding: 15px 4px;
    bottom: 50px;
    left: 40px;
  }

  .industry_view .intro .header_align_text.py-5 {
    padding: 50px 40px;
    margin-left: 0;
  }

  .go_white.ico {
    font-size: 1rem;
  }

  i.bi.bi-chevron-right {
    width: 30px;
    height: 30px;
    line-height: 32px;
  }

  /* Solution Inner */
  .p-5.aliiss {
    padding: 20px !important;
  }

  .solutions_Inner_page .header_align_text.py-5 {
    padding: 50px 40px;
    margin-left: 0;
  }

  .solutions_Inner_page h2.mega_title.purple_box {
    font-size: 1.2rem;
    margin: 0 0 20px;
  }

  .solutions_Inner_page .intro h1 {
    font-size: 1.6rem !important;
    line-height: 2rem !important;
  }

  .solutions_Inner_page .intro .desc p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .solutions_Inner_page .feature-box h3 {
    margin: 10px 0 0;
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .solutions_Inner_page .feature-box p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .solutions_Inner_page .feature-box img {
    width: 35px;
    height: 35px;
  }

  .solutions_Inner_page .id.number_x {
    text-align: right !important;
    right: 0 !important;
    top: 60% !important;
    font-size: 8rem !important;
  }

  .solutions_Inner_page .work_panel p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .feature-box.Project_Img {
    width: 120%;
  }

  /* Apply Button */
  .btn.wide.tac.lt-apply {
    display: inline-block;
    border-radius: 40px;
    cursor: pointer;
    background: #fff;
    color: #000;
    padding: 15px 30px;
    font-size: 0.8rem;
  }

  .lt-apply i.fa.fa-spinner.fa-spin.my-spin {
    margin-left: 10px;
  }

  /* Font Align */
  p.mv_blog_content {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  p.mv_glance_content {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .bullet-circle h4 {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .services .service .image {
    position: absolute;
    right: 0;
    top: -50px;
    height: 30vh;
    width: 30vh;
    background-position: center;
    background-size: cover;
    transform: translateX(50px);
    z-index: 1;
    transition: 2s;
    mask: url("../icons/mv.svg") no-repeat center/contain;
    -webkit-mask: url("../icons/mv.svg") no-repeat center/contain;
  }

  .container.card_cont.fixit_card.px-5 {
    margin-top: 0 !important;
  }

  .test_card_black {
    width: 310px !important;
  }

  .col-12.col-md-6.sec_2.cs-high-updt {
    padding: 50px;
  }

  .client_box.wow {
    padding: 0;
  }

  .sub_cont_two.pt-5.challenge_rr.cs-high-updt {
    padding: 20px 20px 0;
  }

  p.date_desc.case_bar.clr {
    overflow-y: auto;
    height: 500px;
  }

  .soll {
    padding: 0 50px 50px;
    margin-top: -20px;
  }

  h2.bullet-heading.cs-sol-heading {
    padding: 0 0px 10px 20px;
    font-size: 1rem !important;
  }

  .cs-sol-list ul {
    padding: 0 20px;
    margin: 10px;
  }

  .bullet-circle.for-cs li::before {
    content: "";
    position: absolute;
    top: 30%;
    left: 0 !important;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: #03B6E6;
    border-radius: 50%;
  }

  .cs-sol-list p {
    padding: 0 10px 10px;
  }

  .sub_block.bullet-sec.newt {
    padding-top: 0;
  }

  .desc.updt-ds {
    height: 135px;
    overflow-y: auto;
    margin-bottom: 15px;
  }

  /* Multi */
  p.multimedia_cont {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .col-12.col-md-6.pos-rel.box_1 {
    order: 2;
    margin-bottom: 20%;
  }

  .work_panel.updated {
    margin-top: -10%;
  }

  h2.mega_title.purple_box.updated-title {
    font-size: 1.2rem;
    margin: 0 0 20px;
  }

  /* Case Studies Inner */
  .Inner_page .case_studies_bar p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .Inner_page .case_studies_bar .desc.boxed:before {
    content: none;
  }

  .Inner_page .case_studies_bar .desc.boxed {
    margin: 0;
  }

  .Inner_page .case_studies_bar .box_wrap.pt-5.pb-4 {
    width: calc(100vw - 80px);
    padding: 0 5px;
  }

  /* Sub Categories Inner */
  .Sub_key_bar .box_wrap.pt-5.pb-4 {
    width: calc(100vw - 80px);
  }

  .Sub_key_bar .box_wrap.pt-5.pb-4 {
    width: calc(100vw - 80px);
  }

  i.bi.bi-chevron-right.drk-updt {
    margin-top: 5%;
    margin-bottom: -10%;
  }

  .Sub_key_bar .desc.boxed:before {
    content: none;
  }

  .Sub_key_bar .desc.boxed {
    margin: 0;
  }

  .Sub_key_bar p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .image.sub_cat {
    min-height: 240px;
    height: auto !important;
    width: auto;
  }

  .sub_cont_two.py-5.sub_cat_rr {
    padding: 0 25px;
  }

  .m_b li.li-outcome.sub_cat {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  section.dark_head.Increase_padding {
    padding: 0;
    margin-bottom: 20%;
    margin-top: 15%;
  }

  .job_box .list_features {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  /* careers page */

  .move_up .place {
    font-size: 0.8rem;
  }

  /* Case Studies Popoup Mob*/
  .popup-data {
    padding: 30px 10px 0;
  }

  h2.mb10.title-set.card-title-updt {
    font-size: 1rem;
    font-weight: bold;
    color: #734898;
  }

  p.label-cs-updt {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  label.here-label {
    margin-bottom: 0;
    font-size: 0.8rem;
  }

  mat-form-field.mat-form-field.field-set {
    font-size: 0.8rem;
    margin-bottom: 15px;
  }

  .tac.mb-btn {
    margin-top: -30px;
  }

  h2.mega_title.text_white.my-text {
    font-size: 1.4rem;
  }

  /* Header Sub_cat */
  .subCategory_page .header_align_text.py-5 {
    padding: 50px 40px;
    margin-left: 0;
  }

  .subCategory_page h2.mega_title.purple_box {
    font-size: 1.2rem !important;
    margin: 0;
  }

  .subCategory_page .intro h1 {
    font-size: 1.8rem !important;
    line-height: 2rem;
  }

  .subCategory_page .intro .desc p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .quote.test_q.m_b::before {
    margin-left: 20px;
  }

  h2.mega_title.purple_box.Highlight_title {
    margin: 0;
  }

  .box_wrap.m_b {
    padding: 20px;
  }

  section.our-highlights.rm-space {
    margin-top: -7%;
  }

  .solutions_Inner_page .intro h2.mega_title.purple_box {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .related-case-space {
    padding: 0 25px;
  }

  section.our-services.multimedia {
    margin-bottom: -21%;
  }

  h2.mega_title.blue_box {
    margin: 0 0 20px;
  }

  .related-case-space p.para-style {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  p.blog-sub-cont {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .subCategory_page .row.aic.set_align {
    height: 50vh !important;
  }

  .solutions_Inner_page .row.aic.set_align {
    height: 60vh !important;
  }

  .swiper.arr {
    position: static;
  }

  .swiper.arr.indus {
    overflow: visible;
  }

  .service_subs .box_wrap.p-5.updt {
    margin-bottom: -50px;
  }

  .swiper-button-prev.updated {
    top: 80%;
  }

  .swiper-button-next.updated {
    top: 80%;
  }

  h2.mega_title.new_added-m {
    font-size: 1.8rem;
  }

  h2.mega_title.blue_box.new_added {
    font-size: 1.8rem;
  }

  h2.mega_title.blue_box.new_added {
    font-size: 1.2rem !important;
  }

  .desc.edit_career {
    padding: 120px 20px 20px 20px;
  }

  .job_header.edit_career {
    padding: 20px 20px;
  }

  h2.mega_title.life-ok {
    margin-top: 10%;
  }

  .desc.edit_career p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  /* PIMS MOB */
  summary.mob {
    display: initial;
    margin-left: -30px;
  }

  summary.mob:after {
    content: none;
  }

  details[open] summary.mob:after {
    content: none;
  }

  h3.features_title.mb-title {
    font-size: 1rem;
  }

  h3.sub_feature_title.sub-mb-title {
    font-size: 1rem;
  }

  .row.pim-drops.mb-pim {
    margin-left: 0;
    margin-bottom: 20%;
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .col-md-3.pim_list_view.mb-list-view {
    padding: 0;
    line-height: 1.2rem;
  }

  details[open] summary.mob {
    border-bottom: 1px solid #aaa;
    margin-bottom: 1.5em;
  }

  /* Search Fixes For Mob */
  header .search_suggestion div a {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  header .search_suggestion div p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  header #search [type=search] {
    padding: 10px 20px;
    font-size: 1rem;
  }

  header #search .close {
    top: 25px;
  }

  header #search .close i {
    font-size: 1.6rem;
  }

  .sub_block:not(.bullet-sec):hover {
    transform: none;
    background: initial;
    color: initial;
  }

  /* Devops Feature Section*/
  .box_wrap.pt-5.pb-4.solution_box.service_bg.feature_sec_one {
    padding: 0 25px;
  }

  .service_subs .circle_feature {
    width: 60px;
    height: 60px;
  }

  img.My_Icon {
    height: 70px;
  }

  .dev_feature_title {
    margin-top: -10px;
  }

  .mm-iconbox__content-wrapper.txt-black.feature_list_clr {
    font-size: 0.8rem;
    line-height: 1.2rem;
    margin-top: -20px;
    padding-left: 20px;
  }

  .intro .box_wrap .row {
    height: auto !important;
  }

  .industry_view .feature_icon img {
    width: 40px;
  }

  .sub_block:not(.bullet-sec) {
    width: auto;
  }

  /* Industries Inner View */
  .row.bg.gx-0.for_mb {
    pointer-events: none;
  }

  .row.bg.gx-0.for_mb .image {
    height: 100vw;
  }

  .industry_view .intro .row.aic.set_align {
    height: 70vh !important;
  }

  .industry_view h2.mega_title.purple_box {
    font-size: 1.2rem;
    margin: 0 0 20px;
  }

  .industry_view .Industries_key_bar p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .industry_view .Industries_key_bar .desc.boxed:before {
    content: none;
  }

  .industry_view .Industries_key_bar .desc.boxed {
    margin: 0;
  }

  .industry_view .Industries_key_bar .box_wrap.pt-5.pb-4 {
    width: calc(100vw - 80px);
    padding: 0 5px;
  }

  .our-highlights p.date_desc.case_bar {
    font-size: 0.8rem;
  }

  .test_card_black {
    height: 450px;
    width: 340px;
    border-radius: 30px;
    background-color: #000;
    box-shadow: 1px 2px 3px 4px rgba(12, 12, 12, 0.2);
  }

  p.card_cont.testimonial_card.card {
    font-size: 1rem;
  }

  .quote.test_q {
    margin-top: -25px;
  }

  .our-highlights p.client_name.title {
    margin-left: 5%;
  }

  .our-highlights .container.card_cont.px-5 {
    height: 500px;
  }

  .desc.sub_cont_desc.chl_bullets_cont {
    font-size: 0.8rem !important;
    line-height: 1.2rem;
    padding: 0;
  }

  .glance p.p-outcome {
    font-size: 0.8rem;
    padding: 40px 0px 20px;
  }

  .stats_container {
    display: flex;
    flex-direction: column;
    margin-left: -130%;
    margin-top: 50%;
  }

  .stats_boxes.bx_one {
    width: 100%;
  }

  .stats_boxes.bx_two {
    width: 100%;
  }

  .stats_boxes h2.mega_title {
    font-size: 1.2rem;
    margin: 10px 0;
  }

  .stats_boxes p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .stats_desc_txt {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .our-services .blue_background_img {
    max-height: 80vw;
  }

  .Inner_page .go_black_white {
    padding: 15px 30px;
    font-size: 0.8rem !important;
  }

  .Inner_page .our-services p.date_desc.case_bar {
    font-size: 0.8rem;
    line-height: 1.2rem;
    color: #333;
  }

  .Inner_page .our-services .blog_content_fit.for_set {
    padding: 30px 50px 30px;
    /* margin-bottom: -20px; */
  }

  .case_studies.Inner_page li.li-outcome {
    margin: 0 0 20px 0;
  }

  .image.highlight_set {
    max-height: 80vw;
  }

  .white-box.mob_dis_box {
    padding: 10px 20px;
  }

  p.pr_rl_para {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  h3.head_client_title {
    font-size: 1rem;
  }

  p.text_white.ss_set {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .Inner_page .li-outcome span {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  h2.service-name {
    font-size: 1.2rem !important;
  }

  h4.service-sub-desc {
    font-size: 0.8rem !important;
    line-height: 1.2rem;
  }

  .go_blue_white i,
  .go_black_white i,
  .go_purple_white i,
  .go_white i,
  .go_black i,
  .go_purple i,
  .go_green i,
  .go_white_black i,
  .go_green_black i {
    top: 50 !important;
    transform: translateY(-50%) !important;
  }

  /* CS View and Download Buttons */
  a.btn.go_black_white.shadow.mb-4.fade-blue.bl-updt-btn {
    padding: 15px 30px;
    font-size: 0.8rem;
  }

  a.btn.go_green_black.shadow.mb-4.fade-blue.bl-updt-btn {
    padding: 15px 30px;
    font-size: 0.8rem;
    width: auto;
  }

  .col-12.col-md-6.pos-rel.life-change {
    order: 2;
  }

  .col-12.col-md-6.life-change {
    order: 1;
  }

  .row.gx-4.position-relative.life-updt {
    padding-bottom: 10%;
  }

  .lower_cont h3 {
    text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  p.volly-cs {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }

  .techs.cs-ds-updt.for-solution-cs {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
  }

  /* Phase-1 */
  i.bi.bi-search.hash-search {
    transform: none !important;
  }

  h2.mega_title.blog_pg {
    font-size: 1.2rem !important;
    margin: 0 0 20px;
  }

  p.ttt {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .btn.go_black_white.shadow.my-4.fade-blue.b-btn {
    padding: 15px 30px;
    font-size: 0.8rem;
  }

  .btn.go_black_white.shadow.my-4.fade-blue.updated.ff-btn {
    padding: 15px 30px;
    font-size: 0.8rem !important;
  }

  section.contact #contact_form {
    padding: 70px 50px;
  }

  /* Overflow SOlutions */
  .solutions_Inner_page .our_work #work_section {
    overflow: hidden;
  }

  .solutions_Inner_page .our_work.solutions .swiper-slide {
    overflow: hidden;
  }

  .solutions_Inner_page .solutions .swiper-slide:hover .image {
    transform: initial;
  }

  .solutions_Inner_page .id.number_x {
    right: 20px !important;
  }

  /* Overflow Industries */
  .industry_view .our_work #work_section {
    overflow: hidden;
  }

  .industry_view .our_work.solutions .swiper-slide {
    overflow: hidden;
  }

  .industry_view .solutions .swiper-slide:hover .image {
    transform: initial;
  }

  .industry_view .id.number_x {
    right: 20px !important;
  }

  /* Blog Inner UI */
  .blog_page p.desc.blogsss {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .blog_page .desc.blog_content.text_zero {
    text-align: left;
  }

  .blog_page ol {
    margin-left: 0;
  }

  .blog_page .desc.blog_content.text_zero span {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .blog_page section.blog.blog_inner {
    padding: 50px 0 0;
  }

  p.date_desc.dateee {
    font-size: 0.8rem;
    margin-bottom: 10px;
  }

  p.date_desc.authorrr {
    font-size: 0.8rem;
  }

  .blog_content_fit.fitted {
    padding: 0 20px;
    margin-bottom: 0 !important;
  }

  p.date_desc.blog_pg.fitted {
    line-height: 1.2rem;
    font-size: 0.9rem;
  }

  /* CS View and Download Buttons */
  a.btn.go_black_white.shadow.mb-4.fade-blue.bl-updt-btn {
    padding: 15px 30px;
    font-size: 0.8rem;
  }

  a.btn.go_green_black.shadow.mb-4.fade-blue.bl-updt-btn {
    padding: 15px 30px;
    font-size: 0.8rem;
    width: auto;
  }

  .col-12.col-md-6.pos-rel.life-change {
    order: 2;
  }

  .col-12.col-md-6.life-change {
    order: 1;
  }

  .row.gx-4.position-relative.life-updt {
    padding-bottom: 10%;
  }

  .lower_cont h3 {
    text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  p.volly-cs {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }

  /* Phase-1 */
  i.bi.bi-search.hash-search {
    transform: none !important;
  }

  h2.mega_title.blog_pg {
    font-size: 1.2rem !important;
    margin: 0 0 20px;
  }

  p.ttt {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .btn.go_black_white.shadow.my-4.fade-blue.b-btn {
    padding: 15px 30px;
    font-size: 0.8rem;
  }

  .btn.go_black_white.shadow.my-4.fade-blue.updated.ff-btn {
    padding: 15px 30px;
    font-size: 0.8rem !important;
  }

  section.contact #contact_form {
    padding: 70px 50px;
  }

  i.bi.bi-chevron-right.updt {
    top: 50%;
    transform: translateY(-50%);
  }

  .half_updt {
    padding: 70px 20px 0;
    margin-left: 0;
    padding-right: 1rem !important;
  }

  /* For Page Title */
  .sec-text.updt {
    margin-top: 30%;
    margin-bottom: 0;
  }

  h1.mega_title.added_font {
    font-size: 1.2rem;
  }

  span.sec-span-1.added_font {
    font-size: 1.2rem;
  }

  .icon-img-live {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
  }

  i.bi.bi-chevron-right.ser_updt {
    margin-top: 18%;
  }

  .quote.test_q.m_b {
    margin-top: -5%;
    margin-left: 20px !important;
  }

  .box_wrap.pt-5.pb-4.ser_live_updt {
    padding-top: 5rem !important;
    padding-bottom: 1rem !important;
  }

  .industry_view .sub_block.update_bl {
    padding: 50px;
    margin: 0;
  }

  /* Service and Inner Pages */
  .wide_for_all_services h2.mega_title.purple_box.header_align_text {
    line-height: 1.6rem;
  }

  .service_view_page .wide_for_all_services h2.mega_title.purple_box.header_align_text {
    line-height: 1.6rem;
  }

  .service_view_page h2.mega_title.purple_box.header_align_text {
    margin-left: 5%;
  }

  .service_view_page .desc.header_align_text {
    margin-left: 5%;
  }

  #wide-header .left {
    padding: 50px 0 0 !important;
  }

  #wide-header .desc p {
    line-height: 1.2rem;
    font-size: 0.8rem;
  }

  .wide_for_all_services .blog_header_image_services {
    height: 400px !important;
    width: 330px !important;
    margin-bottom: 30px !important;
    z-index: 0 !important;
    margin-left: 5% !important;
    margin-top: 0 !important;
  }

  .tagline .box_wrap.py-5 {
    width: calc(100vw - 80px);
    padding: 0 5px;
  }

  .tagline h2.mega_title.purple_box.white.serv_key_title {
    font-size: 1.2rem;
    line-height: 1.4rem !important;
    margin: 0 0 20px;
  }

  .tagline .white {
    line-height: 1.2rem;
    font-size: 0.8rem;
  }

  .tagline .desc.boxed {
    margin: 0;
  }

  .tagline .desc.boxed:before {
    content: none;
  }

  /* service/feature section edit */
  .service_subs .box_wrap.p-5 {
    margin-top: -50px;
  }

  .service_subs>.image {
    height: 100px;
  }

  .service_subs h2.mega_title.blue_box {
    line-height: 2rem;
  }

  .service_subs .desc p {
    line-height: 1.2rem;
    font-size: 0.8rem;
  }

  .service_subs .sub_block {
    padding-left: 0;
    padding-top: 70px;
  }

  .service_subs .sub_block h2,
  .sub_block h4 {
    font-size: 1.3rem;
  }

  .service_subs .sub_block p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }

  .blue_box:before,
  .purple_box:before {
    width: 10px;
    height: 10px;
    left: -17px;
    top: -10px;
  }

  .intro .trusted_partners .partners_box .df {
    flex-wrap: wrap;
  }

  .intro .trusted_partners .partners_box h3 {
    font-size: 1rem;
    text-align: left;
  }

  .intro .trusted_partners .partners_box {
    margin: 0 -20px;
    border-radius: 0;
    padding: 10px 20px;
  }

  .intro .trusted_partners .partners_box .partner {
    height: 35px;
    flex: 0 0 50%;
    margin: 0;
  }

  [dir=rtl] header .nav .toggle_sub {
    right: auto;
    left: 0;
  }

  [dir=rtl] header .nav .menu .sub,
  [dir=rtl] header .nav .menu:hover .sub {
    left: auto;
    right: auto;
  }

  [dir=rtl] .prime .blue_box,
  [dir=rtl] .prime .purple_box {
    margin-left: 0;
    margin-right: 0;
  }

  [dir=rtl] .prime .trusted_partners .partners_box h3 {
    text-align: right;
  }

  [dir=rtl] .get_in_touch .pos-rel .half_wide_wrap {
    left: auto;
    right: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [dir=rtl] .blue_box:before,
  [dir=rtl] .purple_box:before {
    left: auto;
    right: -17px;
  }

  [dir=rtl] section.solutions .btn i {
    margin-left: 0;
    margin-right: 5px;
  }

  [dir=rtl] section.our_work .pos-rel .half_wide_wrap {
    left: auto;
    right: auto;
  }

  [dir=rtl] section.our_work .ps-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [dir=rtl] section.glance {
    background-position-x: 100%;
  }

  [dir=rtl] section.contact #contact_form .go_white_black .bi {
    margin-left: 0;
    margin-right: 35%;
  }

  [dir=rtl] section.contact .pe-5 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  [dir=rtl] #careers_popup .job_box .place,
  [dir=rtl] #careers_popup .job_box:hover .place {
    right: auto;
    left: 20px;
  }

  [dir=rtl] .blog_content ul,
  [dir=rtl] .blog_content ol {
    padding-left: 0;
    padding-right: 20px;
  }

  [dir=rtl] .careers_page i.bi.bi-x-circle.clear_icon {
    padding-left: 0;
    padding-right: 15px;
  }

  [dir=rtl] .industry_view .id.number_x {
    text-align: left !important;
    right: auto !important;
    left: 0 !important;
  }

  [dir=rtl] .sub_cont_two.py-5 {
    padding-left: 0;
    padding-right: 0;
  }

  [dir=rtl] .industry_view .bullet-circle li::before {
    left: auto;
    right: -20px;
  }

  [dir=rtl] .mouse_scroll.d {
    left: auto;
    right: 40px;
  }

  [dir=rtl] .industry_view .intro .header_align_text.py-5 {
    margin-left: 0;
    margin-right: 0;
  }

  [dir=rtl] .solutions_Inner_page .header_align_text.py-5 {
    margin-left: 0;
    margin-right: 0;
  }

  [dir=rtl] .solutions_Inner_page .id.number_x {
    text-align: left !important;
    right: auto !important;
    left: 0 !important;
  }

  [dir=rtl] .subCategory_page .header_align_text.py-5 {
    margin-left: 0;
    margin-right: 0;
  }

  [dir=rtl] .quote.test_q.m_b::before {
    margin-left: 0;
    margin-right: 20px;
  }

  [dir=rtl] .mm-iconbox__content-wrapper.txt-black.feature_list_clr {
    padding-left: 0;
    padding-right: 20px;
  }

  [dir=rtl] .test_card_black {
    box-shadow: -1px 2px 3px 4px rgba(12, 12, 12, 0.2);
  }

  [dir=rtl] .our-highlights p.client_name.title {
    margin-left: 0;
    margin-right: 5%;
  }

  [dir=rtl] .stats_container {
    margin-left: 0;
    margin-right: -130%;
  }

  [dir=rtl] .wide_for_all_services .blog_header_image_services {
    margin-left: 0 !important;
    margin-right: 10% !important;
  }

  [dir=rtl] .service_subs .sub_block {
    padding-left: 0;
    padding-right: 0;
  }

  [dir=rtl] .blue_box:before,
  [dir=rtl] .purple_box:before {
    left: auto;
    right: -17px;
  }

  [dir=rtl] .intro .trusted_partners .partners_box h3 {
    text-align: right;
  }
}

@media only screen and (max-width: 512px) {
  .prime .slides .slide .box_wrap .text h2 {
    font-size: 1.6rem;
  }

  .prime .slides .slide .box_wrap .text .sub {
    font-size: 1rem;
  }
}

.swiper-pagination-bullet {
  background: #242424;
  width: 15px;
  height: 15px;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #00b6e6;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  height: 96px;
  width: 96px;
  animation: loader_rotate 1.2s linear infinite;
  background-color: #734898;
  background-image: linear-gradient(#734898, #03b6e6);
  z-index: 4;
}

.loader span {
  position: absolute;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  background-color: #734898;
  background-image: linear-gradient(#734898, #03b6e6);
}

.loader span:nth-of-type(1) {
  filter: blur(5px);
}

.loader span:nth-of-type(2) {
  filter: blur(10px);
}

.loader span:nth-of-type(3) {
  filter: blur(25px);
}

.loader span:nth-of-type(4) {
  filter: blur(50px);
}

.loader_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 200;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  opacity: 0;
  pointer-events: none;
}

.loader_wrap.on {
  opacity: 1;
  pointer-events: auto;
}

.loader_wrap::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  display: block;
  mask: url("../images/mvf.svg") no-repeat center/contain;
  -webkit-mask: url("../images/mvf.svg") no-repeat center/contain;
  background: #734898;
  z-index: 201;
}

.loader::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background-color: #fff;
  border: solid 5px #ffffff;
  border-radius: 50%;
}

@keyframes loader_rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

html ::-webkit-scrollbar {
  max-width: 8px;
  max-height: 8px;
}

html ::-webkit-scrollbar-thumb {
  background-color: #734898;
  border-radius: 4px;
}

/* CSS for the dropdown on mobile */
.service_sub_blocks-dropdown {
  display: none;
}

/* CSS for the dropdown container on mobile */
.service_sub_blocks-dropdown-container {
  display: block;
}

/* CSS for the dropdown items on mobile */
.service_sub_blocks-dropdown-item {
  display: block;
}

/*# sourceMappingURL=ui.css.map */