/* -------------------------------------------

Name: 		Palpixel official website
Version:    1.0
Developer:	Nibhash Mishra

------------------------------------------- */
/*--------------------------------------------

1. common
    - main
    - typography
    - link
    - button
    - form
    - breadcrumbs
    - backgrounds
    - spaces
2. components
    - preloader
    - cursor
    - hidden elements
    - scrollbar
    - frame
    - menu button
    - menu 
    - banner
    - circle text
    - lines
    - dodecahedron
    - about
    - partners
    - services
    - team
    - social icons
    - revievs
    - blog
    - footer
    - portfolio
    - map
    - accordion
    - price
    - 404
    - images
    - page transitions


--------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css);
/* -------------------------------------------





main

------------------------------------------- */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body {
  padding: 0;
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.5);
  line-height: 150%;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}
@media screen and (max-width: 768px) {
  html,
  body {
    font-size: 15px;
  }
}

*::-moz-selection {
  color: inherit;
  background-color: transparent;
}

*::selection {
  color: inherit;
  background-color: transparent;
}

.mil-wrapper {
  position: relative;
  overflow: visible;
  max-width: 100%;
}

.container {
  pointer-events: all;
}

.mil-relative {
  position: relative;
}

.mil-o-hidden {
  overflow: hidden;
}

.mil-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fw-100 {
  font-weight: 100;
}
.fw-200 {
  font-weight: 200;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-700 {
  font-weight: 700;
}
.mil-vert-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

@media screen and (max-width: 992px) {
  .mil-mobile-hidden {
    display: none;
  }
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#loadingDiv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.box-shadow {
  box-shadow: rgba(0, 0, 0, 0.01) 0px 1px 1px 0px,
    rgba(130, 140, 151, 0.1) 0px 0px 0px 1px;
}
section {
  position: relative;
  overflow: hidden;
}

/* -------------------------------------------

typography

------------------------------------------- */
h1,
.mil-h1,
h2,
.mil-h12,
h3,
.mil-h3,
h4,
.mil-h4,
h5,
.mil-h5,
h6,
.mil-h6 {
  font-family: "Outfit", sans-serif;
  color: rgb(0, 0, 0);
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  h1 br,
  .mil-h1 br,
  h2 br,
  .mil-h12 br,
  h3 br,
  .mil-h3 br,
  h4 br,
  .mil-h4 br,
  h5 br,
  .mil-h5 br,
  h6 br,
  .mil-h6 br {
    display: none;
  }
}

h1,
.mil-h1 {
  font-size: 86px;
}
@media screen and (max-width: 1400px) {
  h1,
  .mil-h1 {
    font-size: 74px;
  }
}
@media screen and (max-width: 1200px) {
  h1,
  .mil-h1 {
    font-size: 72px;
  }
}
@media screen and (max-width: 992px) {
  h1,
  .mil-h1 {
    font-size: 58px;
  }
}
@media screen and (max-width: 768px) {
  h1,
  .mil-h1 {
    font-size: 34px;
  }
}

h2,
.mil-h2 {
  font-size: 68px;
  line-height: 120%;
}
@media screen and (max-width: 1200px) {
  h2,
  .mil-h2 {
    font-size: 56px;
  }
}
@media screen and (max-width: 992px) {
  h2,
  .mil-h2 {
    font-size: 44px;
  }
}
@media screen and (max-width: 768px) {
  h2,
  .mil-h2 {
    font-size: 36px;
  }
}

h3,
.mil-h3 {
  font-size: 42px;
}
@media screen and (max-width: 1200px) {
  h3,
  .mil-h3 {
    font-size: 39px;
  }
}
@media screen and (max-width: 992px) {
  h3,
  .mil-h3 {
    font-size: 36px;
  }
}
@media screen and (max-width: 768px) {
  h3,
  .mil-h3 {
    font-size: 30px;
  }
}

h4,
.mil-h4 {
  font-size: 28px;
}
@media screen and (max-width: 1200px) {
  h4,
  .mil-h4 {
    font-size: 26px;
  }
}
@media screen and (max-width: 992px) {
  h4,
  .mil-h4 {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  h4,
  .mil-h4 {
    font-size: 22px !important;
  }
}

h5,
.mil-h5 {
  font-size: 20px;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  h5,
  .mil-h5 {
    font-size: 18px;
  }
}

h6,
.mil-h6 {
  font-size: 18px;
  line-height: 150%;
}
@media screen and (max-width: 1200px) {
  h6,
  .mil-h6 {
    font-size: 17px;
  }
}
@media screen and (max-width: 992px) {
  h6,
  .mil-h6 {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  h6,
  .mil-h6 {
    font-size: 21px !important;
  }
}

/* Right click btn mouse disable */

body {
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  -o-user-select: none;
  user-select: none;
}

.mil-no-wrap {
  white-space: nowrap;
}

blockquote {
  padding: 60px;
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 18px;
  color: rgb(0, 0, 0);
  font-style: italic;
  border-left: solid 4px rgb(108, 65, 255);
}
@media screen and (max-width: 768px) {
  blockquote {
    padding: 30px;
    font-size: 16px;
  }
}

.mil-text-sm {
  font-size: 15px;
}
.mil-text-md {
  font-size: 16px;
  line-height: 150%;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.5) !important;
}
.mil-text-lg {
  font-size: 18px;
  line-height: 170%;
}

.mil-text-xl {
  font-size: 22px;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .mil-text-xl {
    font-size: 20px;
  }
}

.mil-upper {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
}

.mil-bold {
  font-weight: 500;
}

.mil-thin {
  font-weight: 100;
}

a {
  color: inherit;
  text-decoration: none;
}

.mil-complex-title {
  line-height: normal;
}

.mil-accent {
  color: rgb(108, 65, 255);
}

.mil-light {
  color: rgb(255, 255, 255) !important;
}
.mil-light a {
  color: rgb(255, 255, 255) !important;
}

.mil-muted {
  color: rgba(255, 255, 255, 0.9);
}

.mil-dark {
  color: rgb(0, 0, 0);
}

.mil-light-soft {
  color: rgba(255, 255, 255, 0.4);
}

.mil-dark-soft {
  color: rgba(0, 0, 0, 0.5);
}

.mil-marker {
  background-color: rgb(108, 65, 255);
  padding: 0 5px;
}

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

.mil-left {
  text-align: left;
}

.mil-right {
  text-align: right;
}

@media screen and (max-width: 576px) {
  .mil-sm-center {
    text-align: center;
  }
}

.mil-suptitle {
  position: relative;
  display: block;
  margin-bottom: 60px;
}
.mil-suptitle:before {
  content: "";
  position: absolute;
  right: calc(100% + 30px);
  top: 10px;
  width: 600px;
  height: 1px;
  background-color: rgb(255, 255, 255);
  opacity: 0.2;
}
.mil-suptitle.mil-suptitle-right {
  text-align: right;
}
.mil-suptitle.mil-suptitle-right:before {
  left: calc(100% + 30px);
}
@media screen and (max-width: 768px) {
  .mil-suptitle.mil-suptitle-right {
    text-align: center;
  }
  .mil-suptitle.mil-suptitle-right:before {
    display: none;
  }
}
.mil-suptitle.mil-suptitle-dark:before {
  background-color: rgb(0, 0, 0);
  opacity: 0.1;
}
@media screen and (max-width: 768px) {
  .mil-suptitle {
    margin-bottom: 60px;
  }
}

.mil-divider {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
}

.mil-img-frame {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 140%;
}
.mil-img-frame img {
  position: absolute;
  border-radius: 10px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.ml-35 {
  margin-left: 30px;
}

.iframeCinematicMotion {
  width: 100%;
  height: 700px;
}

/* -------------------------------------------

link

------------------------------------------- */
.mil-link {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
}
.mil-link svg {
  margin-left: 15px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 10px;
  background-color: #a8227f;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-link svg path {
  fill: rgb(255, 255, 255);
}
.mil-link.mil-accent svg {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-link.mil-accent svg path {
  fill: rgb(108, 65, 255);
}
.mil-link.mil-dark svg {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-link.mil-dark svg path {
  fill: rgb(0, 0, 0);
}
.mil-link:hover svg {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.mil-link.mil-down-arrow svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mil-link.mil-down-arrow:hover svg {
  -webkit-transform: scale(1.15) rotate(90deg);
  transform: scale(1.15) rotate(90deg);
}
.mil-link.mil-icon-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.mil-link.mil-icon-left svg {
  margin-left: 0;
  margin-right: 15px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mil-link.mil-icon-left:hover svg {
  -webkit-transform: scale(1.15) rotate(180deg);
  transform: scale(1.15) rotate(180deg);
}

/* -------------------------------------------

button

------------------------------------------- */
.mil-button {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  letter-spacing: 2px;
  font-size: 12px;
  background-color: #eb007f;
  color: #fff;
  border-radius: 70px;
  padding: 0 15px 0 50px;
  height: 70px;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-button span {
  white-space: nowrap;
}
.mil-button svg {
  margin-left: 30px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 10px;
  background-color: #a8227f;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-button svg path {
  fill: #fff;
}
.mil-button.mil-icon-button {
  padding: 15px;
}
.mil-button.mil-icon-button svg {
  margin-left: 0;
}
.mil-button.mil-icon-button-sm {
  padding: 0;
  height: 40px;
}
.mil-button.mil-icon-button-sm svg {
  margin-left: 0;
  background-color: rgb(108, 65, 255);
}
.mil-button.mil-icon-button-sm svg path {
  fill: rgb(0, 0, 0);
}
.mil-button:hover {
  -webkit-transform: scale(1.015);
  transform: scale(1.015);
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}
.mil-button:hover svg {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.mil-button.mil-arrow-down svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mil-button.mil-arrow-down:hover {
  -webkit-transform: scale(1.015);
  transform: scale(1.015);
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}
.mil-button.mil-arrow-down:hover svg {
  -webkit-transform: scale(1.15) rotate(90deg);
  transform: scale(1.15) rotate(90deg);
}
@media screen and (max-width: 992px) {
  .mil-button {
    height: 60px;
    padding: 0 10px 0 40px;
  }
  .mil-button svg {
    margin-left: 25px;
  }
}

/* -------------------------------------------

form

------------------------------------------- */
input,
textarea {
  position: relative;
  height: 70px;
  padding: 0 30px;
  width: 100%;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  font-family: "Outfit", sans-serif;
  color: rgb(0, 0, 0);
  border: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}
input:focus,
textarea:focus {
  outline: inherit;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}
input::placeholder,
textarea::placeholder {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}

textarea {
  padding: 15px 30px;
  height: 200px;
}

/* -------------------------------------------

breadcrumbs

------------------------------------------- */
.mil-breadcrumbs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.mil-breadcrumbs:before {
  content: "";
  position: absolute;
  right: calc(100% + 30px);
  top: 10px;
  width: 100vw;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.mil-breadcrumbs li {
  list-style-type: none;
}
.mil-breadcrumbs li:first-child:after {
  content: "/";
  margin: 0 6px;
  color: rgb(0, 0, 0);
}
.mil-breadcrumbs li a {
  color: rgb(0, 0, 0);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  -webkit-transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-breadcrumbs li a:hover {
  color: rgb(108, 65, 255);
}
.mil-breadcrumbs li:last-child {
  margin-right: 0;
  cursor: not-allowed;
}
.mil-breadcrumbs li:last-child a {
  opacity: 0.4;
  pointer-events: none;
}
.mil-breadcrumbs li:last-child:after {
  display: none;
}
.mil-breadcrumbs.mil-light:before {
  background-color: rgba(255, 255, 255, 0.1);
}
.mil-breadcrumbs.mil-light li:after {
  color: rgba(255, 255, 255, 0.9);
}
.mil-breadcrumbs.mil-light li a:hover {
  color: rgb(108, 65, 255) !important;
}
.mil-breadcrumbs.mil-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sceneCor {
  width: 400px;
  height: 400px;
  perspective: 25000px;
  position: absolute;
  top: -22% !important;
  left: 58% !important;
}
.scene2Cor {
  width: 100px;
  height: 100px;
  perspective: 5000px;
  position: absolute;
  left: 32% !important;
  top: -4% !important;
}
.scene3Cor {
  width: 60px;
  height: 60px;
  perspective: 2890px;
  position: absolute;
  top: 35% !important;
  left: 89% !important;
}
/* -------------------------------------------

backgrounds

------------------------------------------- */
.mil-dark-bg {
  position: relative;
}
.mil-dark-bg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  background-color: #000000;
  /* z-index: 2;
  -webkit-backdrop-filter: invert(100%);
          backdrop-filter: invert(100%); */
}

/* .mil-menu-btns{
  display: flex;
        flex-direction: column;
        gap: 6px;
}
.mil-menu-btns span{
  width: 28px;
    height: 3px;
    backdrop-filter: invert(100%);
    -webkit-backdrop-filter: invert(100%);
    z-index: 2;
    display: inline-block;
} */

.mil-dark-bg .mi-invert-fix {
  height: 100%;
  position: relative;
  pointer-events: none;
  z-index: 3;
}
.mil-dark-bg .mi-invert-fix .container {
  pointer-events: all;
}

.mil-soft-bg {
  background-color: rgb(242, 242, 242);
}

/* -------------------------------------------

spaces

------------------------------------------- */
.mil-mr-30 {
  margin-right: 30px;
}

.mil-mb-5 {
  margin-bottom: 5px;
}

.mil-mb-10 {
  margin-bottom: 10px;
}

.mil-mb-15 {
  margin-bottom: 15px;
}

.mil-mb-20 {
  margin-bottom: 15px;
}

.mil-mb-30 {
  margin-bottom: 30px;
}

.mil-mt-10 {
  margin-top: 10px;
}

.mil-mt-15 {
  margin-top: 15px;
}

.mil-mt-20 {
  margin-top: 15px;
}

.mil-mt-30 {
  margin-top: 30px;
}
.mil-mt-35 {
  margin-top: 35px;
}

.mil-mb-60 {
  margin-bottom: 60px;
}

.mil-mb-90 {
  margin-bottom: 90px;
}

.mil-mb-120 {
  margin-bottom: 120px;
}
.mil-mb-80 {
  margin-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .mil-mb-120 {
    margin-bottom: 90px;
  }
}
.mil-p-120 {
  padding-top: 120px;
}
.mil-p-60 {
  padding: 60px 0;
}
.mil-mt-suptitle-offset {
  margin-top: 70px;
}
@media screen and (max-width: 992px) {
  .mil-mt-suptitle-offset {
    margin-top: 30px;
  }
}

.mil-p-120-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .mil-p-120-120 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.text-justify {
  text-align: justify;
}

.mil-p-120-90 {
  padding-top: 120px;
  padding-bottom: 90px;
}
.mil-p-120-60 {
  padding-top: 120px;
  padding-bottom: 60px;
}
.mil-p-110-60 {
  padding-top: 110px;
  padding-bottom: 60px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-165 {
  margin-top: 165px;
}
@media screen and (max-width: 992px) {
  .mil-p-120-90 {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}

.mil-p-0-120 {
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .mil-p-0-120 {
    padding-bottom: 90px;
  }
}

.mil-p-120-0 {
  padding-top: 120px;
}
@media screen and (max-width: 992px) {
  .mil-p-120-0 {
    padding-top: 90px;
  }
}

.mil-p-120-60 {
  padding-top: 120px;
  padding-bottom: 60px;
}
.mil-p-120-50 {
  padding-top: 120px;
  padding-bottom: 50px;
}
@media screen and (max-width: 992px) {
  .mil-p-120-60 {
    padding-top: 90px;
    padding-bottom: 30px;
  }
}

.mil-p-90-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}
.mil-p-90-60 {
  padding-top: 90px;
  padding-bottom: 60px;
}
@media screen and (max-width: 992px) {
  .mil-p-90-90 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .mil-p-90-60 {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}

.mil-p-90-120 {
  padding-top: 90px;
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .mil-p-90-120 {
    padding-top: 60px;
    padding-bottom: 90px;
  }
}

.mil-p-0-90 {
  padding-bottom: 90px;
}
@media screen and (max-width: 992px) {
  .mil-p-0-90 {
    padding-bottom: 60px;
  }
}

.mil-p-0-30 {
  padding-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .mil-p-0-30 {
    padding-bottom: 0;
  }
  .mil-p-60 {
    padding: 40px 0;
  }
}

.mil-p-120-30 {
  padding-top: 120px;
  padding-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .mil-p-120-30 {
    padding-top: 90px;
    padding-bottom: 0;
  }
}

.mil-adaptive-right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 992px) {
  .mil-adaptive-right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.mil-btn-space {
  margin-right: 30px;
}
@media screen and (max-width: 500px) {
  .mil-btn-space {
    margin-right: 50px;
    margin-bottom: 30px;
  }
  .mil-p-60 {
    padding: 20px 0;
  }
  .mil-p-120-0 {
    padding-top: 20px;
  }
  .ourServiceTitle {
    margin-bottom: 35px;
  }
  .technologyPartners {
    margin-bottom: 35px;
  }
}

/* -------------------------------------------

preloader

------------------------------------------- */
.mil-preloader {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgb(0, 0, 0);
}
.mil-preloader .mil-preloader-animation {
  opacity: 0;
  position: relative;
  height: 100vh;
  color: rgb(255, 255, 255);
}
.mil-preloader .mil-preloader-animation .mil-pos-abs {
  position: absolute;
  height: 100vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mil-preloader .mil-preloader-animation .mil-pos-abs p {
  opacity: 0;
  margin-right: 15px;
}
@media screen and (max-width: 992px) {
  .mil-preloader .mil-preloader-animation .mil-pos-abs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mil-preloader .mil-preloader-animation .mil-pos-abs p {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.mil-preloader .mil-preloader-animation .mil-pos-abs .mil-reveal-frame {
  position: relative;
  padding: 0 30px;
}
.mil-preloader
  .mil-preloader-animation
  .mil-pos-abs
  .mil-reveal-frame
  .mil-reveal-box {
  z-index: 4;
  position: absolute;
  opacity: 0;
  height: 100%;
  background-color: rgb(108, 65, 255);
}
.mil-preloader.mil-hidden {
  pointer-events: none;
}

/* -------------------------------------------

cursor

------------------------------------------- */
.mil-ball {
  width: 20px;
  height: 20px;
  position: fixed;
  z-index: 10;
  background-color: rgb(0, 0, 0);
  border-radius: 50%;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.1;
}
.mil-ball .mil-icon-1 {
  position: absolute;
  width: 40px;
  height: 40px;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.mil-ball .mil-icon-1 svg {
  fill: rgba(255, 255, 255, 0.9);
}
.mil-ball .mil-more-text,
.mil-ball .mil-choose-text,
.mil-ball .mil-scroll-text {
  position: absolute;
  width: 100%;
  text-align: center;
  display: block;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.mil-ball.mil-accent .mil-icon-1 svg {
  fill: rgb(0, 0, 0);
}
.mil-ball.mil-accent .mil-more-text,
.mil-ball.mil-accent .mil-choose-text,
.mil-ball.mil-accent .mil-scroll-text {
  color: rgb(255, 255, 255);
}

@media screen and (max-width: 1200px) {
  .mil-ball {
    display: none;
  }
}

/* -------------------------------------------

hidden elements

------------------------------------------- */
.mil-hidden-elements .mil-dodecahedron,
.mil-hidden-elements .mil-lines,
.mil-hidden-elements .mil-arrow {
  display: none;
}

/* -------------------------------------------

scrollbar

------------------------------------------- */
body::-webkit-scrollbar {
  display: none;
}

.mil-progress-track {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background-color: rgb(0, 0, 0);
}
.mil-progress-track .mil-progress {
  width: 4px;
  height: 0;
  background-color: rgb(108, 65, 255);
}
@media screen and (max-width: 992px) {
  .mil-progress-track {
    display: none;
  }
}

/* -------------------------------------------

frame

------------------------------------------- */
/* .mil-logo {
  font-size: 42px;
  font-weight: 500;
  line-height: 100%;
}
@media screen and (max-width: 992px) {
  .mil-logo {
    font-size: 36px;
  }
} */

.mil-frame {
  left: 3%;
  width: 94%;
  padding: 0;
  top: 50px;
  height: auto;
  /* padding: 50px 60px 60px 60px; */
  position: fixed;
  z-index: 5;
  pointer-events: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* width: 100%;
  height: 100%; */
}

@media screen and (max-width: 1024px) {
  .mil-frame {
    left: 0% !important;
    width: 100% !important;
    padding: 0 !important;
    top: 0px !important;
    height: auto !important;
  }
}
@media screen and (max-width: 1200px) {
  .mil-frame {
    padding: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .mil-frame {
    padding: 0;
    z-index: 999;
    height: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .mil-frame .mil-frame-top {
    height: 90px;
    background-color: rgba(0, 0, 0, 0.95);
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    padding: 0 30px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  .mil-frame .mil-frame-top .mil-logo {
    color: rgb(255, 255, 255);
  }
  .mil-frame .mil-frame-top .mil-menu-btn span,
  .mil-frame .mil-frame-top .mil-menu-btn span:after,
  .mil-frame .mil-frame-top .mil-menu-btn span:before {
    background: rgb(255, 255, 255);
  }
}
.mil-frame .mil-frame-bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (max-width: 1200px) {
  .mil-frame .mil-frame-bottom {
    display: none;
  }
}
.mil-frame .mil-frame-bottom .mil-current-page {
  pointer-events: none;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  width: 300px;
  color: rgb(0, 0, 0);
  -webkit-transform: rotate(-90deg) translateX(138px) translateY(-138px);
  transform: rotate(-90deg) translateX(138px) translateY(-138px);
}
#myBtn .mil-dark svg {
  backdrop-filter: invert(100%);
  background-color: rgb(226, 226, 226) !important;
  /* border:1px solid rgb(226, 226, 226) */
}

#myBtn .mil-dark span {
  /* backdrop-filter: invert(100%); */
  /* color: white !important; */
}

#myBtn {
  display: none;
  position: fixed;
  bottom: -75vh;
  right: 0px;
}

.mil-frame .mil-frame-bottom .mil-back-to-top {
  width: 300px;
  -webkit-transform: rotate(-90deg) translateX(130px) translateY(130px);
  transform: rotate(-90deg) translateX(130px) translateY(130px);
  pointer-events: all;
}

.mil-frame-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* .mil-frame-top .mil-logo {
  pointer-events: all;
  color: rgb(0, 0, 0);
} */

/* -------------------------------------------

menu button

------------------------------------------- */
.mil-menu-btn {
  pointer-events: all;
  height: 28px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
@media screen and (max-width: 992px) {
  .mil-menu-btn {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
}
.mil-menu-btn .spanS,
.mil-menu-btn .afterS,
.mil-menu-btn .beforeS {
  content: "";
  display: block;
  width: 28px;
  height: 2.5px;
  /* background: rgb(0, 0, 0); */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: inherit;
  transition: inherit;
  backdrop-filter: invert(100%);
  z-index: 2;
}
.mil-menu-btn .spans {
  position: relative;
}
.mil-menu-btn .afterS,
.mil-menu-btn .beforeS {
  position: absolute;
}
.mil-menu-btn .beforeS {
  top: 18px;
}
.mil-menu-btn .afterS {
  width: 18px;
  top: 36px;
}
.mil-menu-btn.mil-active .spanS {
  -webkit-transform: translate(0px, -3px) rotate(43deg);
  transform: translate(0px, -3px) rotate(43deg);
}
.mil-menu-btn.mil-active .beforeS {
  -webkit-transform: translate(0px, 56px) rotate(-43deg);
  transform: translate(0px, 56px) rotate(-43deg);
}
.mil-menu-btn.mil-active .afterS {
  opacity: 0;
  width: 24px;
  -webkit-transform: translate(0px, -9px) rotate(-90deg);
  transform: translate(0px, -9px) rotate(-90deg);
}

/* -------------------------------------------

menu

------------------------------------------- */
.mil-menu-frame {
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 100vh;
  background-color: rgb(0, 0, 0);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.text-white {
  color: white;
}
.mil-menu-frame .container {
  pointer-events: none;
}
.mil-menu-frame .mil-frame-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 62px 55px;
  z-index: 9;
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .mil-menu-frame .mil-frame-top {
    display: none;
  }
}
.mil-menu-frame .mil-frame-top .mil-logo {
  color: rgb(255, 255, 255);
  pointer-events: all;
}
.mil-menu-frame .mil-frame-top .mil-menu-btn .spanS,
.mil-menu-frame .mil-frame-top .mil-menu-btn .afterS,
.mil-menu-frame .mil-frame-top .mil-menu-btn .beforeS {
  background-color: rgb(255, 255, 255);
}
.mil-menu-frame .mil-main-menu {
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  opacity: 0;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
@media screen and (max-width: 1200px) {
  .mil-menu-frame .mil-main-menu {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
}
.mil-menu-frame .mil-menu-right-frame {
  padding-left: 60px;
  position: relative;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-left: solid 1px rgba(255, 255, 255, 0.1);
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-menu-frame .mil-menu-right-frame .mil-menu-right {
  padding-bottom: 60px;
}
.mil-menu-frame .mil-menu-right-frame .mil-animation-in {
  position: absolute;
  top: -320px;
  right: 0;
  opacity: 0;
  -webkit-transform: translateY(-60px);
  transform: translateY(-60px);
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
@media screen and (max-width: 1200px) {
  .mil-menu-frame .mil-menu-right-frame {
    display: none;
  }
}
@media screen and (max-height: 800px) {
  .mil-menu-frame .mil-menu-right-frame {
    display: none;
  }
}
.mil-menu-frame.mil-active {
  opacity: 1;
  pointer-events: all;
}
.mil-menu-frame.mil-active .container {
  pointer-events: all;
}
.mil-menu-frame.mil-active .mil-main-menu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.mil-menu-frame.mil-active .mil-menu-right-frame {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.mil-menu-frame.mil-active .mil-menu-right-frame .mil-animation-in {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.mil-menu-list li {
  list-style-type: none;
  margin-bottom: 15px;
}
.mil-menu-list li:last-child {
  margin-bottom: 0;
}
.mil-menu-list li a {
  display: block;
  -webkit-transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-menu-list li a:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
  color: rgb(255, 255, 255);
}
.mil-menu-list.mil-hori-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mil-menu-list.mil-hori-list li {
  margin-bottom: 0;
  margin-right: 30px;
}
.mil-menu-list.mil-dark li a {
  color: rgb(0, 0, 0);
}

.mil-main-menu {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mil-main-menu ul {
  padding: 0;
  margin: 0;
}
.mil-main-menu ul li {
  margin-bottom: 40px;
}
.mil-main-menu ul li:last-child {
  margin-bottom: 0;
}
.mil-main-menu ul li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  font-size: 34px;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
@media screen and (max-width: 992px) {
  .mil-main-menu ul li a {
    font-size: 26px;
  }
}
.mil-main-menu ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-main-menu ul li a:hover {
  color: rgb(255, 255, 255);
}
.mil-main-menu ul li a.mil-active {
  padding-left: 25px;
}
.mil-main-menu ul li a.mil-active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  background-color: rgb(108, 65, 255);
}
.mil-main-menu ul li.mil-active > a {
  color: rgb(108, 65, 255);
}
.mil-main-menu ul li.mil-active > a:hover {
  color: rgb(108, 65, 255) !important;
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}
.mil-main-menu ul li.mil-has-children > a:hover {
  color: rgb(255, 255, 255);
  padding-left: 25px;
}
.mil-main-menu ul li.mil-has-children > a:hover:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.mil-main-menu ul li.mil-has-children ul {
  padding-left: 25px;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-main-menu ul li.mil-has-children ul li {
  margin-bottom: 5px;
}
.mil-main-menu ul li.mil-has-children ul li:first-child {
  margin-top: 40px;
}
.mil-main-menu ul li.mil-has-children ul li a {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 2px;
  font-weight: 500;
  text-transform: uppercase;
}
.mil-main-menu ul li.mil-has-children ul li a:before {
  display: none;
}
.mil-main-menu ul li.mil-has-children ul li a:hover {
  color: rgba(255, 255, 255, 0.8);
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.mil-main-menu ul li.mil-has-children ul.mil-active {
  max-height: 200px;
}
@media screen and (max-width: 1200px) {
  .mil-main-menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .mil-main-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .mil-main-menu ul li {
    margin-bottom: 30px;
  }
  .mil-main-menu ul li a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .mil-main-menu ul li a:before {
    display: none;
  }
  .mil-main-menu ul li a.mil-active {
    padding-left: 0 !important;
  }
  .mil-main-menu ul li.mil-has-children ul {
    padding-left: 0;
  }
  .mil-main-menu ul li.mil-has-children ul li:first-child {
    margin-top: 30px;
  }
}

/* -------------------------------------------

banner

------------------------------------------- */
.mil-banner {
  /* height: 100vh; */
  height: 1000px;
}
.hideMobileView {
  display: block;
}

.mil-banner .container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.mil-banner .mil-banner-content {
  width: 100%;
  /* padding-bottom: 250px; */
  padding-bottom: 0px;
  position: relative;
  /* centerAlign */
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .mil-banner .mil-banner-content {
    /* padding-bottom: 90px; */
    padding-bottom: 0;
  }
}
.mil-banner .mil-lines-place {
  position: absolute;
  left: 0;
  bottom: calc(100% + 120px);
}

.mil-inner-banner .mil-banner-content {
  padding: 150px 0 0 0;
}
@media screen and (max-width: 1200px) {
  .mil-inner-banner .mil-banner-content {
    padding: 180px 0 0 0;
  }
}

.mil-banner-personal {
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.1);
}
.mil-banner-personal .mil-banner-content {
  position: relative;
  padding-top: 90px;
}
@media screen and (max-width: 992px) {
  .mil-banner-personal .mil-banner-content {
    padding-top: 180px;
  }
}
.mil-banner-personal .mil-banner-content .mil-personal-text {
  margin-bottom: 300px;
}
@media screen and (max-width: 992px) {
  .mil-banner-personal .mil-banner-content .mil-personal-text {
    margin-bottom: 80px;
    text-align: center;
  }
}
.mil-banner-personal .mil-banner-content .mil-banner-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 60px 0 90px;
  background-color: rgb(255, 255, 255);
  height: 180px;
  position: absolute;
  top: calc(100vh - 180px);
  left: 0;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .mil-banner-personal .mil-banner-content .mil-banner-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding: 60px 30px;
  }
  .mil-banner-personal .mil-banner-content .mil-banner-panel h5 {
    margin-bottom: 60px;
    text-align: center;
    width: 80%;
  }
}
.mil-banner-personal .mil-banner-content .mil-banner-panel .mil-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mil-banner-personal
  .mil-banner-content
  .mil-banner-panel
  .mil-right
  .mil-social-frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 30px;
  padding: 0 50px;
  background-color: rgba(0, 0, 0, 0.1);
  height: 70px;
  border-radius: 70px;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-banner-personal
  .mil-banner-content
  .mil-banner-panel
  .mil-right
  .mil-social-frame:hover {
  -webkit-transform: scale(1.015);
  transform: scale(1.015);
}
@media screen and (max-width: 992px) {
  .mil-banner-personal .mil-banner-content .mil-banner-panel .mil-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mil-banner-personal
    .mil-banner-content
    .mil-banner-panel
    .mil-right
    .mil-social-frame {
    margin-right: 0;
    margin-bottom: 30px;
    height: 60px;
  }
}
.mil-banner-personal .mil-banner-content .mil-banner-panel .mil-button {
  margin: 0 !important;
}
@media screen and (max-width: 992px) {
  .mil-banner-personal .mil-banner-content .mil-banner-panel {
    bottom: 0;
    top: auto;
  }
}
@media screen and (max-width: 768px) {
  .mil-banner-personal .mil-banner-content .mil-banner-panel {
    position: static;
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 992px) {
  .mil-banner-personal {
    height: auto;
  }
}

.mil-portrait-frame {
  position: relative;
}
.mil-portrait-frame img {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.mil-portrait-frame .mil-nimbus {
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgb(108, 65, 255) 0%,
    rgba(250, 168, 69, 0) 100%
  );
  width: 100%;
  padding-bottom: 100%;
  position: absolute;
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .mil-portrait-frame {
    height: 400px;
  }
  .mil-portrait-frame img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }
}

/* -------------------------------------------

circle text

------------------------------------------- */
.mil-circle-text {
  position: absolute;
  right: 0;
  bottom: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 140px;
  height: 140px;
  display: none;
}
.mil-circle-text .mil-ct-svg {
  -webkit-transform: scale(2);
  transform: scale(2);
  width: 140px;
  height: 140px;
}
.mil-circle-text .mil-ct-svg text {
  fill: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-circle-text .mil-button {
  position: absolute;
}
.mil-circle-text:hover svg text {
  fill: rgb(255, 255, 255);
}
@media screen and (max-width: 992px) {
  .mil-circle-text {
    display: none;
  }
}

/* -------------------------------------------

lines

------------------------------------------- */
@-webkit-keyframes move {
  from {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px);
  }
  50% {
    -webkit-transform: translateY(75px);
    transform: translateY(75px);
  }
  to {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px);
  }
}
@keyframes move {
  from {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px);
  }
  50% {
    -webkit-transform: translateY(75px);
    transform: translateY(75px);
  }
  to {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px);
  }
}
.mil-lines-place .mil-lines {
  opacity: 0.05;
  pointer-events: none;
}
@media screen and (max-width: 992px) {
  .mil-lines-place .mil-lines {
    display: none;
  }
}
.mil-lines-place .mil-lines path,
.mil-lines-place .mil-lines rect,
.mil-lines-place .mil-lines line {
  stroke: rgb(0, 0, 0);
}
.mil-lines-place .mil-lines .mil-move {
  -webkit-animation: move 10s linear infinite;
  animation: move 10s linear infinite;
}
.mil-lines-place.mil-light .mil-lines {
  opacity: 0.2;
}
.mil-lines-place.mil-light .mil-lines path,
.mil-lines-place.mil-light .mil-lines rect,
.mil-lines-place.mil-light .mil-lines line {
  stroke: rgb(255, 255, 255);
}

/* -------------------------------------------

dodecahedron

------------------------------------------- */
.mil-animation-frame {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  -webkit-animation: jump 10s linear infinite;
  animation: jump 10s linear infinite;
  pointer-events: none;
}

.mil-animation {
  position: absolute;
  display: inline-block;
  width: 300px;
  height: 300px;
  opacity: 0.2;
  pointer-events: none;
}

.mil-position-1 {
  top: 100px;
  right: 100px;
}
.mil-position-1 .mil-pentagon div {
  border-top: 0.1px solid rgb(255, 255, 255);
}

.mil-position-2 {
  top: -60px;
  left: 15%;
}
.mil-position-2 .mil-pentagon div {
  border-top: 1px solid rgb(255, 255, 255);
}
.mil-position-2 .mil-dodecahedron {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@media screen and (max-width: 1400px) {
  .mil-position-2 {
    display: none;
  }
}

.mil-position-3 {
  bottom: -100px;
  right: 35%;
}
.mil-position-3 .mil-pentagon div {
  border-top: 1px solid rgb(255, 255, 255);
}
.mil-position-3 .mil-dodecahedron {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
@media screen and (max-width: 1400px) {
  .mil-position-3 {
    display: none;
  }
}

.mil-position-4 {
  top: -60px;
  right: 20%;
}
.mil-position-4 .mil-pentagon div {
  border-top: 0.1px solid rgb(255, 255, 255);
}
.mil-position-4 .mil-dodecahedron {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.text-pgh {
  color: rgba(0, 0, 0, 0.5);
}
.inline {
  display: inline;
}
@media screen and (max-width: 1400px) {
  .mil-position-4 {
    display: none;
  }
}
.mil-position-4.mil-dark .mil-pentagon div {
  border-top: 0.1px solid rgb(0, 0, 0);
}

.mil-dodecahedron {
  position: relative;
  left: 100px;
  top: 40px;
  width: 100px;
  height: 223px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation: rotate 100s infinite linear;
  animation: rotate 100s infinite linear;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(360deg);
    transform: rotateX(0deg) rotateY(360deg) rotateZ(360deg);
  }
  to {
    -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(-360deg);
    transform: rotateX(360deg) rotateY(0deg) rotateZ(-360deg);
  }
}
.voiletBoxTitleOurSers {
  display: none;
}
@keyframes rotate {
  from {
    -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(360deg);
    transform: rotateX(0deg) rotateY(360deg) rotateZ(360deg);
  }
  to {
    -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(-360deg);
    transform: rotateX(360deg) rotateY(0deg) rotateZ(-360deg);
  }
}

.mil-pentagon {
  position: absolute;
  width: 100px;
}
.mil-pentagon:nth-child(1) {
  -webkit-transform: rotateY(0.2turn) translateZ(69px) rotateX(26.5deg);
  transform: rotateY(0.2turn) translateZ(69px) rotateX(26.5deg);
}
.mil-pentagon:nth-child(6) {
  bottom: 0;
  -webkit-transform: rotateY(0.2turn) translateZ(-69px) rotateX(206.5deg);
  transform: rotateY(0.2turn) translateZ(-69px) rotateX(206.5deg);
}
.mil-pentagon:nth-child(2) {
  -webkit-transform: rotateY(0.4turn) translateZ(69px) rotateX(26.5deg);
  transform: rotateY(0.4turn) translateZ(69px) rotateX(26.5deg);
}
.mil-pentagon:nth-child(7) {
  bottom: 0;
  -webkit-transform: rotateY(0.4turn) translateZ(-69px) rotateX(206.5deg);
  transform: rotateY(0.4turn) translateZ(-69px) rotateX(206.5deg);
}
.mil-pentagon:nth-child(3) {
  -webkit-transform: rotateY(0.6turn) translateZ(69px) rotateX(26.5deg);
  transform: rotateY(0.6turn) translateZ(69px) rotateX(26.5deg);
}
.mil-pentagon:nth-child(8) {
  bottom: 0;
  -webkit-transform: rotateY(0.6turn) translateZ(-69px) rotateX(206.5deg);
  transform: rotateY(0.6turn) translateZ(-69px) rotateX(206.5deg);
}
.mil-pentagon:nth-child(4) {
  -webkit-transform: rotateY(0.8turn) translateZ(69px) rotateX(26.5deg);
  transform: rotateY(0.8turn) translateZ(69px) rotateX(26.5deg);
}
.mil-pentagon:nth-child(9) {
  bottom: 0;
  -webkit-transform: rotateY(0.8turn) translateZ(-69px) rotateX(206.5deg);
  transform: rotateY(0.8turn) translateZ(-69px) rotateX(206.5deg);
}
.mil-pentagon:nth-child(5) {
  -webkit-transform: rotateY(1turn) translateZ(69px) rotateX(26.5deg);
  transform: rotateY(1turn) translateZ(69px) rotateX(26.5deg);
}
.mil-pentagon:nth-child(10) {
  bottom: 0;
  -webkit-transform: rotateY(1turn) translateZ(-69px) rotateX(206.5deg);
  transform: rotateY(1turn) translateZ(-69px) rotateX(206.5deg);
}
.mil-pentagon:nth-child(11) {
  -webkit-transform: translateZ(69px) rotateX(-90deg);
  transform: translateZ(69px) rotateX(-90deg);
}
.mil-pentagon:nth-child(12) {
  bottom: 0;
  -webkit-transform: translateZ(-69px) rotateX(90deg);
  transform: translateZ(-69px) rotateX(90deg);
}
.mil-pentagon div {
  position: absolute;
  width: 100px;
  height: 69px;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.mil-pentagon div:nth-child(1) {
  -webkit-transform: rotate(0.2turn);
  transform: rotate(0.2turn);
}
.mil-pentagon div:nth-child(2) {
  -webkit-transform: rotate(0.4turn);
  transform: rotate(0.4turn);
}
.mil-pentagon div:nth-child(3) {
  -webkit-transform: rotate(0.6turn);
  transform: rotate(0.6turn);
}
.mil-pentagon div:nth-child(4) {
  -webkit-transform: rotate(0.8turn);
  transform: rotate(0.8turn);
}
.mil-pentagon div:nth-child(5) {
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn);
}

@-webkit-keyframes jump {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

@keyframes jump {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
/* -------------------------------------------

about

------------------------------------------- */
.mil-about-quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mil-about-quote .mil-avatar {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: relative;
}
.mil-about-quote .mil-avatar:after {
  content: ' " ';
  color: rgb(0, 0, 0);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgb(108, 65, 255);
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 36px;
}
.mil-about-quote .mil-avatar img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
.mil-about-quote .mil-quote {
  padding-left: 30px;
  width: calc(100% - 90px);
}
@media screen and (max-width: 992px) {
  .mil-about-quote .mil-avatar {
    width: 70px;
    height: 70px;
  }
  .mil-about-quote .mil-avatar:after {
    padding-top: 7px;
    width: 25px;
    height: 25px;
    font-size: 24px;
  }
  .mil-about-quote .mil-quote {
    font-size: 16px;
    padding-left: 30px;
    width: calc(100% - 70px);
  }
}

.mil-about-photo {
  position: relative;
}
.mil-about-photo .mil-lines-place {
  position: absolute;
  top: -120px;
  left: -27%;
}

/* -------------------------------------------

partners

------------------------------------------- */
.mil-infinite-show .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.mil-partner-frame {
  display: block;
}
.mil-partner-frame img {
  width: 100%;
}

/* -------------------------------------------

services

------------------------------------------- */
.mil-complex-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mil-complex-text .mil-button {
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .mil-complex-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mil-complex-text .mil-button {
    margin-left: 0;
    margin-top: 60px;
  }
}

.mil-text-image {
  height: 80px;
  width: 250px;
  display: inline-block;
  overflow: hidden;
  border-radius: 70px;
  margin-right: 30px;
}
.mil-text-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-text-image:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
@media screen and (max-width: 768px) {
  .mil-text-image {
    display: none;
  }
}

.mil-service-card-sm {
  position: relative;
  display: block;
  padding: 60px 30px;
}
.mil-service-card-sm p {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-service-card-sm .mil-button {
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.4;
}
.mil-service-card-sm:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 0;
  background-color: rgb(108, 65, 255);
  -webkit-transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-service-card-sm:hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.mil-service-card-sm:hover .mil-button {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}
.mil-service-card-sm:hover:before {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .mil-service-card-sm p {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .mil-service-card-sm .mil-button {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }
}

.mil-services-grid {
  border-top: solid 1px rgba(255, 255, 255, 0.1);
}
.mil-services-grid .mil-services-grid-item {
  border-right: solid 1px rgba(255, 255, 255, 0.1);
}
.mil-services-grid .mil-services-grid-item:first-child {
  border-left: solid 1px rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 992px) {
  .mil-services-grid {
    padding-bottom: 90px;
  }
  .mil-services-grid .mil-services-grid-item {
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  }
  .mil-services-grid .mil-services-grid-item:nth-child(3) {
    border-left: solid 1px rgba(255, 255, 255, 0.1);
  }
}
@media screen and (max-width: 768px) {
  .mil-services-grid {
    padding-bottom: 90px;
  }
  .mil-services-grid .mil-services-grid-item {
    border-left: solid 1px rgba(255, 255, 255, 0.1);
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  }
}

.mil-service-card-lg {
  display: block;
}
.mil-service-card-lg .mil-descr {
  padding-right: 30px;
}
.mil-service-card-lg.mil-offset {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media screen and (max-width: 992px) {
  .mil-service-card-lg.mil-offset {
    margin-top: 0;
  }
}
@media screen and (max-width: 992px) {
  .mil-service-card-lg {
    margin-bottom: 60px;
  }
}
.mil-service-card-lg.mil-other-card {
  overflow: hidden;
  position: relative;
  border: solid 1px rgb(229, 229, 229);
  padding: 60px;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-service-card-lg.mil-other-card .mil-descr {
  padding-right: 0;
}
.mil-service-card-lg.mil-other-card:hover {
  background-color: rgb(108, 65, 255);
}
.mil-service-card-lg.mil-other-card:hover .mil-link svg {
  background-color: rgb(0, 0, 0);
}
.mil-service-card-lg.mil-other-card:hover .mil-link svg path {
  fill: rgb(108, 65, 255);
}
@media screen and (max-width: 1200px) {
  .mil-service-card-lg.mil-other-card {
    padding: 30px;
  }
}

.mil-service-list li {
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  list-style-type: none;
  padding: 15px 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 12px;
}
.mil-service-list li:first-child {
  border-top: solid 1px rgba(255, 255, 255, 0.1);
}
.mil-service-list.mil-light li {
  color: rgba(255, 255, 255, 0.6);
}
.mil-service-list.mil-dark li {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.mil-service-list.mil-dark li:first-child {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}

/* -------------------------------------------

team

------------------------------------------- */
.mil-team-card {
  position: relative;
  overflow: hidden;
  /* padding-bottom: 130%; */
}
.mil-team-card:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 0;
  background-color: #6c41ff;
  -webkit-transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
}

.mil-team-card {
  position: relative;
  overflow: hidden;
  padding-bottom: 130%;
}
.mil-team-card:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 0;
  background-color: #6c41ff;
  -webkit-transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-team-card img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-team-card.mil-offset-card {
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
}
@media screen and (max-width: 992px) {
  .mil-team-card.mil-offset-card {
    -webkit-transform: none;
    transform: none;
  }
}
.mil-team-card .mil-description {
  opacity: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 60px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  pointer-events: none;
  -webkit-transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-team-card .mil-description .mil-secrc-text {
  opacity: 0;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.mil-team-card .mil-description .mil-secrc-text a {
  color: rgb(255, 255, 255);
  -webkit-transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-team-card .mil-description .mil-secrc-text a:hover {
  color: rgb(108, 65, 255);
}
.mil-team-card:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.mil-team-card:hover:after {
  width: 100%;
}
.mil-team-card:hover .mil-description {
  opacity: 1;
  pointer-events: all;
}
.mil-team-card:hover .mil-description .mil-secrc-text {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mil-team-list {
  position: relative;
}
.mil-team-list .mil-lines-place {
  position: absolute;
  top: -120px;
  left: -22.5%;
}

/* -------------------------------------------

social icons

------------------------------------------- */
.mil-social-icons {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mil-social-icons.mil-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mil-social-icons li {
  list-style-type: none;
  margin-right: 15px;
}
.mil-social-icons li:last-child {
  margin-right: 0;
}
.mil-social-icons li a {
  color: rgb(255, 255, 255);
  font-size: 18px;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-social-icons li a:hover {
  color: rgb(108, 65, 255);
}
.mil-social-icons.mil-dark li a {
  color: rgb(0, 0, 0);
}
.mil-social-icons.mil-dark li a:hover {
  color: rgb(108, 65, 255);
}

/* -------------------------------------------

revievs

------------------------------------------- */
.mil-revi-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .mil-revi-pagination {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.mil-revi-pagination .swiper-pagination-bullet {
  padding: 0;
  width: 110px;
  height: 110px;
  padding: 10px;
  opacity: 1;
  border: none;
  background-color: transparent;
  margin: 0 !important;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1) !important;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1) !important;
}
@media screen and (max-width: 992px) {
  .mil-revi-pagination .swiper-pagination-bullet {
    width: 90px;
    height: 90px;
  }
}
.mil-revi-pagination .swiper-pagination-bullet:nth-child(2n) {
  margin-top: 30px !important;
}
@media screen and (max-width: 992px) {
  .mil-revi-pagination .swiper-pagination-bullet:nth-child(2n) {
    margin-top: 0 !important;
  }
}
.mil-revi-pagination .swiper-pagination-bullet:hover {
  -webkit-box-shadow: inset 0 0 0 4px rgb(255, 255, 255);
  box-shadow: inset 0 0 0 4px rgb(255, 255, 255);
}
.mil-revi-pagination .swiper-pagination-bullet .mil-custom-dot {
  background-color: red;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-size: cover;
  background-position: top;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1) !important;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1) !important;
}
@media screen and (max-width: 992px) {
  .mil-revi-pagination .swiper-pagination-bullet .mil-custom-dot {
    width: 70px;
    height: 70px;
  }
}
.mil-revi-pagination .swiper-pagination-bullet .mil-custom-dot.mil-slide-1 {
  background-image: url(../img/faces/customers/1.jpg);
}
.mil-revi-pagination .swiper-pagination-bullet .mil-custom-dot.mil-slide-2 {
  background-image: url(../img/faces/customers/2.jpg);
}
.mil-revi-pagination .swiper-pagination-bullet .mil-custom-dot.mil-slide-3 {
  background-image: url(../img/faces/customers/3.jpg);
}
.mil-revi-pagination .swiper-pagination-bullet .mil-custom-dot.mil-slide-4 {
  background-image: url(../img/faces/customers/4.jpg);
}
.mil-revi-pagination .swiper-pagination-bullet .mil-custom-dot.mil-slide-5 {
  background-image: url(../img/faces/customers/5.jpg);
}
.mil-revi-pagination .swiper-pagination-bullet .mil-custom-dot.mil-slide-6 {
  background-image: url(../img/faces/customers/6.jpg);
}
.mil-revi-pagination .swiper-pagination-bullet .mil-custom-dot.mil-slide-7 {
  background-image: url(../img/faces/customers/7.jpg);
}
.mil-revi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  -webkit-box-shadow: inset 0 0 0 4px rgb(108, 65, 255);
  box-shadow: inset 0 0 0 4px rgb(108, 65, 255);
}

.mil-quote-icon {
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
}
.mil-quote-icon path {
  fill: rgb(108, 65, 255);
}

.mil-slider-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mil-slider-nav .mil-slider-arrow {
  width: 40px;
  height: 40px;
  padding: 10px;
  background-color: rgb(0, 0, 0);
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-slider-nav .mil-slider-arrow svg path {
  fill: rgb(108, 65, 255);
}
.mil-slider-nav .mil-slider-arrow.mil-prev {
  margin-right: 10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mil-slider-nav .mil-slider-arrow.swiper-button-disabled {
  opacity: 0.1;
  cursor: not-allowed;
}
.mil-slider-nav .mil-slider-arrow:hover {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.mil-slider-nav .mil-slider-arrow:hover.mil-prev {
  -webkit-transform: rotate(180deg) scale(1.15);
  transform: rotate(180deg) scale(1.15);
}
.mil-slider-nav.mil-reviews-nav {
  position: absolute;
  top: 160px;
  left: 0;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.readmoreBtn {
  display: none;
}
@media screen and (max-width: 992px) {
  .mil-slider-nav.mil-reviews-nav {
    top: 0;
  }
}
.mil-slider-nav.mil-soft .mil-slider-arrow {
  background-color: rgb(229, 229, 229);
}
.mil-slider-nav.mil-soft .mil-slider-arrow svg path {
  fill: rgb(0, 0, 0);
}

/* -------------------------------------------

blog

------------------------------------------- */
.mil-blog-card {
  display: block;
}
.mil-blog-card .mil-cover-frame {
  position: relative;
  overflow: hidden;
  padding-bottom: 65%;
  margin-bottom: 30px;
}
.mil-blog-card .mil-cover-frame img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-blog-card .mil-post-descr {
  padding: 30px 30px 0 0;
}
.mil-blog-card .mil-post-descr .mil-post-text {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mil-blog-card:hover .mil-cover-frame img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.mil-blog-card.mil-blog-card-hori {
  padding-top: 50px;
  border-top: solid 1px rgb(229, 229, 229);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mil-blog-card.mil-blog-card-hori .mil-cover-frame {
  margin-bottom: 0;
  width: 450px;
  padding-bottom: 27%;
}
.mil-blog-card.mil-blog-card-hori .mil-post-descr {
  width: calc(100% - 450px);
  padding: 0;
  padding-left: 60px;
}
@media screen and (max-width: 992px) {
  .mil-blog-card.mil-blog-card-hori {
    display: block;
    padding-top: 0;
    border: none;
  }
  .mil-blog-card.mil-blog-card-hori .mil-cover-frame {
    width: 100%;
    padding-bottom: 65%;
    margin-bottom: 30px;
  }
  .mil-blog-card.mil-blog-card-hori .mil-post-descr {
    width: 100%;
    padding: 30px 30px 0 0;
  }
}

.mil-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
.mil-labels .mil-label {
  margin-right: 15px;
}
.mil-labels .mil-label:last-child {
  margin-right: 0;
}
.mt-40 {
  margin-top: 40px;
}
.mil-pagination {
  padding-top: 60px;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
.ourServiceTitle {
  color: white;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 5px;
  font-size: 25px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 5px;
}
.technologyPartners {
  color: black;
  text-align: center;
  margin-bottom: 60px;
  font-size: 25px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 5px;
}
.mil-pagination-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgb(0, 0, 0);
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  margin-right: 10px;
}

.mil-pagination-btn.mil-active {
  background-color: rgb(108, 65, 255);
}

.mil-category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  /* display: flex; */
}
.mil-category-list li {
  list-style-type: none;
  margin-right: 10px;
}
.mil-category-list li:last-child {
  margin-right: 0;
}
.mil-category-list li a {
  height: 45px;
  width: 100%;
  padding: 0 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f2f2f2;
  color: #838383;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-category-list li a:hover {
  background-color: rgb(229, 229, 229);
}
.mil-category-list li a.mil-active {
  background-color: #6c41ff;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .mil-category-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mil-category-list li {
    margin-right: 0;
    margin-bottom: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .mil-category-list li:last-child {
    margin-bottom: 0;
  }
  .mil-category-list li a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.portfolioMainDrop {
  height: 500px !important;
}
.portfolioArrowDownIcon {
  display: none !important;
}
.portfolioArrowUpIcon {
  display: block !important;
}
.portfolioDrop {
  height: 480px !important;
  overflow-y: scroll !important;
}

/* -------------------------------------------

footer
------------------------------------------- */
.mil-footer-menu {
  margin-bottom: 120px;
}
.mil-footer-menu ul li {
  list-style-type: none;
  margin-bottom: 30px;
}
.mil-footer-menu ul li a {
  display: block;
  font-weight: 500;
  font-size: 28px;
  color: rgba(255, 255, 255, 0.9);
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-footer-menu ul li a:hover {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
  color: rgb(108, 65, 255);
}
@media screen and (max-width: 768px) {
  .mil-footer-menu ul li a {
    font-size: 22px;
  }
}
.mil-footer-menu ul li.mil-active a {
  color: rgb(108, 65, 255);
}
.mil-footer-menu ul li.mil-active a:hover {
  -webkit-transform: none;
  transform: none;
}
@media screen and (max-width: 768px) {
  .mil-footer-menu {
    margin-bottom: 60px;
  }
}

.mil-subscribe-form {
  position: relative;
  height: 70px;
  width: 100%;
}
.mil-subscribe-form input {
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  color: rgb(0, 0, 0);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: none;
  border-radius: 70px;
  padding: 0 0 0 50px;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-subscribe-form input::-webkit-input-placeholder {
  color: rgb(128, 128, 128);
  font-family: "Outfit", sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.mil-subscribe-form input::-moz-placeholder {
  color: rgb(128, 128, 128);
  font-family: "Outfit", sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.mil-subscribe-form input:-ms-input-placeholder {
  color: rgb(128, 128, 128);
  font-family: "Outfit", sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.mil-subscribe-form input::-ms-input-placeholder {
  color: rgb(128, 128, 128);
  font-family: "Outfit", sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.mil-subscribe-form input::placeholder {
  color: rgb(128, 128, 128);
  font-family: "Outfit", sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.mil-subscribe-form input:focus {
  background-color: rgb(255, 255, 255);
  outline: inherit;
}
.mil-subscribe-form input:hover {
  background-color: rgb(255, 255, 255);
}
.mil-subscribe-form .mil-button {
  position: absolute;
  top: 15px;
  right: 15px;
}
.mil-subscribe-form.mil-subscribe-form-2 input {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

/* -------------------------------------------

portfolio

------------------------------------------- */
.mil-portfolio-item {
  display: block;
  padding-left: 5px;
}
/* .swiper-wrapper .swiper-slide .mil-portfolio-item:first-child{
  padding-left: 0;
} */
.mil-portfolio-item .mil-cover-frame {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.mil-portfolio-item .mil-cover-frame .mil-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mil-p-70-90 {
  padding-top: 70px;
  padding-bottom: 90px;
}
.mil-p-70-105 {
  padding-top: 70px;
  padding-bottom: 126px;
}
.mil-mb-70 {
  margin-bottom: 70px;
}
.pr-120 {
  padding-right: 120px;
}
.pr-75 {
  padding-right: 75px;
}
.mil-portfolio-item .mil-cover-frame .mil-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-portfolio-item .mil-cover-frame.mil-vert {
  padding-bottom: 130%;
}
.mil-portfolio-item .mil-cover-frame.mil-hori {
  padding-bottom: 65%;
}
.mil-portfolio-item:hover .mil-cover-frame .mil-cover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.mil-portfolio-item.mil-slider-item .mil-cover-frame {
  margin-bottom: 30px;
  height: calc(100vh - 360px);
  border-radius: 18px;
}
@media screen and (max-width: 992px) {
  .mil-portfolio-item.mil-slider-item .mil-cover-frame {
    height: auto;
    padding-bottom: 100%;
  }
}
.mil-portfolio-item.mil-slider-item .mil-descr {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 180px;
  background-color: rgb(242, 242, 242);
  padding: 0 60px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
@media screen and (max-width: 992px) {
  .mil-portfolio-item.mil-slider-item .mil-descr {
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: auto;
  }
  .mil-portfolio-item.mil-slider-item .mil-descr .mil-descr-text {
    margin-bottom: 30px;
  }
}
.mil-portfolio-item.mil-slider-item:hover .mil-cover-frame .mil-cover img {
  -webkit-transform: none;
  transform: none;
}

.swiper-slide .mil-portfolio-item .mil-descr {
  pointer-events: none;
}
.swiper-slide.swiper-slide-active .mil-portfolio-item .mil-descr {
  pointer-events: all;
}

.mil-portfolio {
  position: relative;
}
.mil-portfolio .mil-lines-place {
  position: absolute;
  left: 40.7%;
}
.mil-portfolio .mil-lines-place.mil-lines-long {
  top: 1289px;
}

.mil-portfolio-slider .swiper-slide-next img,
.mil-portfolio-slider .swiper-slide-prev img {
  -webkit-filter: blur(3px); /* Safari 6.0 - 9.0 */
  filter: blur(3px);
}

/* blog Publication Start */

.blogHero-SubImg {
  height: 255px;
  width: 100%;
  object-fit: cover;
}

.blogHero-SimpleIdeas {
  height: 380px;
  width: 100%;
  object-fit: cover;
}
.blogSub-title {
  font-family: Outfit;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 35px !important;
  color: #000;
}
.blog-mb-90 {
  margin-bottom: 90px;
}
.blog-mb-50 {
  margin-bottom: 50px;
}
.blog-mb-40 {
  margin-bottom: 40px;
}
.blog-pb-40 {
  padding-bottom: 40px;
}
.blog-pt-50 {
  padding-top: 50px;
}
.blog-mb-30 {
  margin-bottom: 30px;
}
.blog-mb-15 {
  margin-bottom: 15px;
}
.blog-mb-20 {
  margin-bottom: 20px;
}
.blog-mb-10 {
  margin-bottom: 10px;
}
.section-2Part {
  display: flex;
  justify-content: center;
  align-items: center;
}
.orangeStepCon {
  /* background-color: #EB5B23;
    height: 220px;
    border-radius: 8px;
    display: flex;
    justify-content: start;
    align-items: start;
    padding-left: 15px;
    padding-top: 5px; */

  background-color: #eb5b23;
  height: 220px;
  border-radius: 8px;
  /* display: flex
; */
  justify-content: start;
  align-items: start;
  padding-left: 15px;
  padding-top: 5px;
  text-align: center;
}
.orangeStepCon h1 {
  margin-top: 0px;
}
.orangeStepCon h5 {
  text-align: left;
}
.blogSub-Zero {
  font-family: Outfit;
  font-weight: 700;
  font-size: 160px;
  line-height: 160px;
}
.bestTemplateMainCon {
  border-top: 1px solid #777777;
  margin-top: 20px;
  padding-top: 30px;
}
.blogSub-title-left {
  font-family: Outfit;
  font-weight: 700 !important;
  font-size: 32px !important;
  line-height: 35px !important;
  color: #000;
}
.blogSimpleIdea-title-right {
  font-family: Outfit;
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 40px !important;
  color: #000;
}
.bold-blogSub-title {
  font-family: Outfit;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 35px !important;
  color: #000;
}
.firstUl {
  margin-left: 30px;
}
.firstUl li {
  list-style: disc;
  color: black;
}
.dblQuoats {
  font-size: 22px;
  color: #9422a1;
}
.socialIconsCon .socialIcons {
  cursor: pointer;
}
.alignSubTitle-bolgCOn {
  height: 50px;
  background-color: #f5f5f5;
  display: flex;
  justify-content: start;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 12px;
}
.blog-3-Icons {
  width: 35px;
  height: 35px;
}
.blog-3-focus {
  background-color: #e9e9e9;
  padding: 20px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blog-3-focusImg {
  width: 300px;
  height: 270px;
}
.simpleIdeasForPre {
  position: absolute;
  top: 40%;
  left: 10%;
}
/* section-3 */
.twoPartSectionMainCon {
  /* width: 90%;
  margin: auto;
  overflow: hidden; */
}
.partSectionMainCon {
  display: flex;
  gap: 90px;
}
.partSectionOneCon {
}
.blogHero-SubImgPartision {
  height: 300px;
  width: 100%;
  object-fit: cover;
  border-radius: 14px;
}
.blogHero-SubImg-unlock {
  height: 438px;
  width: 100%;
  object-fit: contain;
}
.blogHero-SubImg-look {
  height: 433px;
  width: 100%;
  object-fit: cover;
}
.blogHero-SubImg-infographic {
  height: 415px;
  width: 100%;
  object-fit: cover;
}
/*conclusion blue Section */
.bg-blue {
  background-color: #192652;
}

.tipTicks {
  position: absolute;
  top: 40%;
  left: 4%;
  width: 33%;
  background: #ff47007d;
  padding: 10px;
  text-align: center;
}

/* blog 222 */

.lightTipCon {
  background-color: #ececec;
  padding: 30px 30px 20px 30px;
  position: relative;
}
.bulbTop {
  position: absolute;
  top: -10%;
  right: 6%;
  width: 42px;
  height: 42px;
}

.blogSub-title-useBold {
  font-family: Outfit;
  font-weight: 700 !important;
  font-size: 17px !important;
  line-height: 25px !important;
  color: #000;
}

/* blog Publication End */

.menuHamberger {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.lineHamberger {
  fill: none;
  stroke: rgb(108, 65, 255);
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1Hamberger {
  stroke-dasharray: 60 207;
  stroke-width: 6;
  z-index: 2;
}
.line2Hamberger {
  stroke-dasharray: 60 60;
  stroke-width: 6;
  z-index: 2;
}
.line3Hamberger {
  stroke-dasharray: 60 207;
  stroke-width: 6;
  z-index: 2;
}
.opened .line1Hamberger {
  stroke-dasharray: 60 207;
  stroke-dashoffset: -142;
  stroke-width: 6;
}
.opened .line2Hamberger {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .line3Hamberger {
  stroke-dasharray: 60 207;
  stroke-dashoffset: -140;
  stroke-width: 6;
}

.mil-menu-btn {
  display: none;
}

.mil-portfolio-slider-frame {
  z-index: 0;
  padding-top: 150px;
}
@media screen and (max-width: 992px) {
  .mil-portfolio-slider-frame {
    padding-top: 180px;
  }
}
.mil-breadcrumbs li:last-child :after {
  content: "";
  margin: 0;
}

.mil-portfolio-nav {
  background-color: rgb(242, 242, 242);
  /* width: 100%; */
  padding: 0 60px;
  height: 180px;
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  margin-left: 5px;
}
.mil-portfolio-nav .mil-portfolio-btns-frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 15px;
  height: 70px;
  border-radius: 70px;
  background-color: rgb(255, 255, 255);
}
@media screen and (max-width: 992px) {
  .mil-portfolio-nav {
    position: static;
    height: auto;
    padding: 30px 0 90px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: rgb(255, 255, 255);
  }
  .mil-portfolio-nav .mil-portfolio-btns-frame {
    width: 100%;
    height: auto;
    padding: 0;
  }
}

.swiper-portfolio-pagination {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 0 15px;
}

.mil-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 120px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .mil-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding: 30px;
  }
}

.mil-works-nav {
  padding-top: 60px;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mil-works-nav .mil-disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
@media screen and (max-width: 768px) {
  .mil-works-nav {
    padding-top: 0;
    border-top: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .mil-works-nav .mil-link {
    display: none;
  }
  .mil-works-nav .mil-link:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/***************************

map

***************************/
.mil-map-frame {
  background-color: rgb(229, 229, 229);
  pointer-events: all;
  height: 600px;
  position: relative;
  overflow: hidden;
}
.mil-map-frame .mil-map {
  position: absolute;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-map-frame .mil-map iframe {
  width: 100%;
  height: 100%;
}
/* -------------------------------------------

accordion

------------------------------------------- */
.mil-accordion-group {
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}
.mil-accordion-group .mil-accordion-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  margin-bottom: 30px;
}
.mil-accordion-group .mil-accordion-menu .mil-symbol {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: rgb(0, 0, 0);
  background-color: rgb(229, 229, 229);
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.mil-accordion-group .mil-accordion-menu .mil-symbol .mil-plus,
.mil-accordion-group .mil-accordion-menu .mil-symbol .mil-minus {
  position: absolute;
}
.mil-accordion-group .mil-accordion-menu .mil-symbol .mil-minus {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.mil-accordion-group .mil-accordion-menu .mil-accordion-head {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  color: rgb(0, 0, 0);
}

.mil-accordion-content {
  height: 0;
  overflow: hidden;
}

/***************************

price

***************************/
.mil-price-card {
  display: block;
  width: 100%;
  border-top: solid 1px rgba(255, 255, 255, 0.1);
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  padding: 60px 0 30px;
}
.mil-price-card .mil-price-number {
  padding-top: 10px;
  line-height: 70%;
  font-size: 54px;
  font-weight: 500;
}
.mil-price-card .mil-price-number .mil-thin {
  font-weight: 200;
  font-size: 18px;
}

/***************************

404

***************************/
.mil-404-banner .mil-animation-frame {
  z-index: 2;
}

.mil-404-frame {
  padding-top: 100px;
  height: 100vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mil-404-text {
  display: block;
  text-align: center;
  color: rgb(255, 255, 255);
}

.mil-scale-frame {
  -webkit-transform: scale(2.3);
  transform: scale(2.3);
  text-align: center;
  margin-bottom: 90px;
}
@media screen and (max-width: 530px) {
  .mil-scale-frame {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    margin-bottom: 50px;
  }
}

.mil-404 {
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 6em;
  font-weight: 500;
  animation: glitch-skew 1s infinite linear alternate-reverse;
}
.mil-404::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 2px;
  text-shadow: -2px 0 rgb(108, 65, 255);
  clip: rect(44px, 450px, 56px, 0);
  animation: glitch-anim 5s infinite linear alternate-reverse;
}
.mil-404::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: -2px;
  text-shadow: -2px 0 rgb(153, 153, 153), 2px 2px rgb(229, 229, 229);
  animation: glitch-anim2 1s infinite linear alternate-reverse;
}

@-webkit-keyframes glitch-anim {
  0% {
    clip: rect(49px, 9999px, 31px, 0);
    -webkit-transform: skew(0.04deg);
    transform: skew(0.04deg);
  }
  5% {
    clip: rect(63px, 9999px, 92px, 0);
    -webkit-transform: skew(0.18deg);
    transform: skew(0.18deg);
  }
  10% {
    clip: rect(86px, 9999px, 74px, 0);
    -webkit-transform: skew(0.4deg);
    transform: skew(0.4deg);
  }
  15% {
    clip: rect(85px, 9999px, 19px, 0);
    -webkit-transform: skew(0.57deg);
    transform: skew(0.57deg);
  }
  20% {
    clip: rect(64px, 9999px, 75px, 0);
    -webkit-transform: skew(0.96deg);
    transform: skew(0.96deg);
  }
  25% {
    clip: rect(77px, 9999px, 17px, 0);
    -webkit-transform: skew(0.61deg);
    transform: skew(0.61deg);
  }
  30% {
    clip: rect(16px, 9999px, 76px, 0);
    -webkit-transform: skew(0.81deg);
    transform: skew(0.81deg);
  }
  35% {
    clip: rect(5px, 9999px, 61px, 0);
    -webkit-transform: skew(0.56deg);
    transform: skew(0.56deg);
  }
  40% {
    clip: rect(79px, 9999px, 81px, 0);
    -webkit-transform: skew(0.05deg);
    transform: skew(0.05deg);
  }
  45% {
    clip: rect(20px, 9999px, 97px, 0);
    -webkit-transform: skew(0.56deg);
    transform: skew(0.56deg);
  }
  50% {
    clip: rect(33px, 9999px, 100px, 0);
    -webkit-transform: skew(0.16deg);
    transform: skew(0.16deg);
  }
  55% {
    clip: rect(19px, 9999px, 76px, 0);
    -webkit-transform: skew(0.93deg);
    transform: skew(0.93deg);
  }
  60% {
    clip: rect(29px, 9999px, 59px, 0);
    -webkit-transform: skew(0.58deg);
    transform: skew(0.58deg);
  }
  65% {
    clip: rect(19px, 9999px, 95px, 0);
    -webkit-transform: skew(0.83deg);
    transform: skew(0.83deg);
  }
  70% {
    clip: rect(88px, 9999px, 30px, 0);
    -webkit-transform: skew(0.39deg);
    transform: skew(0.39deg);
  }
  75% {
    clip: rect(43px, 9999px, 45px, 0);
    -webkit-transform: skew(0.6deg);
    transform: skew(0.6deg);
  }
  80% {
    clip: rect(30px, 9999px, 4px, 0);
    -webkit-transform: skew(0.89deg);
    transform: skew(0.89deg);
  }
  85% {
    clip: rect(4px, 9999px, 96px, 0);
    -webkit-transform: skew(1deg);
    transform: skew(1deg);
  }
  90% {
    clip: rect(4px, 9999px, 91px, 0);
    -webkit-transform: skew(0.2deg);
    transform: skew(0.2deg);
  }
  95% {
    clip: rect(48px, 9999px, 80px, 0);
    -webkit-transform: skew(0.41deg);
    transform: skew(0.41deg);
  }
  100% {
    clip: rect(10px, 9999px, 58px, 0);
    -webkit-transform: skew(0.91deg);
    transform: skew(0.91deg);
  }
}

@keyframes glitch-anim {
  0% {
    clip: rect(49px, 9999px, 31px, 0);
    -webkit-transform: skew(0.04deg);
    transform: skew(0.04deg);
  }
  5% {
    clip: rect(63px, 9999px, 92px, 0);
    -webkit-transform: skew(0.18deg);
    transform: skew(0.18deg);
  }
  10% {
    clip: rect(86px, 9999px, 74px, 0);
    -webkit-transform: skew(0.4deg);
    transform: skew(0.4deg);
  }
  15% {
    clip: rect(85px, 9999px, 19px, 0);
    -webkit-transform: skew(0.57deg);
    transform: skew(0.57deg);
  }
  20% {
    clip: rect(64px, 9999px, 75px, 0);
    -webkit-transform: skew(0.96deg);
    transform: skew(0.96deg);
  }
  25% {
    clip: rect(77px, 9999px, 17px, 0);
    -webkit-transform: skew(0.61deg);
    transform: skew(0.61deg);
  }
  30% {
    clip: rect(16px, 9999px, 76px, 0);
    -webkit-transform: skew(0.81deg);
    transform: skew(0.81deg);
  }
  35% {
    clip: rect(5px, 9999px, 61px, 0);
    -webkit-transform: skew(0.56deg);
    transform: skew(0.56deg);
  }
  40% {
    clip: rect(79px, 9999px, 81px, 0);
    -webkit-transform: skew(0.05deg);
    transform: skew(0.05deg);
  }
  45% {
    clip: rect(20px, 9999px, 97px, 0);
    -webkit-transform: skew(0.56deg);
    transform: skew(0.56deg);
  }
  50% {
    clip: rect(33px, 9999px, 100px, 0);
    -webkit-transform: skew(0.16deg);
    transform: skew(0.16deg);
  }
  55% {
    clip: rect(19px, 9999px, 76px, 0);
    -webkit-transform: skew(0.93deg);
    transform: skew(0.93deg);
  }
  60% {
    clip: rect(29px, 9999px, 59px, 0);
    -webkit-transform: skew(0.58deg);
    transform: skew(0.58deg);
  }
  65% {
    clip: rect(19px, 9999px, 95px, 0);
    -webkit-transform: skew(0.83deg);
    transform: skew(0.83deg);
  }
  70% {
    clip: rect(88px, 9999px, 30px, 0);
    -webkit-transform: skew(0.39deg);
    transform: skew(0.39deg);
  }
  75% {
    clip: rect(43px, 9999px, 45px, 0);
    -webkit-transform: skew(0.6deg);
    transform: skew(0.6deg);
  }
  80% {
    clip: rect(30px, 9999px, 4px, 0);
    -webkit-transform: skew(0.89deg);
    transform: skew(0.89deg);
  }
  85% {
    clip: rect(4px, 9999px, 96px, 0);
    -webkit-transform: skew(1deg);
    transform: skew(1deg);
  }
  90% {
    clip: rect(4px, 9999px, 91px, 0);
    -webkit-transform: skew(0.2deg);
    transform: skew(0.2deg);
  }
  95% {
    clip: rect(48px, 9999px, 80px, 0);
    -webkit-transform: skew(0.41deg);
    transform: skew(0.41deg);
  }
  100% {
    clip: rect(10px, 9999px, 58px, 0);
    -webkit-transform: skew(0.91deg);
    transform: skew(0.91deg);
  }
}
@-webkit-keyframes glitch-anim2 {
  0% {
    clip: rect(97px, 9999px, 84px, 0);
    -webkit-transform: skew(0.55deg);
    transform: skew(0.55deg);
  }
  5% {
    clip: rect(82px, 9999px, 21px, 0);
    -webkit-transform: skew(0.04deg);
    transform: skew(0.04deg);
  }
  10% {
    clip: rect(51px, 9999px, 99px, 0);
    -webkit-transform: skew(0.93deg);
    transform: skew(0.93deg);
  }
  15% {
    clip: rect(42px, 9999px, 97px, 0);
    -webkit-transform: skew(0.03deg);
    transform: skew(0.03deg);
  }
  20% {
    clip: rect(27px, 9999px, 25px, 0);
    -webkit-transform: skew(0.86deg);
    transform: skew(0.86deg);
  }
  25% {
    clip: rect(69px, 9999px, 5px, 0);
    -webkit-transform: skew(0.95deg);
    transform: skew(0.95deg);
  }
  30% {
    clip: rect(38px, 9999px, 67px, 0);
    -webkit-transform: skew(0.33deg);
    transform: skew(0.33deg);
  }
  35% {
    clip: rect(8px, 9999px, 90px, 0);
    -webkit-transform: skew(0.67deg);
    transform: skew(0.67deg);
  }
  40% {
    clip: rect(34px, 9999px, 31px, 0);
    -webkit-transform: skew(0.33deg);
    transform: skew(0.33deg);
  }
  45% {
    clip: rect(1px, 9999px, 25px, 0);
    -webkit-transform: skew(0.71deg);
    transform: skew(0.71deg);
  }
  50% {
    clip: rect(45px, 9999px, 40px, 0);
    -webkit-transform: skew(0.38deg);
    transform: skew(0.38deg);
  }
  55% {
    clip: rect(84px, 9999px, 96px, 0);
    -webkit-transform: skew(0.3deg);
    transform: skew(0.3deg);
  }
  60% {
    clip: rect(68px, 9999px, 59px, 0);
    -webkit-transform: skew(0.35deg);
    transform: skew(0.35deg);
  }
  65% {
    clip: rect(93px, 9999px, 48px, 0);
    -webkit-transform: skew(0.25deg);
    transform: skew(0.25deg);
  }
  70% {
    clip: rect(19px, 9999px, 40px, 0);
    -webkit-transform: skew(0.97deg);
    transform: skew(0.97deg);
  }
  75% {
    clip: rect(76px, 9999px, 56px, 0);
    -webkit-transform: skew(0.79deg);
    transform: skew(0.79deg);
  }
  80% {
    clip: rect(22px, 9999px, 82px, 0);
    -webkit-transform: skew(0.48deg);
    transform: skew(0.48deg);
  }
  85% {
    clip: rect(30px, 9999px, 63px, 0);
    -webkit-transform: skew(0.91deg);
    transform: skew(0.91deg);
  }
  90% {
    clip: rect(68px, 9999px, 44px, 0);
    -webkit-transform: skew(0.4deg);
    transform: skew(0.4deg);
  }
  95% {
    clip: rect(12px, 9999px, 36px, 0);
    -webkit-transform: skew(0.61deg);
    transform: skew(0.61deg);
  }
  100% {
    clip: rect(24px, 9999px, 5px, 0);
    -webkit-transform: skew(0.96deg);
    transform: skew(0.96deg);
  }
}
@keyframes glitch-anim2 {
  0% {
    clip: rect(97px, 9999px, 84px, 0);
    -webkit-transform: skew(0.55deg);
    transform: skew(0.55deg);
  }
  5% {
    clip: rect(82px, 9999px, 21px, 0);
    -webkit-transform: skew(0.04deg);
    transform: skew(0.04deg);
  }
  10% {
    clip: rect(51px, 9999px, 99px, 0);
    -webkit-transform: skew(0.93deg);
    transform: skew(0.93deg);
  }
  15% {
    clip: rect(42px, 9999px, 97px, 0);
    -webkit-transform: skew(0.03deg);
    transform: skew(0.03deg);
  }
  20% {
    clip: rect(27px, 9999px, 25px, 0);
    -webkit-transform: skew(0.86deg);
    transform: skew(0.86deg);
  }
  25% {
    clip: rect(69px, 9999px, 5px, 0);
    -webkit-transform: skew(0.95deg);
    transform: skew(0.95deg);
  }
  30% {
    clip: rect(38px, 9999px, 67px, 0);
    -webkit-transform: skew(0.33deg);
    transform: skew(0.33deg);
  }
  35% {
    clip: rect(8px, 9999px, 90px, 0);
    -webkit-transform: skew(0.67deg);
    transform: skew(0.67deg);
  }
  40% {
    clip: rect(34px, 9999px, 31px, 0);
    -webkit-transform: skew(0.33deg);
    transform: skew(0.33deg);
  }
  45% {
    clip: rect(1px, 9999px, 25px, 0);
    -webkit-transform: skew(0.71deg);
    transform: skew(0.71deg);
  }
  50% {
    clip: rect(45px, 9999px, 40px, 0);
    -webkit-transform: skew(0.38deg);
    transform: skew(0.38deg);
  }
  55% {
    clip: rect(84px, 9999px, 96px, 0);
    -webkit-transform: skew(0.3deg);
    transform: skew(0.3deg);
  }
  60% {
    clip: rect(68px, 9999px, 59px, 0);
    -webkit-transform: skew(0.35deg);
    transform: skew(0.35deg);
  }
  65% {
    clip: rect(93px, 9999px, 48px, 0);
    -webkit-transform: skew(0.25deg);
    transform: skew(0.25deg);
  }
  70% {
    clip: rect(19px, 9999px, 40px, 0);
    -webkit-transform: skew(0.97deg);
    transform: skew(0.97deg);
  }
  75% {
    clip: rect(76px, 9999px, 56px, 0);
    -webkit-transform: skew(0.79deg);
    transform: skew(0.79deg);
  }
  80% {
    clip: rect(22px, 9999px, 82px, 0);
    -webkit-transform: skew(0.48deg);
    transform: skew(0.48deg);
  }
  85% {
    clip: rect(30px, 9999px, 63px, 0);
    -webkit-transform: skew(0.91deg);
    transform: skew(0.91deg);
  }
  90% {
    clip: rect(68px, 9999px, 44px, 0);
    -webkit-transform: skew(0.4deg);
    transform: skew(0.4deg);
  }
  95% {
    clip: rect(12px, 9999px, 36px, 0);
    -webkit-transform: skew(0.61deg);
    transform: skew(0.61deg);
  }
  100% {
    clip: rect(24px, 9999px, 5px, 0);
    -webkit-transform: skew(0.96deg);
    transform: skew(0.96deg);
  }
}
@-webkit-keyframes glitch-skew {
  0% {
    -webkit-transform: skew(3deg);
    transform: skew(3deg);
  }
  10% {
    -webkit-transform: skew(2deg);
    transform: skew(2deg);
  }
  20% {
    -webkit-transform: skew(0deg);
    transform: skew(0deg);
  }
  30% {
    -webkit-transform: skew(0deg);
    transform: skew(0deg);
  }
  40% {
    -webkit-transform: skew(2deg);
    transform: skew(2deg);
  }
  50% {
    -webkit-transform: skew(-1deg);
    transform: skew(-1deg);
  }
  60% {
    -webkit-transform: skew(-3deg);
    transform: skew(-3deg);
  }
  70% {
    -webkit-transform: skew(-1deg);
    transform: skew(-1deg);
  }
  80% {
    -webkit-transform: skew(-1deg);
    transform: skew(-1deg);
  }
  90% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  100% {
    -webkit-transform: skew(-3deg);
    transform: skew(-3deg);
  }
}
@keyframes glitch-skew {
  0% {
    -webkit-transform: skew(3deg);
    transform: skew(3deg);
  }
  10% {
    -webkit-transform: skew(2deg);
    transform: skew(2deg);
  }
  20% {
    -webkit-transform: skew(0deg);
    transform: skew(0deg);
  }
  30% {
    -webkit-transform: skew(0deg);
    transform: skew(0deg);
  }
  40% {
    -webkit-transform: skew(2deg);
    transform: skew(2deg);
  }
  50% {
    -webkit-transform: skew(-1deg);
    transform: skew(-1deg);
  }
  60% {
    -webkit-transform: skew(-3deg);
    transform: skew(-3deg);
  }
  70% {
    -webkit-transform: skew(-1deg);
    transform: skew(-1deg);
  }
  80% {
    -webkit-transform: skew(-1deg);
    transform: skew(-1deg);
  }
  90% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  100% {
    -webkit-transform: skew(-3deg);
    transform: skew(-3deg);
  }
}
/***************************

images

***************************/
.mil-image-frame {
  position: relative;
  overflow: hidden;
}
.mil-image-frame > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.whatweDoLeftSideSvgHorizontal {
  display: none;
}
.mil-image-frame.mil-horizontal {
  padding-bottom: 57%;
}
.mil-image-frame.mil-horizontal-width {
  padding-bottom: 70%;
}
.mil-image-frame.mil-vertical {
  padding-bottom: 140%;
}
.mil-slider-img-con {
  /* width: 370px;
  height: 260px; */
  width: 365px;
  height: 600px;
}
.mil-image-frame.mil-square {
  padding-bottom: 100%;
}
.mil-image-frame.mil-fw {
  padding-bottom: 50%;
}
.mil-image-frame .mil-zoom-btn {
  opacity: 0;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  position: absolute;
  top: 30px;
  right: 30px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-image-frame .mil-zoom-btn:hover {
  background-color: rgb(255, 255, 255);
}
.mil-image-frame .mil-zoom-btn img {
  height: 17px;
  width: 17px;
}
.mil-image-frame:hover .mil-zoom-btn {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 2;
}

/***************************

page transitions

***************************/
.mil-frame {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.mil-curtain {
  position: fixed;
  pointer-events: none;
  z-index: 6;
  background-color: rgb(0, 0, 0);
  opacity: 0;
  width: 100%;
  height: 100vh;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.mil-main-transition {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  margin-top: 0;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.mil-main-transition .mil-animation-frame {
  opacity: 1;
  margin-top: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.mil-main-transition .mil-lines-place {
  opacity: 1;
  margin-top: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

html.is-animating .mil-frame {
  opacity: 0;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
@media screen and (max-width: 1200px) {
  html.is-animating .mil-frame {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
html.is-animating .mil-curtain {
  opacity: 1;
  pointer-events: all;
}
html.is-animating .mil-main-transition {
  margin-top: 0.1px;
}
html.is-animating .mil-main-transition .mil-animation-frame {
  opacity: 0;
  margin-top: -90px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
html.is-animating .mil-main-transition .mil-lines-place {
  opacity: 0;
  margin-top: 90px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

html.is-animating .mil-menu-frame {
  opacity: 0;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/* card */

.stats-section {
  width: 15vw;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 0.2rem;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.09);
}

.stats-card {
  display: flex;
  flex: 100%;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem;
}

.icon-circle {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 2rem;
  background-color: #6764ef;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon {
  width: 1.3rem;
  height: 1.3rem;
}

.title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c2727;
  margin-top: 0.3rem;
}

.label {
  font-size: 0.8rem;
  color: #151414;
  margin-top: 0.1rem;
  text-align: center;
}
.banner-image {
  background-image: url("../img/icons/desktop.png");
  background-position: center;
  background-size: cover;
  height: 100px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.255);
}

/* corporate File media query */

@media only screen and (min-width: 600px) {
}

/*   cube aniamtion */

.scene {
  width: 400px;
  height: 400px;
  perspective: 25000px;
  position: absolute;
  top: -2%;
  left: 66%;
}

.cube {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateX(0deg) rotateY(0deg);
  animation: rotateCube 60s infinite linear;
}

.face {
  position: absolute;
  width: 400px;
  height: 400px;
  /* background-color: rgba(255, 255, 255, 0.1); */
  /* border: 1px solid rgba(255, 255, 255, 0.3); */
  box-sizing: border-box;
  border: 0.1px solid #000; /* Added #6C41FF outline  #909090*/
  opacity: 0.15;
}

.front {
  transform: rotateY(0deg) translateZ(200px);
}
.back {
  transform: rotateY(180deg) translateZ(200px);
}
.left {
  transform: rotateY(-90deg) translateZ(200px);
}
.right {
  transform: rotateY(90deg) translateZ(200px);
}
.top {
  transform: rotateX(90deg) translateZ(200px);
}
.bottom {
  transform: rotateX(-90deg) translateZ(200px);
}

@keyframes rotateCube {
  from {
    transform: rotateX(0deg) rotateY(0deg);
  }
  to {
    transform: rotateX(360deg) rotateY(360deg);
  }
}

/*   ---------     Homer Card Increase Counter Start           ------------ */

.cardCounterIncreaseCon {
  width: 260px;
  height: 337px;
  background-color: #6c41ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 22px;
}
.cardCounterIncreaseIcon {
  width: 94px;
  height: 94px;
  object-fit: contain;
}
.cardCounterIncreaseNumTitle {
  font-size: 50px;
  font-weight: 600;
  font-family: outfit;
  line-height: 52px;
  color: white;
  text-align: center;
}
.cardCounterIncreaseNumTitleFive {
  font-size: 50px;
  font-weight: 600;
  font-family: outfit;
  line-height: 52px;
  color: white;
  text-align: center;
}
.cardCounterIncreaseBottomDesc {
  font-size: 30px;
  font-weight: 300;
  font-family: outfit;
  line-height: 38px;
  color: white;
  text-align: center;
}

/* Home Image Silde Section Start */

/* 
body {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #4793AF
} */

.videoMainCon {
  width: 100%;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

/* ONENNENEE   Addd*/
.videoOneAdd {
  z-index: 3 !important;
  width: 54% !important;
  transform: translateX(0px) !important;
  transition: all 0.8s ease-in-out;
}

.videoTWoAdd {
  transition: all 0.8s ease-in-out;
  z-index: 2 !important;
  width: 28% !important;
  transform: translateX(0px) !important;
}
.videoTHreeAdd {
  z-index: 1 !important;
  transition: all 0.8s ease-in-out;
  width: 28% !important;
  transform: translateX(0px) !important;
}
/* TWO Add */

.videoOneAddTWo {
  z-index: 1 !important;
  width: 28% !important;
  transform: translateX(0px) !important;
  transition: all 0.8s ease-in-out;
}

.videoTWoAddTWo {
  transition: all 0.8s ease-in-out;
  z-index: 3 !important;
  width: 54% !important;
  transform: translateX(0px) !important;
}
.videoTHreeAddTWo {
  transition: all 0.8s ease-in-out !important;
  z-index: 2 !important;
  width: 28% !important;
  transform: translateX(0px) !important;
}
/* THREE ADD */

.videoOneAddThree {
  z-index: 1 !important;
  width: 28% !important;
  transform: translateX(0px) !important;
  transition: all 0.8s ease-in-out !important;
}

.videoTWoAddThree {
  transition: all 0.8s ease-in-out !important;
  z-index: 2 !important;
  width: 28% !important;
  transform: translateX(0px) !important;
}
.videoTHreeAddThree {
  z-index: 3 !important;
  transition: all 0.8s ease-in-out !important;
  width: 54% !important;
  transform: translateX(0px) !important;
}
/* END */
/* slider inner content width */
.sliderInnerContentWidth {
  width: 28vmax;
}
/*  */
.videoMainCon .videoTag {
  height: 370px;
  width: 100%;
  object-fit: cover;
  border-radius: 40px;
}
.videoMainCon::before {
  content: "";
  height: 370px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  border-radius: 40px;
  opacity: 0.4;
}
#videoOne {
  z-index: 3;
  width: 54%;
  transition: all 0.8s ease-in-out;
}
#videoTwo {
  z-index: 2;
  width: 28%;
  transition: all 0.8s ease-in-out;
}

#videoThree {
  z-index: 1;
  transition: all 0.8s ease-in-out;
  width: 28%;
}
#videoNoTextOne,
#videoNoTextTwo,
#videoNoTextThree {
  color: white;
  font-size: 22px;
}
.imgSlider-COntent {
  position: absolute;
  top: 0%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 25px;
  padding-top: 32px;
}
.rightSideCorporateImg {
  transition: opacity 0.5s ease-in-out;
}
.fade-out {
  opacity: 0;
}
#titleOne {
  color: #ffff;
  font-family: outfit;
  font-weight: 300;
  line-height: 25px;
  opacity: 1;
  display: block;
  transition: all 0.3s ease-in;
}
.sliderHeading-bott {
  font-size: 29px;
  font-family: outfit;
  font-weight: 500;
  line-height: 35px;
}
#titleTwo,
#titleThree {
  color: #ffff;
  opacity: 0;
  transition: all 0.3s ease-in;
  overflow: hidden;
  font-size: 17px;
  font-family: outfit;
  font-weight: 300;
  line-height: 25px;
}

/*  Home Image Slide Section Start  */

/*   ---------     Homer Card Increase Counter End          ------------ */

.scene2 {
  width: 100px;
  height: 100px;
  perspective: 5000px;
  position: absolute;
  left: 46%;
  top: -0.7%;
}

.cube2 {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateX(0deg) rotateY(0deg);
  animation: rotateCube2 22s infinite linear;
}

.face2 {
  position: absolute;
  width: 100px;
  height: 100px;
  /* background-color: rgba(255, 255, 255, 0.1); */
  /* border: 1px solid rgba(255, 255, 255, 0.3); */
  box-sizing: border-box;
  border: 0.1px solid #000; /* Added #6C41FF outline  #909090*/
  opacity: 0.15;
}

.front2 {
  transform: rotateY(0deg) translateZ(50px);
}
.back2 {
  transform: rotateY(180deg) translateZ(50px);
}
.left2 {
  transform: rotateY(-90deg) translateZ(50px);
}
.right2 {
  transform: rotateY(90deg) translateZ(50px);
}
.top2 {
  transform: rotateX(90deg) translateZ(50px);
}
.bottom2 {
  transform: rotateX(-90deg) translateZ(50px);
}

.scene3 {
  width: 60px;
  height: 60px;
  perspective: 2890px;
  position: absolute;
  top: 6%;
  left: 89%;
}
.cube3 {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateX(0deg) rotateY(0deg);
  animation: rotateCube 15s infinite linear;
}
.face3 {
  position: absolute;
  width: 60px;
  height: 60px;
  /* background-color: rgba(255, 255, 255, 0.1); */
  /* border: 1px solid rgba(255, 255, 255, 0.3); */
  box-sizing: border-box;
  border: 0.1px solid #000; /* Added #6C41FF outline  #909090*/
  opacity: 0.15;
}

.front3 {
  transform: rotateY(0deg) translateZ(30px);
}
.back3 {
  transform: rotateY(180deg) translateZ(30px);
}
.left3 {
  transform: rotateY(-90deg) translateZ(30px);
}
.right3 {
  transform: rotateY(90deg) translateZ(30px);
}
.top3 {
  transform: rotateX(90deg) translateZ(30px);
}
.bottom3 {
  transform: rotateX(-90deg) translateZ(30px);
}

@keyframes rotateCube2 {
  from {
    transform: rotateX(0deg) rotateY(0deg);
  }
  to {
    transform: rotateX(-360deg) rotateY(-360deg);
  }
}

html {
  scroll-behavior: smooth;
}
/* Serveice COrporate Start */

.ourServicesImgCon img {
  width: 100%;
  height: fit-content;
  object-fit: contain;
  border-radius: 24px;
}

* {
  box-sizing: border-box;
}
.sectionMainCon {
  background-image: url("../img/photo/bg-opacity.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 3050px;
  position: relative;
  overflow: visible;
  box-shadow: 0 -10px 18px -5px rgb(0 0 0 / 70%);
  background-attachment: fixed;
}
.sectionTitleCor {
  font-size: 33px;
  font-weight: 600;
  font-family: outfit;
  line-height: 39px;
  color: white;
  margin-bottom: 50px;
}
.opacityCon {
  background: black;
  opacity: 0.6;
  height: 3050px;
  width: 100%;
  position: absolute;
}
.leftSideImg {
  width: 475px;
  height: 650px;
  /* object-fit: contain; */
  border-radius: 16px;
  /* opacity: 1; */
  transition: opacity 1s ease-in-out;
}
.pinkBoxCon {
  width: 403px;
  height: 275px;
  border: 1px solid rgba(255, 255, 255, 0.304);
  background-color: #b91f4b;
  padding: 30px;
  opacity: 0.3;
}
.rightSidePinkBox {
  position: relative;
  margin-bottom: 30px;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  transition: 1s ease-in;
}
.pinkBoxCon::after {
  position: absolute;
  content: " ";
  width: 13.6px;
  height: 13.6px;
  border-top: 0px solid rgba(255, 255, 255, 0.304);
  border-right: 0px solid rgba(255, 255, 255, 0.304);
  border-left: 1px solid rgba(255, 255, 255, 0.304);
  border-bottom: 1px solid rgba(255, 255, 255, 0.304);
  top: 11%;
  left: -1.5%;
  transform: rotate(45deg);
  background-color: #b91f4b;
}
.pinkBoxInnerClockImg {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.headingSubHeadPinkBoxCon h4 {
  font-weight: 400;
  font-size: 29px;
  line-height: 36px;
  color: white;
  margin: 15px 0;
  font-family: outfit;
}
.headingSubHeadPinkBoxCon p {
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: white;
  font-family: outfit;
}
.boxActive {
  opacity: 1;
  transition: 1s ease;
}
.boxInActive {
  opacity: 0.3;
}
.showActiveInActiveBox {
  border: 1.5px solid rgba(255, 255, 255, 0.306);
  height: 2800px;
  position: relative;
}
.showActiveBorderBox {
  border: 1.5px solid white;
  height: 1000px;
  position: relative;
}
.showActiveInActiveBoxCon {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 102%;
}
.dotActive {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.304);
  position: absolute;
  top: 9%;
  left: -10px;
}
.voiletDotActive {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.304);
  position: absolute;
  top: 9%;
  left: -112px;
}
.dotOne {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #b91f4b;
  border: 1.5px solid rgba(255, 255, 255, 0.304);
  position: absolute;
  top: 47%;
  left: -6px;
  transition: 0.1s ease;
}
.growDot {
  animation: grow 3s;
}

@keyframes grow {
  from {
    width: 12px;
    background-color: #b91f4b;
    left: -6%;
    border-radius: 100%;
  }
  to {
    width: 20px;
    background-color: #ffffff;
    left: -10%;
    border-radius: 100%;
  }
}
.dotTwo {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #b91f4b;
  border: 1.5px solid rgba(255, 255, 255, 0.304);
  position: absolute;
  top: 11%;
  left: -108px;
}
.dTwo {
  top: 76%;
}
.dThree {
  top: 105%;
}
.dFour {
  top: 134%;
}
.dFive {
  top: 163%;
}
.dSix {
  top: 192%;
}
.dSeven {
  top: 222%;
}
.pinkBoxMainCon {
  height: 3050px;
  /* overflow-y: scroll; */

  /* margin-top: 165px; */
  /* overscroll-behavior: contain; */
  padding-left: 100px;
  transition: 0.8s ease-in-out;
  /* scroll-snap-type: y proximity; */
}

.activeVoiletBoxConOurSer {
  width: 392.5px !important;
  height: 290px !important;
  border-radius: 10px;
  background-color: #6c41ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  z-index: 1;
}
.ourServiceCorporateSliderMain {
  position: relative;
  padding-bottom: 140px;
}
.ourServiceCorporateSliderMain .swiper {
  width: 174%;
  height: 295px;
}

.ourServiceCorporateSliderMain .swiper-slide {
  height: 223.5px !important;
  text-align: center;
  font-size: 18px;
  background: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  transition: 0.5s ease-in;
}

.ourServiceCorporateSliderMain .swiper-slide .voiletBoxConOurSer {
  width: 301.5px !important;
  height: 223.5px !important;
  border-radius: 10px;
  background-color: #c1aeff;
  display: flex;
  flex-direction: column;
  align-items: self-start;
  justify-content: center;
  padding-left: 33px;
  text-align: left;
  transition: 0.5s ease-in;
}
.ourServiceCorporateSliderMain .swiper-slide-active {
  width: 392.5px !important;
  height: 290px !important;
  border-radius: 10px;
  background-color: #6c41ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  z-index: 1;
  transition: 0.5s ease-in;
}

.ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxConOurSer {
  width: 392.5px !important;
  height: 290px !important;
  border-radius: 10px;
  background-color: #6c41ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  z-index: 1;
  transition: 0.5s ease-in;
  padding-left: 43px;
}
.ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxIcon {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.voiletBoxIcon {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxTitle {
  font-size: 33px;
  font-weight: 400;
  line-height: 36px;
}
.voiletBoxTitle {
  font-family: outfit;
  font-size: 26px;
  font-weight: 400;
  line-height: 31px;
  color: #fff;
  margin-top: 8px;
  text-align: left;
}
.brandingOureSerSliderIndicatorCon {
  position: relative;
  left: -66%;
  top: -24px;
  z-index: 1;
}
.brandPackSliderIndicatorCon {
  position: relative;
  left: -68.5%;
  top: -35px;
  z-index: 1;
}
.brandingOureSerSliderIndicatorCon .swiper-pagination-bullet,
.brandPackSliderIndicatorCon .swiper-pagination-bullet,
.uiUxSliderIndicatorCon .swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 18px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 18px)
  );
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.1);
}

.brandingOureSerSliderIndicatorCon .swiper-pagination-bullet-active,
.brandPackSliderIndicatorCon .swiper-pagination-bullet-active,
.uiUxSliderIndicatorCon .swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #6c41ff !important;
}

.mySwiperCinematicSlider .swiper-button-next,
.mySwiperCinematicSlider .swiper-button-prev {
  opacity: 0;
  transition: all 0.4s ease-in;
}

.mySwiperCinematicSlider:hover .swiper-button-next {
  width: 45px;
  height: 42px;
  opacity: 1;
  background: #6c41ff;
  right: 40px !important;
  color: #ffffff !important;
  border-radius: 4%;
  transition: all 0.4s ease-in;
}

.mySwiperCinematicSlider:hover .swiper-button-prev {
  width: 45px;
  height: 42px;
  opacity: 1;
  background: #3c00ff;
  /* right: 5px !important; */
  color: #ffffff !important;
  border-radius: 4%;
  transition: all 0.4s ease-in;
}

.mySwiperCinematicSlider .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 16px;
  font-weight: 700;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.mySwiperCinematicSlider .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 16px;
  font-weight: 700;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.mySwiperCor .swiper-button-next {
  right: 32% !important;
  top: 94%;
}
.mySwiperCor .swiper-button-prev {
  left: 43.5% !important;
  top: 94%;
}
.mySwiperCor .swiper-button-next,
.mySwiperCor .swiper-button-prev {
  width: 34px;
  height: 34px;
  opacity: 1;
  background: #6c41ff;
  color: #ffffff !important;
  border-radius: 50%;
  transition: all 0.4s ease-in;
}
.mySwiperCor .swiper-button-prev:after,
.mySwiperCor .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 16px;
  font-weight: 700;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.mySwiperCor .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 7.5px;
  left: 55px;
  width: 100%;
}

.mySwiperCor .swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 16px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 16px)
  );
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.1);
}
.mySwiperCor .swiper-pagination-bullet-active {
  opacity: 1 !important;
  background: #6c41ff !important;
}

/* Home Slider */

.homeSliderPrevNexBtnCon .swiper-button-next,
.homeSliderPrevNexBtnCon .swiper-button-prev {
  width: 40px;
  height: 40px;
  opacity: 1;
  background: #e5e5e5;
  color: #ffffff !important;
  border-radius: 50%;
  transition: all 0.4s ease-in;
}
.homeSliderPrevNexBtnCon .swiper-button-prev:after,
.homeSliderPrevNexBtnCon .swiper-button-next:after {
  display: none;
}
.homeSliderPrevNexBtnCon .swiper-button-next {
  right: -90px !important;
  top: 58%;
  opacity: 1;
}
.homeSliderPrevNexBtnCon .swiper-button-prev {
  left: -90px !important;
  top: 58%;
  opacity: 1;
}
.fa-arrow-right-long,
.fa-arrow-left-long {
  color: #000;
  font-size: 17px;
}
.homeSliderPrevNexBtnCon .swiper-button-disabled .fa-arrow-left-long,
.homeSliderPrevNexBtnCon .swiper-button-disabled .fa-arrow-right-long {
  opacity: 0.2;
}
/* Cinematic */

.mySwiperBrandPreNextSliderCon,
.brandPackPrevNextSliderCon {
  position: relative;
  left: -50%;
  top: -56px;
  z-index: 1;
}
.mySwiperBrandPreNextSliderCon .swiper-button-next {
  right: 57% !important;
}
.mySwiperBrandPreNextSliderCon .swiper-button-prev {
  left: 20% !important;
}
.mySwiperBrandPreNextSliderCon .swiper-button-next,
.mySwiperBrandPreNextSliderCon .swiper-button-prev,
.brandPackPrevNextSliderCon .swiper-button-next,
.brandPackPrevNextSliderCon .swiper-button-prev {
  width: 34px;
  height: 34px;
  opacity: 1;
  background: #6c41ff !important;
  color: #ffffff !important;
  border-radius: 50%;
}
.mySwiperBrandPreNextSliderCon .swiper-button-prev:after,
.mySwiperBrandPreNextSliderCon .swiper-button-next:after,
.brandPackPrevNextSliderCon .swiper-button-prev:after,
.brandPackPrevNextSliderCon .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 16px;
  font-weight: 700;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

/* Brand & Packaging */

.brandPackPrevNextSliderCon .swiper-button-next {
  right: 55% !important;
}
.brandPackPrevNextSliderCon .swiper-button-prev {
  left: 18% !important;
}

/* UiUx */
.uiUxSliderIndicatorCon {
  position: relative;
  left: -41%;
  top: -315px;
  z-index: 1;
}
.uiUxPrevNextSliderCon {
  position: relative;
  left: -19.8%;
  top: -335px;
  z-index: 1;
}
.uiUxPrevNextSliderCon .swiper-button-next {
  right: 62.2% !important;
}
.uiUxPrevNextSliderCon .swiper-button-prev {
  left: 20% !important;
}
.uiUxPrevNextSliderCon .swiper-button-next,
.uiUxPrevNextSliderCon .swiper-button-prev {
  width: 34px;
  height: 34px;
  opacity: 1;
  background: #6c41ff !important;
  color: #ffffff !important;
  border-radius: 50%;
}
.uiUxPrevNextSliderCon .swiper-button-prev:after,
.uiUxPrevNextSliderCon .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 16px;
  font-weight: 700;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
/*  */

.brandingOureSerSliderIndicatorCon
  .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 20px;
  left: -22px;
  width: 100%;
}
/* Video */
.mySwiperBrandVideo .swiper-button-next {
  right: 425px !important;
  opacity: 0;
  transition: all 0.4s ease-in;
}
.mySwiperBrandVideo .swiper-button-prev {
  left: 120px !important;
  opacity: 0;
  transition: all 0.4s ease-in;
}
.mySwiperBrandVideo:hover .swiper-button-next {
  width: 55px;
  height: 50px;
  opacity: 1;
  background: #6c41ff;
  right: 425px !important;
  color: #ffffff !important;
  border-radius: 4%;
  transition: all 0.4s ease-in;
}
.mySwiperBrandVideo:hover .swiper-button-prev {
  width: 55px;
  height: 50px;
  opacity: 1;
  background: #6c41ff;
  right: 164px !important;
  color: #ffffff !important;
  border-radius: 4%;
  transition: all 0.4s ease-in;
}
.mySwiperBrandVideo .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 16px;
  font-weight: 700;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.mySwiperBrandVideo .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 16px;
  font-weight: 700;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.ourServicesImgConViewMore {
  position: relative;
  width: fit-content;
  height: fit-content;
  overflow: hidden;
  border-radius: 24px;
}
.ourServicesImgConViewMore img {
  width: 518px;
  height: 739px;
  transition: 0.5s ease;
  border-radius: 24px;
}
.ourServicesImgConViewMore img:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  transition: 0.5s ease;
}

.ourServicesImgConViewMore:hover .viewMoreSampConImgViewMore {
  opacity: 1;
  transition: 1s ease;
}
.viewMoreSampConImgViewMore {
  width: 212px;
  height: 48px;
  background: white;
  border-radius: 34px;
  text-align: center;
  position: absolute;
  top: 89%;
  left: 51%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 1s ease;
}
.viewMoreText {
  font-size: 19px;
  font-weight: 500;
  font-family: outfit;
  line-height: 39px;
}

#sliderChangeDesChangeOurSer {
  width: 360px;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #6d6d6d;
  font-family: outfit;
  margin-top: 33px;
  text-align: left;
}
.pghText {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  font-family: outfit;
}

.fade-out {
  opacity: 0;
}

.fade-in {
  opacity: 1;
}

/* .serviceImg-out {
  opacity: 0;
  }
  
  .serviceImg-in {
  opacity: 1;
  } */
.serviceImg-out {
  animation: fadeIn 3s ease-in-out;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transition: opacity 3s ease-in;
  }
  100% {
    opacity: 1;
    transition: opacity 3s ease-out;
  }
}

/* Hero Bg Color Animation Start  */
.light {
  background-color: #000323;
}
.bgDarkContainer {
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000323;
  z-index: 1;
  position: relative;
}
.heroImgB {
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  position: relative;
  background-image: url(../img/photo/portfolios/homeTable.svg);
}
/* #000323f7 */
/* .bgCir {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 400px;
    border-radius: 100%;
    background-color: rgb(156 102 250 / 60%);
    filter: blur(200px);
    transition: all 450ms ease-out;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    transform: translate(calc(-50% + 15px), -50%);
    z-index: 2; 
    -webkit-animation: moveX 12.05s linear 0s infinite alternate, moveY 12.4s linear 0s infinite alternate;
    -moz-animation: moveX 12.05s linear 0s infinite alternate, moveY 12.4s linear 0s infinite alternate;
    -o-animation: moveX 12.05s linear 0s infinite alternate, moveY 12.4s linear 0s infinite alternate;
    animation: moveX 12.05s linear 0s infinite alternate, moveY 12.4s linear 0s infinite alternate;
  } */
.bgCirMobile {
  display: none;
}
.bgCir {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 400px;
  border-radius: 100%;
  background-color: rgb(156 102 250 / 60%);
  filter: blur(200px);
  transition: all 450ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  transform: translate(calc(-50% + 15px), -50%);
  z-index: 2;
}

/* 100% {
      transform: translate3d(calc(-50% + 301.595px), calc(-50% + 376.703px), 0px);
    } */

.circle {
  --pos-x: 50%;
  --pos-y: 50%;
  --end-x: 50%;
  --end-y: 50%;
  position: absolute;
  text-align: center;
  width: min(10vw, 350px);
  height: min(10vw, 350px);
  /* max-width: 450px; */
  /* max-height: 450px; */
  border-radius: 50%;
  display: inline-block;
  animation: move 8s linear normal forwards;
}

/* Hero Bg Color Animation Start  */

/* UnleashingTitle  Animation start*/
.unleashingTitle {
  text-align: center;
}
.unleashingTitleAnimation {
  background-size: 200%;
  background-image: none;
  /* background-image: linear-gradient(45deg,#6C41FF 0%,#9422A1 35%,#BE0046 66%,#E71E80 80%,#EB5B23 100%); */
  background-image: linear-gradient(
    45deg,
    #a084ff 11%,
    #ff9862 60%,
    #fb6fb3 100%
  );
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-animation: glow 9s linear infinite;
  animation: glow 9s linear infinite;
}

@-webkit-keyframes glow {
  0% {
    background-position: 0% 43%;
  }

  50% {
    background-position: 100% 58%;
  }

  100% {
    background-position: 0% 43%;
  }
}

@keyframes glow {
  0% {
    background-position: 0% 43%;
  }

  50% {
    background-position: 100% 58%;
  }

  100% {
    background-position: 0% 43%;
  }
}

/* home hero mutiple circle start */
/* :root {
  --color-bg1: rgb(108, 0, 162);
  --color-bg2: rgb(0, 17, 82);
  --color1: 18, 113, 255;
  --color2: 221, 74, 255;
  --color3: 100, 220, 255;
  --color4: 200, 50, 50;
  --color5: 180, 180, 50;
  --color-interactive: 140, 100, 255;
  --circle-size: 80%;
  --blending: hard-light;
} */
/* :root {

--color-bg1: rgb(108, 0, 162);
  --color-bg2: rgb(0, 3, 35);
  --color1: 155, 56, 18 ;
  --color2: 108, 65, 255 ;
  --color3: 167, 14, 88;
  --color4: 166, 26, 66;
  --color5: 141, 27, 154 ;
  --color-interactive: 94, 52, 236 ;
  --circle-size: 100%;
  --blending: hard-light
} */

:root {
  --color-bg1: #020a5a;
  --color-bg2: #020742;
  --color1: 108, 65, 255;
  --color2: 240, 170, 50;
  --color3: 231, 30, 128;
  --color4: 185, 31, 75;
  --color5: 108, 65, 255;
  --color-interactive: 108, 65, 255;
  --circle-size: 60%;
  --blending: normal;
}
.rounded-3 {
  border-radius: 10px;
}
.text-container {
  z-index: 100;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  font-size: 96px;
  color: white;
  opacity: 1;
  user-select: none;
  /* text-shadow: 1px 1px rgba(0,0,0,0.1); */
}

@keyframes moveInCircle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes moveVertical {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(-50%);
  }
}

@keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-10%);
  }
  50% {
    transform: translateX(50%) translateY(10%);
  }
  100% {
    transform: translateX(-50%) translateY(-10%);
  }
}

.gradient-bg {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  /* background:var(--color-bg2); */
  background: linear-gradient(40deg, var(--color-bg1), var(--color-bg2));
  top: 0;
  left: 0;
}
.gradient-bg svg {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

.gradients-container {
  filter: url(#goos) blur(100px);
  width: 100%;
  height: 100%;
}

.gradient-bg .g1 {
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color1), 0.8) 0,
      rgba(var(--color1), 0) 50%
    )
    no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: center center;
  animation: moveVertical 30s ease infinite;
  opacity: 1;
}

.gradient-bg .g2 {
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color2), 0.8) 0,
      rgba(var(--color2), 0) 50%
    )
    no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: calc(50% - 400px);
  animation: moveInCircle 20s reverse infinite;
  opacity: 1;
}

.gradient-bg .g3 {
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color3), 0.8) 0,
      rgba(var(--color3), 0) 50%
    )
    no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2 + 200px);
  left: calc(50% - var(--circle-size) / 2 - 500px);
  transform-origin: calc(50% + 400px);
  animation: moveInCircle 40s linear infinite;
  opacity: 1;
}

.gradient-bg .g4 {
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color4), 0.8) 0,
      rgba(var(--color4), 0) 50%
    )
    no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: calc(50% - 200px);
  animation: moveHorizontal 40s ease infinite;
  opacity: 0.7;
}

.gradient-bg .g5 {
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color5), 0.8) 0,
      rgba(var(--color5), 0) 50%
    )
    no-repeat;
  mix-blend-mode: var(--blending);
  width: calc(var(--circle-size) * 2);
  height: calc(var(--circle-size) * 2);
  top: calc(50% - var(--circle-size));
  left: calc(50% - var(--circle-size));
  transform-origin: calc(50% - 800px) calc(50% + 200px);
  animation: moveInCircle 20s ease infinite;
  opacity: 1;
}

.gradient-bg .interactive {
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color-interactive), 0.8) 0,
      rgba(var(--color-interactive), 0) 50%
    )
    no-repeat;
  mix-blend-mode: var(--blending);
  width: 100%;
  height: 100%;
  top: -50%;
  left: -50%;
  opacity: 0.7;
}

.homeBottomSectionSliderCon {
  display: flex;
  gap: 20px;
}

/* Service Corporate End */

.whatWeDoMainCon {
  display: flex;
  align-items: center;
}

.homePghBanner {
  text-align: center;
}

/* -----------------   UI UX STYLE START       ------------------------ */

.ourServiceVideoCinematic {
  position: relative;
  padding-bottom: 135px;
}
.ourServiceVideoCinematic .swiper {
  width: 130%;
  height: 300px;
}
.ourServiceVideoCinematic .swiper .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: end;
}

.ourServiceVideoCinematic .swiper-slide {
  height: 203.5px !important;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  cursor: pointer;
  transition: 0.5s ease-in;
}

.ourServiceVideoCinematic .swiper-slide .voiletBoxCon {
  width: 274.5px !important;
  height: 203.5px !important;
  border-radius: 10px;
  background-color: #c1aeff;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  text-align: left;
  transition: 0.5s ease-in;
}
.ourServiceVideoCinematic .swiper-slide-active {
  width: 392.5px !important;
  height: 298px !important;
  border-radius: 10px;
  background-color: #6c41ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  z-index: 1;
  /* margin-right: 35px!important; */
  transition: 0.5s ease-in;
}
.ourServiceVideoCinematic .swiper-slide-active .voiletBoxCon {
  width: 392.5px !important;
  height: 298px !important;
  border-radius: 10px;
  background-color: #6c41ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  z-index: 1;
  transition: 0.5s ease-in;
  padding-left: 40px;
}

.ourServiceVideoCinematic .swiper-slide-active .voiletBoxIcon {
  width: 55px;
  height: 55px;
  object-fit: contain;
}
.ourServiceVideoCinematic .swiper-slide-active .voiletBoxTitle {
  font-size: 33px;
  font-weight: 400;
  line-height: 36px;
}
.voiletBoxIcon {
  width: 41px;
  height: 41px;
  object-fit: contain;
}
.voiletBoxTitle {
  font-family: outfit;
  font-size: 23px;
  font-weight: 400;
  line-height: 26px;
  color: #fff;
  margin-top: 8px;
  text-align: left;
}

.sectionTitle {
  font-family: outfit;
  font-size: 35px;
  font-weight: 600;
  line-height: 44px;
  color: #000000;
  margin-bottom: 30px;
}

#sliderChangeDesChange {
  font-weight: 300;
  line-height: 23px;
  color: #000000;
  font-family: outfit;
}
.ourServicesImgConVoiletImgUIUX {
  position: relative;
  top: 2.8%;
  left: -1%;
  padding: 0 16px;
}

.ourServicesImgConVoiletImgUIUX img {
  z-index: -1;
  /* position: absolute;
  top: -16%;
  left: 4.5%; */
  width: 795px;
  height: 455px;
  border-radius: 16px;
}

.voiletBoxSlideTextImgCon {
  height: 400px;
  position: relative;
}

.ourServicesImgConVoiletImgUIUX:hover .viewMoreSampConImgUx {
  opacity: 1;
  transition: 1s ease;
}

.viewMoreSampConImgUx {
  width: 212px;
  height: 48px;
  background: white;
  border-radius: 34px;
  text-align: center;
  position: absolute;
  top: 80%;
  left: 72%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 1s ease;
}

.viewMoreText {
  font-size: 19px;
  font-weight: 500;
  font-family: outfit;
  line-height: 39px;
}

.pghText {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  font-family: outfit;
}
.slideImgBoxInnerCon {
  width: 300px;
  height: 270px;
  z-index: 2;
  cursor: pointer;
  position: relative;
}
.sectionTwoCOnExe {
  width: 410px;
  height: 560px;
  object-fit: contain;
}

.col-End {
  display: flex;
  justify-content: flex-end;
  padding: 0px 28px;
}

/* why choose Palpixel */
.upDownImgSliderMainCOn {
  width: 100%;
  height: 2150px;
  background-image: url("../img/photo/interior4.webp");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 20px;
  background-attachment: fixed;
  background-position-y: 9%;
  transition: 1s all ease-in;
}

.afterLayerBg::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f6f6f685;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 1s all ease-in;
}

.userCenteralDesignCon {
  width: 663px;
  height: 343px;
  border: 1px solid black;
  background-color: #eb5b23;
  padding: 50px 40px;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 35px;
  margin-bottom: 30px;
  position: sticky;
  top: 200px;
  overflow: visible;
}

.userCenteralImg {
  width: 71px;
  height: 71px;
  object-fit: contain;
  filter: invert(100%);
}
.userCenterInnerBoxText h4 {
  font-family: outfit;
  font-size: 32px;
  font-weight: 600;
  color: #f2f2f2;
  line-height: 35px;
}

.userCenterInnerBoxText p {
  font-family: outfit;
  font-size: 21px;
  font-weight: 200;
  color: #f2f2f2;
  line-height: 26px;
  margin-top: 18px;
  padding-right: 5px;
}

.tailoredSolutionCon {
  background-color: #6c41ff !important;
}
.tailoredSolutionImg {
  width: 60px;
  height: 79px;
  object-fit: contain;
  filter: invert(100%);
}

.InnovationDesignCon {
  background-color: #e71e80 !important;
}
.performanceScalabilityCon {
  background-color: #b91f4b !important;
}
.performanceScalabilityImg {
  width: 61px;
  height: 72px;
  object-fit: contain;
  filter: invert(100%);
}
.securityComplianceCon {
  background-color: #9422a1 !important;
}
.securityComplianceImg {
  width: 71.5px;
  height: 63px;
  object-fit: contain;
  filter: invert(100%);
}

.verticalBoxMainCon {
  padding-top: 180px;
}

/* -----------------   UI UX STYLE END       ------------------------ */

/* -----------------  CINEMATIC VIDEO ANIMATION STYLE start       ------------------------ */

.ourServiceVideoCinematicVideo {
  position: relative;
  padding-bottom: 135px;
}
.ourServiceVideoCinematicVideo .swiper {
  width: 129%;
  height: 300px;
}

.ourServiceVideoCinematicVideo .swiper-slide {
  height: 203.5px !important;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  cursor: pointer;
  transition: 0.5s ease-in;
}

.ourServiceVideoCinematicVideo .swiper-slide .voiletBoxCon {
  width: 274.5px !important;
  height: 203.5px !important;
  border-radius: 10px;
  background-color: #c1aeff;
  padding: 45px 30px;
  text-align: left;
  transition: 0.5s ease-in;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 33px;
}
.ourServiceVideoCinematicVideo .swiper-slide-active {
  width: 392.5px !important;
  height: 290px !important;
  border-radius: 10px;
  background-color: #6c41ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  z-index: 1;
  /* margin-right: 35px!important; */
  transition: 0.5s ease-in;
}
.ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxCon {
  width: 392.5px !important;
  height: 290px !important;
  border-radius: 10px;
  background-color: #6c41ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  z-index: 1;
  transition: 0.5s ease-in;
  padding-left: 45px;
}

.ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxIcon {
  width: 60px;
  height: 62px;
  object-fit: contain;
}
.ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxTitle {
  font-size: 33px;
  font-weight: 400;
  line-height: 36px;
}
.voiletBoxIcon {
  width: 41px;
  height: 41px;
  object-fit: contain;
}
.voiletBoxTitle {
  font-family: outfit;
  font-size: 26px;
  font-weight: 400;
  line-height: 31px;
  color: #fff;
  margin-top: 8px;
  text-align: left;
}

.sectionTitle {
  font-family: outfit;
  font-size: 35px;
  font-weight: 600;
  line-height: 44px;
  color: #000000;
  margin-bottom: 30px;
}

#sliderChangeDesChange {
  font-weight: 300;
  line-height: 23px;
  color: #6d6d6d;
  font-family: outfit;
}
.ourServicesImgConVoiletImg {
  position: relative;
  top: -14%;
  left: -2%;
}

.ourServicesImgConVoiletImg img {
  z-index: -1;
  /* position: absolute;
  top: -16%;
  left: 4.5%; */
  width: 745px;
  height: 445px;
  border-radius: 16px;
}
.ourServicecopMainCOn {
  height: 1000px;
}

.voiletBoxSlideTextImgCon {
  height: 400px;
  position: relative;
}

.purpleImgSliderMainCOn {
  width: 100%;
  height: 952px;
  background-color: #b91f4b;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slideImgBoxMainCon {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  gap: 32.5px;
}
.slideImgBoxCon {
  width: 380px;
  height: 500px;
  border-radius: 40px;
  background-image: url("../img/photo/girlLookLaptop.webp");
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: start;
  padding: 60px 55px;
  /* transition: all .8s ease-in-out; */
  transition: all 0.9s cubic-bezier(0.4, 0, 1, 1);
  gap: 12px;
  overflow: hidden;
  position: relative;
}

.animatedSlideImgIcon {
  width: 58px;
  height: 57.5px;
  object-fit: contain;
  z-index: 2;
  transition: all 0.5s ease-in-out;
}

.animatedSlideImgIconCh {
  width: 58px;
  height: 57.5px;
  object-fit: contain;
  z-index: 2;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  position: absolute;
  top: 80%;
  z-index: 2;
}
.slideImgTitle {
  font-size: 29px;
  font-family: outfit;
  font-weight: 400;
  line-height: 35px;
  color: #fff;
  z-index: 2;
  margin: 10px 0 12px 0;
  transition: visibility 0.6s, opacity 0.5s linear;
  /* transform: translateX(-350px); */
}
.slideImgDesc {
  font-size: 15px;
  font-family: outfit;
  font-weight: 300;
  line-height: 19px;
  color: #fff;
  margin-right: 30px;
  z-index: 2;
  /* transition: all .5s ease-in-out; */
  transition: visibility 0.6s, opacity 0.5s linear;
  /* transform: translateX(-350px); */
}

.slideImgBoxCo:hover {
  width: 380px;
  transition: all 0.5s ease-in-out;
}
.slideImgBoxCons {
  width: 135px;
  height: 500px;
  border-radius: 40px;
  background-image: url("../img/photo/efficent.webp");
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: start;
  padding: 58px 40px;
  /* transition: all .8s ease-in-out; */
  transition: all 0.9s cubic-bezier(0.4, 0, 1, 1);
  gap: 12px;
  overflow: hidden;
  position: relative;
}
.slideImgBoxConsThree {
  background-image: url("../img/photo/enagmeent.webp");
}
.slideImgBoxConsFour {
  background-image: url("../img/photo/technologyIntegrition.webp");
}
.slideImgBoxConsFive {
  background-image: url("../img/photo/impactfulfact.webp");
}

.animatedSlideImgIcons {
  width: 58px !important;
  height: 57.5px !important;
  object-fit: contain;
  z-index: 2;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}

.slideImgTitles {
  font-size: 29px;
  font-family: outfit;
  font-weight: 400;
  line-height: 35px;
  margin: 10px 0 12px 0;
  color: #fff;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  z-index: 2;
}
.slideImgDescs {
  font-size: 15px;
  font-family: outfit;
  font-weight: 300;
  line-height: 19px;
  color: #fff;
  /* margin-right: 30px; */
  transition: all 0.5s ease-in-out;
  opacity: 0;
  z-index: 2;
}

.opacityConInImageSlider {
  background: black;
  opacity: 0.4;
  height: 520px;
  width: 380px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.ourServicesImgConVoiletImg:hover .viewMoreSampConImg {
  opacity: 1;
  transition: 1s ease;
}

.viewMoreSampConImg {
  width: 212px;
  height: 48px;
  background: white;
  border-radius: 34px;
  text-align: center;
  position: absolute;
  top: 80%;
  left: 64%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 1s ease;
}

.viewMoreText {
  font-size: 19px;
  font-weight: 500;
  font-family: outfit;
  line-height: 39px;
}

.pghText {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #6d6d6d;
  font-family: outfit;
}
.slideImgBoxInnerCon {
  width: 300px;
  height: 270px;
  z-index: 2;
  cursor: pointer;
  position: relative;
}
.slideImgBoxInnerCons {
  width: 300px;
  height: 310px;
  z-index: 2;
  cursor: pointer;
  position: relative;
}

/* Box over increse size */

.threeEightZero {
  width: 380px !important;
}
.oneThreeFive {
  width: 135px !important;
}
.paddingSixtyFiftyFive {
  padding: 60px 55px !important;
}
.paddingFiftyEightFourty {
  padding: 58px 40px !important;
}

/* -----------------  CINEMATIC VIDEO ANIMATION STYLE END       ------------------------ */

/* -----------------  Branding and Packaging STYLE Start      ------------------------ */

/* Box One */
.imagesHoverBoxOneMouseOver {
  width: 465px !important;
  height: 306px !important;
}
.imagesHoverBoxTwoBoxOneMouseOver {
  width: 236px !important;
  height: 384px !important ;
}
.slideImgTitleTwoOneMoseOver {
  height: 384px !important;
}
.imagesHoverBoxThreeBoxOneMouseOver {
  height: 341px !important;
}
.imagesHoverBoxFourBoxOneMouseOver {
  height: 262.7px !important;
}
.imagesHoverBoxFiveBoxOneMouseOver {
  height: 385px !important;
}

/* Box Two */
.imagesHoverBoxTwoMouseOver {
  width: 320px !important;
  height: 273px !important;
}
.imagesHoverBoxTwoBoxTwoMouseOver {
  width: 380px !important;
  height: 429px !important;
}
.imagesHoverBoxThreeBoxTwoMouseOver {
  height: 364px !important;
}
.imagesHoverBoxFourBoxTwoMouseOver {
  height: 288px !important;
}
.imagesHoverBoxFiveBoxTwoMouseOver {
  height: 420px !important;
}
/* Box Three */
.imagesHoverBoxThreeMouseOver {
  width: 400px !important;
  height: 241px !important;
}
.imagesHoverBoxTwoBoxThreeMouseOver {
  width: 270px !important;
  height: 355px !important ;
}
.slideImgTitleTwoThreeMoseOver {
  height: 355px !important;
}
.imagesHoverBoxThreeBoxThreeMouseOver {
  width: 321px !important;
  height: 403px !important;
}
.imagesHoverBoxFourBoxThreeMouseOver {
  width: 302px !important;
  height: 241px !important;
}

/* Box Four */
.imagesHoverBoxFourMouseOver {
  width: 416px !important;
  height: 273px !important;
}
.imagesHoverBoxTwoBoxFourMouseOver {
  width: 249px !important;
  height: 348px !important ;
}
.slideImgTitleTwoFourMoseOver {
  height: 348px !important;
}
.imagesHoverBoxThreeBoxFourMouseOver {
  width: 272px !important;
  height: 396px !important;
}
.imagesHoverBoxFourBoxFourMouseOver {
  width: 352px !important;
  height: 323px !important;
}
.imagesHoverBoxFiveBoxFourMouseOver {
  width: 270px !important;
  height: 400px !important;
}
/* Box Five */
.imagesHoverBoxFiveMouseOver {
  width: 371px !important;
  height: 273px !important;
}
.imagesHoverBoxTwoBoxFiveMouseOver {
  width: 253.8px !important;
  height: 400px !important ;
}
.slideImgTitleTwoFiveMoseOver {
  height: 400px !important;
}
.imagesHoverBoxThreeBoxFiveMouseOver {
  width: 257px !important;
  height: 354px !important;
}
.imagesHoverBoxFourBoxFiveMouseOver {
  width: 328px !important;
  height: 273px !important;
}
.imagesHoverBoxFiveBoxFiveMouseOver {
  width: 350px !important;
  height: 445px !important;
}

.ourServiceBoxFixSliderMainCon {
  position: relative;
  padding-bottom: 150px;
  height: 900px;
}
.ourServiceBoxFixSliderMainCon {
  position: relative;
  padding-bottom: 150px;
  height: 900px;
}
.imgHoverUpDownSliderMainCOn {
  width: 100%;
  height: 1070px;
  background-image: url("../img/photo/blue-background-design.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.imageHoverMainCon {
  align-items: end;
  display: flex;
  justify-content: flex-start;
  gap: 22px;
}

.opacityConInImageHoverSlider {
  background: black;
  height: 320px;
  width: 480px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.imagesHoverBoxOne {
  width: 420px;
  height: 283px;
  position: relative;
  background-image: url("../img/photo/drawing-tablet.png");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 40px;
  background-size: cover;

  transition: all 0.8s ease-in-out;
  overflow: hidden;
  cursor: pointer;
}
.imagesHoverBoxOne:hover {
  width: 480px;
  height: 300px;
  transition: all 0.8s ease-in-out;
  border-radius: 40px;
  background-size: cover;
}
.imagesHoverBoxOne:hover .slideImgTitle {
  display: none;
  transition: all 0.5s ease-in-out;
}
.imagesHoverBoxOne:hover .slideImgDesc {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.imagesHoverBoxOne:hover .opacityConInImageHoverSlider {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 0.7;
}

.slideImgTitle {
  font-size: 29px;
  font-family: outfit;
  font-weight: 500;
  line-height: 36.5px;
  color: #fff;
  transition: all 0.5s ease-in-out;
  z-index: 2;
  text-align: left;
  position: relative;
  padding: 0px 0px;
  /* padding: 18px  40px; */
  display: block;
  display: flex;
  justify-content: flex-start;
  align-items: start;
  /* height: 300px; */
}
.slideImgDesc {
  font-size: 17px;
  font-family: outfit;
  font-weight: 300;
  line-height: 25px;
  color: #fff;
  position: relative;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 10;
  padding: 0px 0px 38px 0px;
  /* padding: 38px 0px 38px 40px; */
}

.opacityConInImageHoverSliderTwo {
  background: black;
  opacity: 0;
  height: 440px;
  width: 390px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.imagesHoverBoxTwo {
  width: 285px;
  height: 420px;
  position: relative;
  background-image: url("../img/photo/graphic-designer-.png");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 40px;
  background-size: cover;

  transition: all 0.8s ease-in-out;
  overflow: hidden;
  cursor: pointer;
}
.imagesHoverBoxTwo:hover .imagesHoverBoxOne {
  width: 350px;
  transition: all 0.8s ease-in-out;
}
.imagesHoverBoxTwo:hover {
  /* width: 370px;
  height: 440px; */
  transition: all 0.8s ease-in-out;
  border-radius: 40px;
  background-size: cover;
}
.imagesHoverBoxTwo:hover .slideImgTitleTwo {
  display: none;
  transition: all 0.5s ease-in-out;
}
.imagesHoverBoxTwo:hover .slideImgDescTwo {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.imagesHoverBoxTwo:hover .opacityConInImageHoverSliderTwo {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 0.7;
}

.slideImgTitleTwo {
  font-size: 29px;
  font-family: outfit;
  font-weight: 500;
  line-height: 36.5px;
  color: #fff;
  transition: all 0.5s ease-in-out;
  z-index: 2;
  text-align: left;
  position: relative;
  padding-left: 34px;
  padding-bottom: 36px;
  display: flex;
  justify-content: flex-start;
  align-items: end;
  height: 420px;
}
.slideImgDescTwo {
  font-size: 17px;
  font-family: outfit;
  font-weight: 300;
  line-height: 25px;
  color: #fff;
  position: relative;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  z-index: 10;
  padding: 36px 34px;
}
.imageHoverMainConTwo {
  align-items: start;
  display: flex;
  justify-content: flex-start;
  gap: 22px;
  margin-left: 45px;
  margin-top: 22px;
}

.imagesHoverBoxThree {
  width: 284px;
  height: 364px;
  position: relative;
  background-image: url("../img/photo/abstract-background.png");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 40px;
  background-size: cover;

  transition: all 0.8s ease-in-out;
  overflow: hidden;
  cursor: pointer;
}
.slideImgTitleThree {
  font-size: 29px;
  font-family: outfit;
  font-weight: 500;
  line-height: 36.5px;
  color: #fff;
  transition: all 0.5s ease-in-out;
  z-index: 2;
  text-align: left;
  position: relative;
  top: 220px;
  padding: 36px 0 36px 34px;
  display: flex;
  justify-content: flex-start;
  align-items: start;
  height: 360px;
}
.slideImgDescThree {
  font-size: 17px;
  font-family: outfit;
  font-weight: 300;
  line-height: 25px;
  color: #fff;
  position: relative;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  z-index: 10;
  padding: 36px 34px;
}
.opacityConInImageHoverSliderThree {
  background: black;
  opacity: 0;
  height: 440px;
  width: 370px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}

.imagesHoverBoxThree:hover .slideImgTitleThree {
  display: none;
  transition: all 0.5s ease-in-out;
}
.imagesHoverBoxThree:hover .slideImgDescThree {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.imagesHoverBoxThree:hover .opacityConInImageHoverSliderThree {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 0.7;
}

.imagesHoverBoxFour {
  width: 372px;
  height: 288px;
  position: relative;
  background-image: url("../img/photo/students-working-group-.png");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 40px;
  background-size: cover;

  transition: all 0.8s ease-in-out;
  overflow: hidden;
  cursor: pointer;
}
.slideImgTitleFour {
  font-size: 29px;
  font-family: outfit;
  font-weight: 500;
  line-height: 36.5px;
  color: #fff;
  transition: all 0.5s ease-in-out;
  z-index: 2;
  text-align: left;
  position: relative;
  padding: 36px 34px;
  display: flex;
  justify-content: flex-start;
  align-items: start;
  height: 327px;
}
.slideImgDescFour {
  font-size: 17px;
  font-family: outfit;
  font-weight: 300;
  line-height: 25px;
  color: #fff;
  position: relative;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  z-index: 10;
  padding: 36px 34px;
}
.opacityConInImageHoverSliderFour {
  background: black;
  opacity: 0;
  height: 440px;
  width: 370px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.imagesHoverBoxFour:hover .slideImgTitleFour {
  display: none;
  transition: all 0.5s ease-in-out;
}
.imagesHoverBoxFour:hover .slideImgDescFour {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.imagesHoverBoxFour:hover .opacityConInImageHoverSliderFour {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 0.7;
}

.imagesHoverBoxFive {
  width: 285px;
  height: 420px;
  position: relative;
  background-image: url("../img/photo/designers-at-work.png");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 40px;
  background-size: cover;

  transition: all 0.8s ease-in-out;
  overflow: hidden;
  cursor: pointer;
}
.slideImgTitleFive {
  font-size: 29px;
  font-family: outfit;
  font-weight: 500;
  line-height: 36.5px;
  color: #fff;
  transition: all 0.5s ease-in-out;
  z-index: 2;
  text-align: left;
  position: relative;
  padding: 36px 34px;
  justify-content: start;
  align-items: end;
  display: flex;
  height: 420px;
}
.slideImgDescFive {
  font-size: 17px;
  font-family: outfit;
  font-weight: 300;
  line-height: 25px;
  color: #fff;
  position: relative;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  z-index: 10;
  padding: 36px 34px;
}
.opacityConInImageHoverSliderFive {
  background: black;
  opacity: 0;
  height: 450px;
  width: 376px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}

.imagesHoverBoxFive:hover .slideImgTitleFive {
  display: none;
  transition: all 0.5s ease-in-out;
}
.imagesHoverBoxFive:hover .slideImgDescFive {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.imagesHoverBoxFive:hover .opacityConInImageHoverSliderFive {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 0.7;
}

.allImgHoverEffectMainCon {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  gap: 22px;
}

.ourServiceBoxFixSliderMainCon .swiper {
  width: 160%;
  height: 470px;
}

.ourServiceBoxFixSliderMainCon .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.5s ease-in;
}

.ourServiceBoxFixSliderMainCon .swiper-slide .ourFixSliderCon img {
  width: 659px !important;
  height: 465px !important;
  border-radius: 24px;
  aspect-ratio: 100;
}

/* Video Start */

.ourServiceBoxFixSliderMainConVideo {
  position: relative;
  padding-bottom: 150px;
  height: 900px;
}
.ourServiceBoxFixSliderMainConVideo {
  position: relative;
  padding-bottom: 150px;
  height: 900px;
}

.ourServiceBoxFixSliderMainConVideo .swiper {
  width: 191%;
  height: 455px;
}

.ourServiceBoxFixSliderMainConVideo .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  transition: 0.5s ease-in;
  background-color: #fff;
}

.ourServiceBoxFixSliderMainConVideo .swiper-slide-active {
  margin-left: 5px;
}

.ourServiceBoxFixSliderMainConVideo .swiper-slide .ourFixSliderCon .videoSrc {
  width: 798px;
  height: 450px;
  border-radius: 24px;
}

/* Video End */

.ourFixSliderCon:hover .viewMoreSampConImgSlider {
  opacity: 1;
  transition: 1s ease;
}
.voiletBoxConOurSerMainCon {
  position: relative;
}
.voiletBoxConOurSerInn {
  padding-left: 40px;
}
.voiletBoxConOurSer {
  width: 383px !important;
  height: 293px !important;
  border-radius: 10px;
  background-color: #6c41ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  z-index: 2;
  /* position: absolute;
  top:15%; */
  gap: 10px;
}
.voiletBoxConOurSerBrand,
.voiletBoxConOurSerCinematic {
  width: 383px !important;
  height: 293px !important;
  border-radius: 10px;
  background-color: #6c41ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  z-index: 2;
  position: absolute;
  top: 12%;
  gap: 10px;
}
.voiletBoxConOurSerCinematic {
  top: 10% !important;
}
.voiletBoxConOurHideBox {
  width: 318px;
  height: 400px;
}

.voiletBoxIconImgOur {
  width: 58px;
  height: 60px;
  object-fit: contain;
}
.voiletBoxTitleOurSer {
  font-family: outfit;
  font-size: 33px;
  font-weight: 400;
  line-height: 36px;
  color: #fff;
  margin-top: 8px;
}
.iconDisplayImg {
  display: none;
}
.iconTitleDisplay {
  display: none;
}

.viewMoreSampConImgSlider {
  width: 212px;
  height: 48px;
  background: #e6e6e6;
  border-radius: 34px;
  text-align: center;
  position: absolute;
  top: 80%;
  left: 62%;
  opacity: 0;
  transition: 1s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.viewMoreTextSlider {
  font-size: 19px;
  font-weight: 500;
  font-family: outfit;
  line-height: 39px;
}
.homePghBanner {
  font-size: 23px;
  line-height: 28px;
  color: white;
  font-weight: 100;
}

.imagesHoverBoxInnerTextCon {
  width: 355px;
  height: 138px;
}
.imagesHoverBoxInnerTextCon .slideImgTitle {
  font-size: 29px;
  font-family: outfit;
  font-weight: 500;
  line-height: 36.5px;
  color: #fff;
  transition: all 0.5s ease-in-out;
  z-index: 2;
  text-align: left;
  position: relative;
  padding: 0px 0px;
  padding: 18px 40px;
  display: block;
  display: flex;
  justify-content: flex-start;
  align-items: start;
  height: 300px;
}

.corporateDesignTitle {
  margin-bottom: 0px;
}
.imagesHoverBoxInnerTextCon .slideImgDesc {
  font-size: 17px;
  font-family: outfit;
  font-weight: 300;
  line-height: 25px;
  color: #fff;
  position: relative;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  z-index: 10;
  /* padding: 0px 0px 38px 0px; */
  padding: 38px 0px 38px 40px;
}
.imagesHoverBoxInnerTextConTwo {
  width: 355px;
  height: 138px;
}
.imagesHoverBoxInnerTextConThree {
  width: 355px;
  height: 360px;
}
.imagesHoverBoxInnerTextConFour {
  width: 355px;
  height: 138px;
}
.imagesHoverBoxInnerTextConFive {
  width: 355px;
  height: 138px;
}
.sliderChangePghCon {
  width: 620px;
  overflow: hidden;
  margin-top: 36px;
}
.sliderChangePghI {
  font-family: outfit;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #6d6d6d;
  margin-left: 10px;
}

/* -----------------  Branding and Packaging STYLE END       ------------------------ */

/* what we do Start  */

.whatWeDoD .mil-dark-bg:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  background-color: inherit;
}
.bg-Img {
  background-image: url("../img/photo/Services_banner.webp");
  background-repeat: no-repeat;
  width: 100%;
  background-position: 80% -19%;
  background-size: contain;
}

.bg-linearGradient {
  background-image: linear-gradient(black, black);
  height: 1700px;
}
.whatweDoLeftSideSvg {
  height: 1380px;
  object-fit: contain;
}
/* what we do ENd  */

/* Portfolio Start */

/* .sideBarMainCon {
  height: 88vh;
  background-color: #ffffff;
  border-radius: 18px;
  z-index: 1;
  position: relative;
  display: flex;
justify-content: start;
align-items: end;
box-shadow: 1px 1px 30px #8080804a;
position: absolute;
top: 70px;
left: 2%;
width: 322px;
padding-bottom: 20px;
opacity: 0.94;
} */
.sideBarMainCon {
  height: 70px;
  background-color: #ffffff;
  border-radius: 8px;
  z-index: 5;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: end;
  box-shadow: 1px 1px 30px #8080804a;
  position: absolute;
  top: 45px;
  right: 10%;
  width: 322px;
  padding-bottom: 20px;
  /* opacity: 0.94; */
  opacity: 1;
  overflow: hidden;
  padding-top: 8px;
  transition: 0.6s ease-in-out;
}
/* .sideLinkMainCon{
  height: 81vh;
  overflow-y: scroll;
  padding-left: 22px;
  width: 305px;
} */
.sideLinkMainCon {
  height: 80px;
  overflow: hidden;
  padding-left: 2px;
  width: 95%;
  transition: 0.6s ease-in-out;
  margin: auto;
}
/* .mobilePorfolioNav{
  display: inline-block;
} */
.mobilePorfolioNav {
  display: flex;
  background-color: #6c41ff;
  height: 52px !important;
  width: 100%;
  border-radius: 5px;
  padding-right: 20px;
}
.arrowUPDownCon {
  display: flex;
  align-items: center;
  width: 10%;
  justify-content: flex-end;
}
.arrowUPDownCon img {
  width: 22px;
  height: 20px;
  object-fit: contain;
  filter: inherit;
  transition: 0.8s ease-in-out;
}
.arrowUPDownCon #portfolioArrowUp {
  display: none;
  transition: 0.8s ease-in-out;
}
.sideLinkCon:hover {
  background-color: #ededed;
  border-radius: 5px;
  transition: all 0.5s;
}
.sideLinkMainCon a:nth-child(2) {
  margin-top: 5px;
}
/* .sideLinkConActive{
background-color: #6C41FF;
border-radius: 5px;
} */
.sideLinkConActive {
  background-color: #6c41ff;
  border-radius: 5px;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-right: 9px;
  width: 100% !important;
}
.sideLinkConActive h5 {
  color: white !important;
}
.sideLinkConActive:hover {
  background-color: #6c41ff !important;
}
.sideLinkCon {
  display: flex;
  /* justify-content: flex-start; */
  align-items: center;
  gap: 25px;
  padding-left: 14px;
  height: 52px;
  width: 100%;
  margin-bottom: 2px;
  transition: all 0.5s;
}
.sideLinkCon :last-child {
  border-bottom: 0;
}

.sideLinkCon .activeImgTitleCOn img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  cursor: pointer;
}
.sideLinkConActive .activeImgTitleCOn img {
  filter: invert(150%) brightness(125%);
}
.sideLinkCon h5 {
  font-size: 14px;
  font-family: outfit;
  font-weight: 400;
  line-height: 119%;
  color: #414042;
  cursor: pointer;
}
.sliderHeadingCon {
  width: 70vw;
}
.sliderHeadingCon h2 {
  font-size: 54px;
  font-family: outfit;
  font-weight: 200;
  line-height: 60px;
  color: #000000;
  margin-bottom: 30px;
}
.sceneHome {
  top: -18% !important;
}
.scene2Home {
  top: -3% !important;
}
.scene3Home {
  top: 33% !important;
  left: 90% !important;
}
/* width */
.sideBarMainCon ::-webkit-scrollbar {
  width: 7px !important;
  display: block;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(193, 174, 255, 0.5);
  border-radius: 5px !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b9b9b9 !important;
}

/* Portfolio End */

#mobileViewVoiletBox {
  display: none;
}
#sectionMainConId {
  display: block;
}

/*  */
@media screen and (max-width: 1024px) {
  .mil-menu-btn .beforeS {
    top: 34px !important;
  }
  .mil-menu-btn.mil-active .beforeS {
    -webkit-transform: translate(0px, 13px) rotate(-48deg);
    transform: translate(0px, 13px) rotate(-48deg) !important;
  }
  .mil-menu-btn.mil-active .spanS {
    -webkit-transform: translate(0px, 4px) rotate(49deg);
    transform: translate(0px, 4px) rotate(49deg) !important;
  }

  .mySwiperCinematicSlider:hover .swiper-button-next {
    width: 45px;
    height: 42px;
    opacity: 1;
    background: #6c41ff;
    right: 390px !important;
  }
  .mySwiperCor .swiper-button-prev {
    left: 0px !important;
    opacity: 0;
    transition: all 0.4s ease-in;
  }
}

@media screen and (max-width: 1200px) {
  .mil-menu-btn .beforeS {
    top: 42px;
  }
  .mil-menu-btn .afterS {
    top: 52px;
  }
  .mil-logo img {
    margin-top: 10px;
  }
  .mil-menu-btn.mil-active .beforeS {
    -webkit-transform: translate(0px, 56px) rotate(-43deg);
    transform: translate(0px, 5px) rotate(-48deg);
  }
  .mil-menu-btn.mil-active .spanS {
    -webkit-transform: translate(0px, 15px) rotate(49deg);
    transform: translate(0px, 15px) rotate(49deg);
  }
  .mySwiperCinematicSlider:hover .swiper-button-next {
    width: 45px;
    height: 42px;
    opacity: 1;
    background: #6c41ff;
    right: 250px !important;
  }
}

@media screen and (max-width: 992px) {
  .mil-menu-btn .beforeS {
    top: 22px !important;
  }
  .mil-menu-btn .afterS {
    width: 20px !important;
    top: 32px;
  }
  .mil-menu-btn .beforeS {
    top: 3px;
  }
  /* .mil-menu-btn .afterS {
    width: 20px!important;
    top: 22px;
} */
  .mil-menu-btn .spanS,
  .mil-menu-btn .afterS,
  .mil-menu-btn .beforeS {
    width: 30px;
  }
  .mil-logo img {
    margin-top: 10px;
  }
  .mil-menu-btn.mil-active .beforeS {
    -webkit-transform: translate(0px, 56px) rotate(-43deg);
    transform: translate(0px, -5px) rotate(-48deg) !important;
  }
  .mil-menu-btn.mil-active .spanS {
    -webkit-transform: translate(0px, -2px) rotate(47deg);
    transform: translate(0px, -4px) rotate(49deg);
  }
}
.sectionMainConCinematic,
.sectionMainConBrandPack {
  display: none;
}

.purpleImgSliderMainCOn,
.imgHoverUpDownSliderMainCOn {
  display: flex;
}
.cinematicOurSerCon {
  height: 880px;
}
.mobileOurSerOneBrandPack {
  display: block;
}
.mobileOurSerTwoBrandPack {
  display: none;
}
.uiUxOurSerMainCOn {
  height: 880px;
}
.whyChoosePalUiUx {
  position: sticky;
  top: 0px;
  height: 60vh;
  padding-top: 180px;
}
.whyChoosePalUiUxTitle {
  font-weight: 600;
  font-size: 63px;
  color: #192652;
  line-height: 100%;
}
/* .arrowUPDownCon{
  display: none;
} */

.activeImgTitleCOn {
  display: flex;
  gap: 22px;
  align-items: center;
  width: 90%;
}
.sideLinkCon img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
.portfolioImgSliderConN {
  display: none;
}
.rightPorfolioSwiperSliderInDe {
  display: block;
}
.rightPorfolioSwiperSlider {
  display: block;
}

.socialIconsMainCon {
  display: flex;
  align-items: end;
}
.socialIconsCon {
  display: flex;
  gap: 15px;
}
.socialIcons {
  width: 36px;
  height: 36px;
}

/*  */
.softwareIconCon {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100px;
}
.softwareIconCon h6 {
  opacity: 0;
  transition: 0.5s;
}
.softwareIconCon:hover h6 {
  opacity: 1;
}

.imgZoom {
  object-fit: contain !important;
  width: 181% !important;
  height: 100%;
  position: absolute !important;
  left: -215px !important;
}

/* Portfolio Slider dot start */
.portfolioSliderDot .swiper-pagination {
  bottom: -40px !important;
}
.portfolioSliderDot .swiper-pagination .swiper-pagination-bullet {
  width: 11px !important;
  height: 11px !important;
  background: var(--swiper-pagination-bullet-inactive-color, #6c41ff);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
.portfolioSliderDot .swiper-pagination .swiper-pagination-bullet-active {
  width: 12px !important;
  height: 12px !important;
  opacity: 1 !important;
  background: #6c41ff;
}
/* Portfolio Slider dot end */

/* --------------   Mobile VIEW          MOBILE VIEW              MOBILE VIEW             MOBILE VIEW  --------------*/

/*  --------------------------------            44444              888888             000000          ------------------------------- */
@media only screen and (max-width: 480px) {
  .scene {
    display: none;
  }
  .scene2 {
    display: none;
  }
  .mil-p-120 {
    padding-top: 0px;
  }
  textarea {
    padding: 15px 30px;
    height: 110px;
  }
  .portfolioMainDrop {
    height: 400px !important;
  }
  .portfolioDrop {
    height: 390px !important;
    overflow-y: scroll !important;
  }
  .bgCir {
    display: none;
  }
  .imgZoom {
    object-fit: contain !important;
    width: 181% !important;
    height: 100%;
    position: absolute !important;
    left: -138px !important;
  }
  .bgCirMobile {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    background-color: rgb(156 102 250 / 60%);
    filter: blur(100px);
    transition: all 450ms ease-out;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    transform: translate(calc(-50% + 15px), -50%);
    z-index: 2;
    -webkit-animation: moveX 12.05s linear 0s infinite alternate,
      moveY 12.4s linear 0s infinite alternate;
    -moz-animation: moveX 12.05s linear 0s infinite alternate,
      moveY 12.4s linear 0s infinite alternate;
    -o-animation: moveX 12.05s linear 0s infinite alternate,
      moveY 12.4s linear 0s infinite alternate;
    animation: moveX 8.05s linear 0s infinite alternate,
      moveY 8.4s linear 0s infinite alternate;
  }

  @-webkit-keyframes moveX {
    from {
      left: 0;
    }
    to {
      left: 90%;
    }
  }
  @-moz-keyframes moveX {
    from {
      left: 0;
    }
    to {
      left: 90%;
    }
  }
  @-o-keyframes moveX {
    from {
      left: 0;
    }
    to {
      left: 90%;
    }
  }
  @keyframes moveX {
    from {
      left: 0;
    }
    to {
      left: 90%;
    }
  }
  @-webkit-keyframes moveY {
    from {
      top: 0;
    }
    to {
      top: 90%;
    }
  }
  @-moz-keyframes moveY {
    from {
      top: 0;
    }
    to {
      top: 90%;
    }
  }
  @-o-keyframes moveY {
    from {
      top: 0;
    }
    to {
      top: 90%;
    }
  }
  @keyframes moveY {
    from {
      top: 0;
    }
    to {
      top: 90%;
    }
  }
  .ourServiceTitle {
    margin-bottom: 20px;
    padding-top: 30px;
    font-size: 22px;
  }
  .technologyPartners {
    margin-bottom: 30px;
    padding-top: 30px;
    font-size: 22px;
  }
  .ourServiceTitleConm {
    margin-top: 10px;
  }
  .mil-frame {
    padding: 0;
    z-index: 998;
    height: 90px;
  }
  .mil-preloader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
  }
  .mil-inner-banner .mil-banner-content {
    padding-top: 128px !important;
  }
  .spixelSvg {
    width: 80px;
    object-fit: contain;
    height: 25px;
  }
  #sliderChangeDesChange {
    display: none;
  }
  .yourStoriesInnovation {
    margin-bottom: 30px !important;
  }
  .mil-frame .mil-frame-top {
    height: 85px;
    padding-left: 30px;
    padding-right: 34px;
  }
  #mobileViewVoiletBox {
    display: block;
  }
  .sectionMainConCinematic,
  .sectionMainConBrandPack {
    display: block;
  }
  #sectionMainConId {
    display: none;
  }
  .yourApproachTitle {
    width: 276px !important;
    font-size: 22px !important;
  }
  .corporateDesignTitle {
    width: 320px;
  }
  .ourServiceVideoCinematic .swiper .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: start;
  }
  h1,
  .mil-h1,
  h2,
  .mil-h12,
  h3,
  .mil-h3,
  h4,
  .mil-h4,
  h5,
  .mil-h5,
  h6,
  .mil-h6 {
    font-family: "Outfit", sans-serif;
    color: rgb(0, 0, 0);
    font-weight: 600;
    line-height: 120%;
    font-size: 32px;
  }
  .mil-thin {
    font-weight: 200;
  }
  .mil-mb-60 {
    margin-bottom: 25px;
  }
  .mil-breadcrumbs li:nth-child(2) {
    
    display: block; 
    width: 60%; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mil-breadcrumbs li a {
    font-weight: 600;
    font-size: 12px;
  }
 
  .titleBottomArrowLink {
    display: none;
  }
  .sectionTwoCOnExe {
    width: inherit;
    height: inherit;
    object-fit: inherit;
  }
  .corporateSecOneImg,
  .sectionTwoCOnExe {
    text-align: center;
  }
  .corporateSecOneImg img,
  .sectionTwoCOnExe img {
    width: 300px;
    object-fit: contain;
    margin-bottom: 50px;
  }
  .mil-p-120-60 {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .mil-mb-90 {
    margin-bottom: 0;
  }
  .mil-mb-120 {
    margin-bottom: 55px;
  }
  .mil-complex-text .mil-button {
    margin-left: 0;
    margin-top: 46px;
  }
  .mil-p-70-105 {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  #ourSevicesDisplayMi {
    height: 820px;
  }
  .ourServicecopMainCOn {
    height: 810px;
  }
  .ourServiceCorporateSliderMain {
    position: relative;
    padding-bottom: 0px;
  }
  .ourServiceCorporateSliderMain .swiper {
    width: 132%;
    height: 200px;
  }
  .ourServiceCorporateSliderMain .swiper-slide {
    height: 140px !important;
    border-radius: 10px;
  }
  .ourServiceCorporateSliderMain .swiper-slide .voiletBoxConOurSer {
    width: 190px !important;
    height: 140px !important;
    padding-left: 20px;
    gap: 2px;
  }
  .ourServiceCorporateSliderMain
    .swiper-slide
    .voiletBoxConOurSer
    .voiletBoxTitle {
    width: 150px;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active {
    width: 227.5px !important;
    height: 170px !important;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxConOurSer {
    width: 227.5px !important;
    padding-left: 25px;
    height: 170px !important;
    gap: 4px;
  }
  .ourServiceCorporateSliderMain h4 {
    margin-bottom: 26px !important;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxIcon {
    width: 35px;
    height: 36px;
    object-fit: contain;
  }
  .voiletBoxIcon {
    width: 28px;
    height: 28px;
    object-fit: contain;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxTitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    width: 180px !important;
  }
  .voiletBoxTitle {
    font-size: 16px;
    line-height: 19px;
    margin-top: 5px;
  }
  .leftRightSpaceWWithBG {
    background-color: #f3f3f3;
  }
  .leftRightSpaceWWith {
    width: 100%;
  }
  .leftRightSpace {
    width: 100%;
    padding: 0 20px !important;
  }
  .leftRightSpaceWPadding {
    padding: 0 50px !important;
  }
  .ourServicesImgConViewMore img {
    width: 100%;
    height: 530px;
    object-fit: cover;
    position: relative;
    top: -105px;
    border-radius: 17px;
  }
  #sliderChangeDesChangeOurSer {
    display: none;
  }
  .viewMoreSampConImgViewMore {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 70%;
    left: calc(75% - 65px);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .viewMoreText {
    font-size: 12px;
    font-weight: 500;
    font-family: outfit;
    line-height: 15px;
  }
  .dotTwo,
  .dotActive,
  .voiletDotActive,
  .showActiveInActiveBox {
    display: none;
  }
  .sideLinkCon img {
    width: 22px;
    height: 22px;
    object-fit: contain;
  }
  .opacityImgSlider {
    width: 100%;
    overflow: hidden !important;
    /* border: 1px solid #fbfbfb; */
    z-index: 2;
    position: relative;
  }
  .opacityImgSliderBrandPack {
    width: 100%;
    overflow: hidden !important;
    /* border: 1px solid #fbfbfb; */
    z-index: 2;
    position: relative;
  }
  .opacityImgCon::before {
    content: "";
    width: 92.5%;
    height: 552px;
    border-radius: 16px;
    background: #0404048f;
    opacity: 1.4;
    display: block;
    z-index: 2;
    position: absolute;
  }
  .leftSideImg {
    width: 100%;
    height: 552px;
    object-fit: cover;
    border-radius: 16px;
    /* opacity: 1; */
    transition: opacity 1s ease-in-out;
  }
  .sectionMainCon {
    height: 787px;
    background-attachment: inherit;
  }
  .sectionMainConCinematic {
    height: 750px;
    background-color: #b91f4b;
  }
  .sectionMainConBrandPack {
    height: 750px;
    background-image: url("../img/photo/blue-background-design.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .opacityCon {
    height: 787px;
  }
  .voiletBoxLeftImgCon {
    position: static;
    height: inherit;
  }
  .mil-p-70-90 {
    padding-top: 45px;
    padding-bottom: 0px;
  }
  .sectionTitleCor {
    width: 310px;
  }
  .pinkBoxMainCon,
  .imgHoverUpDownSliderMainCOn {
    display: none;
  }

  .opacityImgSlider::before {
    content: "";
    width: 100%;
    height: 552px;
    border-radius: 16px;
    background: #0404048f;
    opacity: 1.4;
    display: block;
    z-index: 2;
    position: absolute;
  }
  .opacityImgSliderBrandPack::before {
    content: "";
    width: 100%;
    height: 552px;
    border-radius: 16px;
    background: #0404044f;
    opacity: 1.4;
    display: block;
    z-index: 2;
    position: absolute;
  }
  .opacityImgConBg {
    background-image: url("../img/photo/leftSide.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 552px;
    border-radius: 17px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    transition: 0.4s ease-in-out;
  }
  .opacityImgConBgCinematic {
    background-image: url("../img/photo/girlLookLaptop.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 552px;
    border-radius: 17px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    transition: 0.4s ease-in-out;
  }
  .opacityImgConBgBrandPack {
    background-image: url("../img/photo/drawing-tablet.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 552px;
    border-radius: 17px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: start;
    transition: 0.4s ease-in-out;
  }
  .swiper-button-next,
  .swiper-button-prev {
    position: absolute;
    top: 7% !important;
    width: 48px !important;
    height: 48px !important;
    /* margin-top: calc(0px -(var(--swiper-navigation-size) / 2)); */
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    background-color: #ffffff54 !important;
    border-radius: 50% !important;
  }
  .mySwiperCor .swiper-button-next,
  .mySwiperCor .swiper-button-prev {
    right: 20px !important;
    left: auto;
    opacity: 0 !important;
  }
  .mySwiperCor .swiper-pagination-bullets.swiper-pagination-horizontal {
    opacity: 0 !important;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: calc(82% - 60px) !important;
    right: auto;
  }
  .mySwiperBrandPreNextSliderCon,
  .brandingOureSerSliderIndicatorCon {
    display: none;
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 26px !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
  }
  .iframeCinematicMotion {
    width: 100%;
    height: 280px;
  }
  .mySwiperLeftRightArrow {
    height: 204px !important;
    z-index: 2 !important;
    width: 83%;
  }
  .mySwiperLeftRightArrow .pinkBoxInnerClockImg {
    width: 50px;
    height: 50px;
    object-fit: contain;
  }
  .mySwiperLeftRightArrow .headingSubHeadPinkBoxCon h4 {
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: white;
    margin: 12px 0;
    font-family: outfit;
  }

  .mySwiperLeftRightArrow .headingSubHeadPinkBoxCon p {
    font-weight: 200;
    font-size: 14px;
    line-height: 17px;
    color: white;
    font-family: outfit;
  }
  .voiletBoxLeftImgConS {
    position: static;
    height: inherit;
    padding-top: 45px;
  }
  .opacityConS {
    background: #bb184d94;
    opacity: 1;
    height: 787px;
    width: 100%;
    position: absolute;
  }
  br {
    display: block !important;
  }
  .sectionTitleCorS {
    font-size: 33px;
    font-weight: 600;
    font-family: outfit;
    line-height: 39px;
    color: white;
    margin-bottom: 40px;
    width: 310px;
    z-index: 2;
    position: relative;
    width: 310px;
  }
  .mil-p-120-90 {
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .footer {
    padding-top: 25px;
  }

  /* Cinematice video     ourServiceBoxFixSliderMainCon  */

  .ourServiceBoxFixSliderMainCon .swiper {
    width: inherit;
    height: inherit;
  }

  .ourServiceBoxFixSliderMainCon .swiper-slide {
    text-align: inherit;
    font-size: inherit;
    background: inherit;
    display: inherit;
    justify-content: inherit;
    align-items: inherit;
    cursor: inherit;
  }

  .ourServiceBoxFixSliderMainCon .swiper-slide .ourFixSliderCon img {
    width: inherit !important;
    height: inherit !important;
    border-radius: inherit;
  }

  .ourServiceVideoCinematicVideo .swiper {
    width: 132% !important;
    height: 180px !important;
  }

  .ourServiceVideoCinematicVideo .swiper-slide {
    height: 140px !important;
  }
  .ourServiceVideoCinematicVideo .swiper-slide .voiletBoxCon {
    width: 190px !important;
    height: 140px !important;
    padding-left: 20px;
    gap: 2px;
  }
  .ourServiceVideoCinematic .swiper-slide .voiletBoxCon {
    width: 190px !important;
    height: 140px !important;
    padding-left: 20px;
    gap: 2px;
  }
  .ourServiceVideoCinematic .swiper-slide {
    height: 140px !important;
    display: flex;
    justify-content: start;
    align-items: self-start;
    cursor: pointer;
    transition: 0.5s ease-in;
  }

  .softwareIconCon img {
    width: 100% !important;
    height: 30px !important;
    object-fit: contain;
  }
  .softwareIconCon #textLogoM img {
    width: 100% !important;
    height: 15px !important;
    object-fit: contain;
  }
  .softwareIconCon #textLogoMNod img {
    width: 100% !important;
    height: 45px !important;
    object-fit: contain;
  }
  .softwareIconCon h6 {
    font-size: 16px !important;
    margin-top: 5px !important;
  }
  .ourServiceVideoCinematic .swiper {
    width: 132%;
    height: 200px;
    position: absolute;
    top: 15%;
  }
  .ourServiceVideoCinematicVideo .swiper-slide .voiletBoxCon .voiletBoxTitle {
    width: 150px !important;
  }
  .ourServiceVideoCinematic .swiper-slide .voiletBoxCon .voiletBoxTitle {
    width: 150px !important;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active {
    width: 227.5px !important;
    height: 170px !important;
    border-radius: 10px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    z-index: 1;
  }
  .ourServiceVideoCinematic .swiper-slide-active {
    width: 227.5px !important;
    height: 170px !important;
    border-radius: 10px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    z-index: 1;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxCon {
    width: 227.5px !important;
    height: 170px !important;
    gap: 4px;
    padding-left: 25px;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxCon {
    width: 227.5px !important;
    height: 170px !important;
    gap: 4px;
    padding-left: 25px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxIcon {
    width: 35px !important;
    height: 36px !important;
    object-fit: contain;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxIcon {
    width: 35px !important;
    height: 36px !important;
    object-fit: contain;
  }
  .corporateDesignTitle {
    margin-bottom: 50px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxTitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    width: 180px !important;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxTitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    width: 180px !important;
  }
  .ourServicesImgConVoiletImg {
    position: relative;
    top: -100px;
    left: 0;
  }
  .ourServicesImgConVoiletImg img {
    width: 100%;
    height: 530px;
    object-fit: cover;
    /* position: relative;
  top: -105px; */
    border-radius: 17px;
  }

  .viewMoreSampConImg {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 89%;
    left: calc(75% - 65px);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .viewMoreText {
    font-size: 12px;
    font-weight: 500;
    font-family: outfit;
    line-height: 15px;
  }
  .sectionTItle {
    margin-top: 35px;
  }
  .cinematicOurSerCon {
    height: 830px;
    margin: 0 !important;
    padding: 0 !important;
  }
  .brandPackOurSerCon {
    height: 825px;
  }

  .purpleImgSliderMainCOn {
    display: none;
  }
  .mySwiperLeftRightArrowCinematicV {
    height: 250px !important;
    z-index: 2 !important;
    width: 83%;
    margin-bottom: 35px;
  }
  .mySwiperLeftRightArrowCinematicV .pinkBoxInnerClockImg {
    width: 50px;
    height: 50px;
    object-fit: contain;
  }
  .mySwiperLeftRightArrowCinematicV .headingSubHeadPinkBoxCon h4 {
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: white;
    margin: 12px 0;
    font-family: outfit;
  }

  .mySwiperLeftRightArrowCinematicV .headingSubHeadPinkBoxCon p {
    font-weight: 200;
    font-size: 14px;
    line-height: 17px;
    color: white;
    font-family: outfit;
  }
  .swiperCorMobileCinematicV {
    display: flex !important;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .swiperCorMobileBrandPacka {
    display: flex !important;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 15px;
  }
  .pr-120 {
    padding-right: 33px;
  }
  .pr-75 {
    padding-right: 33px;
  }

  /* Brandiing Packaging  */
  .mobileOurSerOneBrandPack {
    display: none;
  }
  .mobileOurSerTwoBrandPack {
    display: block;
  }
  .sectionMainConBrandPack .swiper-button-next {
    position: absolute;
    top: 92% !important;
    width: 48px !important;
    height: 48px !important;
    /* margin-top: calc(0px -(var(--swiper-navigation-size) / 2)); */
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    background-color: #47474782 !important;
    border-radius: 50% !important;
  }

  .sectionMainConBrandPack .swiper-button-prev {
    position: absolute;
    top: 92% !important;
    width: 48px !important;
    height: 48px !important;
    /* margin-top: calc(0px -(var(--swiper-navigation-size) / 2)); */
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    background-color: #47474782 !important;
    border-radius: 50% !important;
  }
  /* UI Ux */
  .uiUxOurSerMainCOn {
    height: 770px;
    padding-top: 20px !important;
    margin-bottom: 0 !important;
  }
  .ourServicesImgConVoiletImgUIUX {
    padding: 0;
    position: relative;
    top: 16%;
    left: 0%;
  }
  .sliderChangeDesChange {
    display: none;
  }
  .ourServicesImgConVoiletImgUIUX img {
    width: 100%;
    height: 530px;
    object-fit: cover;
    border-radius: 17px;
  }
  .viewMoreSampConImgUx {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 89%;
    left: calc(75% - 65px);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .upDownImgSliderMainCOn {
    width: 100%;
    height: 3300px;
    background-image: url("../img/photo/mobileInter.webp");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0px;
    background-attachment: fixed;
    background-position-y: 9%;
  }
  .whyChoosePalUiUx {
    position: sticky;
    top: 0px;
    height: 0vh;
    padding-top: 100px;
  }
  .whyCooseBreak {
    font-weight: 200 !important;
  }
  .whyChoosePalUiUxTitle {
    font-size: 33px;
    line-height: 125%;
  }
  .userCenteralDesignCon {
    width: 100%;
    height: 552px;
    padding: 35px 30px;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 25px;
    margin-bottom: 25px;
    position: sticky;
    top: 230px;
    overflow: visible;
    flex-direction: column;
  }
  .col-End {
    display: flex;
    justify-content: flex-end;
    padding: 0px 15px;
  }
  .userCenteralImg {
    width: 54px;
    height: 54px;
  }
  .userCenterInnerBoxText h4 {
    font-size: 31px;
  }
  .userCenterInnerBoxText p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 15px;
    padding-right: 2px;
  }

  /* what we do */

  .bg-linearGradient {
    height: fit-content;
  }
  .leftRightSpaceWhat {
    width: 100%;
    padding: 0 22px 0 10px !important;
  }
  .whatweDoLeftSideSvg {
    height: inherit;
    object-fit: contain;
    width: 100%;
    margin-bottom: 50px;
  }
  .bg-Img {
    background-image: inherit;
    background-repeat: inherit;
    width: inherit;
    background-position: inherit;
    background-size: inherit;
  }
  .bg-imgMobileV {
    height: 360px;
    background-image: url("../img/photo/Services_banner.webp");
    background-repeat: no-repeat;
    width: 100%;
    background-position: 65% 0.1%;
    background-size: cover;
  }
  video[poster] {
    height: 100%;
    width: 100%;
  }
  /* home */
  .mil-service-card-sm {
    position: relative;
    display: block;
    padding: 22px;
  }
  .otherPagesRenderLink {
    font-size: 22px !important;
    font-weight: 400;
    margin-bottom: 15px !important;
  }
  .otherPagesRenderLinkDesc {
    margin-bottom: 15 !important;
  }
  .mil-banner {
    height: 100vh;
  }
  .mil-banner .mil-banner-content {
    padding-bottom: 0px;
    padding-top: 70px;
  }
  .whatWeDoMainCon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mil-btn-space {
    margin-right: 0px;
    margin-bottom: 30px;
  }
  .mil-banner .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: center;
  }
  .homePghBanner {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 35px;
  }
  .mil-p-120-30 {
    padding-top: 60px;
    padding-bottom: 90px;
  }
  .mil-img-frame {
    margin-top: 50px;
  }
  .unleashingTitle {
    font-size: 48px;
    margin-bottom: 20px;
    width: 295px;
    color: white;
  }
  .spixelSvg {
    width: 115px;
    height: 38px;
  }
  .mil-text-image {
    height: 62px;
    width: 180px;
    display: inline-block;
    overflow: hidden;
    border-radius: 70px;
    margin-right: 0px;
    margin-bottom: 30px;
  }
  .mil-h1,
  .mil-h3 {
    color: white;
  }

  .cardCounterIncreaseCon {
    width: 90%;
    height: 337px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 22px;
    margin: auto;
    margin-top: 30px;
  }
  .mil-soft-bg {
    overflow: hidden;
  }

  /* Portfolios */
  .mil-p-0-120 {
    padding-bottom: 50px;
  }
  .sideBarMainCon {
    height: 75px;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    box-shadow: 1px 1px 30px #8080804a;
    position: absolute;
    top: 115px;
    left: 5.4%;
    width: 89%;
    padding-bottom: 2px;
    opacity: 0.94;
    overflow: hidden;
    /* padding-top:14px; */
    transition: 0.6s ease-in-out;
  }
  .sideLinkMainCon {
    height: 80px;
    overflow: hidden;
    padding-left: 2px;
    width: 95%;
    transition: 0.6s ease-in-out;
    margin: auto;
  }
  .sideLinkConActive:hover {
    background-color: #6c41ff !important;
    border-radius: 5px;
    transition: all 0.5s;
  }
  .sideLinkConActive {
    background-color: #6c41ff;
    border-radius: 5px;
    display: flex !important;
    justify-content: space-between !important;
    /* justify-content: flex-start !important; */
    align-items: center !important;
    padding-right: 7px;
  }
  .mobilePorfolioNav {
    display: flex;
    background-color: #6c41ff;
    height: 52px !important;
    width: 100%;
    border-radius: 5px;
    padding-right: 20px;
  }
  .sliderHeadingCon h2 {
    font-size: 52px;
    font-family: outfit;
    font-weight: 200;
    line-height: 60px;
    color: #000000;
    margin-bottom: 30px;
    opacity: 0;
  }
  .sideLinkCon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding-left: 14px;
    height: 52px;
    width: 100%;
    margin-bottom: 5px;
    transition: all 0.5s;
    padding-top: 4px;
  }
  .activeImgTitleCOn {
    display: flex;
    gap: 18px;
    align-items: center;
  }
  .arrowUPDownCon {
    display: flex;
    align-items: center;
  }
  .arrowUPDownCon img {
    width: 22px;
    height: 20px;
    object-fit: contain;
    filter: inherit;
    transition: 0.8s ease-in-out;
  }
  .arrowUPDownCon #portfolioArrowUp {
    display: none;
    transition: 0.8s ease-in-out;
  }
  .rightPorfolioSwiperSliderInDe {
    display: none;
  }
  .rightPorfolioSwiperSlider {
    display: none;
  }
  .portfolioImgSliderConN {
    display: block;
    margin-top: 160px;
  }
  .otherServiceFirstBox {
    padding: 20px !important;
  }
}

@media only screen and (max-width: 440px) {
  .ourServiceCorporateSliderMain .swiper {
    width: 120%;
    height: 200px;
  }
  .ourServiceVideoCinematicVideo .swiper {
    width: 120%;
    height: 180px;
  }
  .viewMoreSampConImgViewMore {
    left: calc(75% - 75px);
  }
  .viewMoreSampConImg {
    left: calc(75% - 75px);
  }

  .sectionTitleCorS {
    font-size: 30px;
    font-weight: 500;
    font-family: outfit;
    line-height: 33px;
    margin-bottom: 35px;
    width: 310px;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: calc(80% - 60px) !important;
    right: auto;
  }
  .sideBarMainCon {
    position: absolute;
    top: 115px;
    left: 6.5%;
    width: 87%;
  }
  .mil-frame {
    padding: 0;
    z-index: 998;
    height: 90px;
  }
  .mil-preloader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
  }

  /* blog */
  .blog-3-Icons {
    width: 30px;
    height: 30px;
  }

  .alignSubTitle-bolgCOn h5 {
    font-size: 20px;
    padding: 10px 0;
  }
  .blog-pt-50 div {
    padding-top: 26px;
  }
  .alignSubTitle-bolgCOn {
    padding-left: 12px;
    padding-right: 13px;
    margin-bottom: 11px;
  }
  .blog-3-focus ul {
    margin-left: 10px;
  }
  .benefitImg {
    width: 100% !important;
    height: 225px !important;
  }
}

@media only screen and (max-width: 410px) {
  .leftRightSpaceWWith {
    width: 100%;
  }
  .mil-frame {
    padding: 0;
    z-index: 998;
    height: 90px;
  }
  .mil-preloader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
  }
  .leftRightSpace {
    width: 100%;
    padding: 0 0px !important;
  }
  .leftRightSpaceWPadding {
    padding: 0 30px !important;
  }
  /* .viewMoreSampConImgViewMore {
   left:  calc(75% - 65px);
} */
}

@media only screen and (max-width: 380px) {
  .leftRightSpaceWWith {
    width: 100%;
  }
  .mil-frame {
    padding: 0;
    z-index: 998;
    height: 90px;
  }
  .mil-preloader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
  }
  .mil-img-frame {
    margin-bottom: 80px;
  }
  .arrowUPDownCon img {
    width: 18px;
  }
  .sectionMainConCinematic {
    height: 780px;
  }
  .sectionMainConBrandPack {
    height: 780px;
  }
  .sectionTitleCorS {
    line-height: 42px;
    margin-bottom: 30px;
    width: 190px;
  }
  .leftRightSpace {
    width: 100%;
    padding: 0 0px !important;
  }
  .leftRightSpaceWPadding {
    padding: 0 30px !important;
  }
  .container {
    padding: 0 20px !important;
  }
  .sm-mb-30 {
    margin-bottom: 25px !important;
  }
  .corporateDesignTitle {
    width: 285px !important;
  }
  .paddingTOpMobile {
    padding-top: 50px !important;
  }
  .paddingBottomMobile {
    padding-bottom: 50px !important;
  }
  .corporateSecOneImg img,
  .sectionTwoCOnExe img {
    width: 250px;
    margin-bottom: 28px;
  }
  .mil-p-120-60 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .viewMoreSampConImgViewMore {
    left: calc(75% - 80px);
  }
  .viewMoreSampConImg {
    left: calc(75% - 80px);
  }
  #otherServiceMAinCOn {
    padding-top: 45px !important;
  }
  #ourserviceCinematicVideo {
    padding-top: 45px !important;
  }
  .mil-p-120-120 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .sideBarMainCon {
    position: absolute;
    top: 115px;
    left: 5.5%;
    width: 89%;
  }
  .mil-p-90-90 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media only screen and (max-width: 350px) {
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: calc(77% - 60px) !important;
    right: auto;
  }
  .mil-frame {
    padding: 0;
    z-index: 998;
    height: 90px;
  }
  .mil-preloader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
  }
}

@media only screen and (max-width: 330px) {
  .leftRightSpaceWWith {
    width: 108%;
  }
  .mySwiperLeftRightArrow {
    height: 220px !important;
  }
  .sliderHeadingCon h2 {
    margin-bottom: 0px;
  }
  .leftRightSpace {
    width: 108%;
    padding: 0 0px !important;
  }
  .leftRightSpaceWPadding {
    padding: 0 30px !important;
  }
  .container {
    padding: 0 20px !important;
  }
  .corporateDesignTitle {
    width: 285px !important;
  }

  .mil-p-120-120 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .mil-p-120-60 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .viewMoreSampConImgViewMore {
    left: calc(75% - 84px);
  }
  .viewMoreSampConImg {
    left: calc(75% - 84px);
  }
  #ourSevicesDisplayMi {
    height: 800px;
  }
  .mil-frame {
    padding: 0;
    z-index: 998;
    height: 90px;
  }
  .mil-preloader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
  }
}
@media only screen and (max-width: 450px) {
  .ourServiceBoxFixSliderMainConVideo .swiper-slide .ourFixSliderCon .videoSrc {
    width: 325px !important;
    height: 183px !important;
    border-radius: 15px !important;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper {
    height: 200px !important;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxVideoMainCon {
    left: 5% !important;
  }
  .videoSliderCon {
    position: absolute;
    top: 135px !important;
  }
  .mobileOurSerOneBrandPackVideo {
    height: 750px !important;
  }
}
/* Our Services in corporate */
@media only screen and (max-width: 480px) {
  .hideMobileView {
    display: none;
  }
  .mil-service-list,
  #sliderChangeDesChangeUiUx {
    display: none;
  }
  .otherServiceHeadingS br {
    display: none !important;
  }
  .otherServiceHeadingS {
    font-weight: 500;
    line-height: 115%;
    font-size: 25px !important;
  }
  .yourApproachTitle {
    width: 276px;
  }
  .corporateDesignTitle {
    width: 320px;
  }
  .mil-service-card-lg {
    margin-bottom: 25px;
  }
  .mil-service-card-lg .mil-descr,
  .otherServiceHeadingS {
    margin-bottom: 20px;
  }
  .mil-service-card-lg.mil-other-card {
    padding: 20px !important;
  }
  .footerAddressHeading {
    font-size: 21px;
  }
  .whatWeDoMainLinksHeading {
    line-height: 120% !important;
    font-size: 25px !important;
  }

  /* CinematicVideo */

  .ourServiceBoxFixSliderMainConVideo .swiper-slide .ourFixSliderCon .videoSrc {
    width: 392px;
    height: 222px;
    border-radius: 20px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper {
    width: 195%;
    height: 225px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper-slide {
    height: 225px;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxVideoMainCon {
    width: 230px !important;
    height: 170px !important;
    position: absolute;
    left: 3.5%;
  }
  .voiletBoxConOurSerInn {
    padding-left: 14px;
  }
  .videoSliderCon {
    position: absolute;
    top: 145px;
  }
  .mobileOurSerOneBrandPackVideo {
    height: 780px;
    padding-top: 0px !important;
    margin-bottom: 0 !important;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxTitleOurSer {
    font-size: 24px;
    line-height: 28px;
    margin-top: 5px;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxIconImgOur {
    width: 48px;
    height: 50px;
  }
  .ourServiceBoxFixSliderMainConVideo .sliderChangePghCon {
    width: 102%;
    margin-top: 20px;
  }
  .sliderChangePghI {
    font-size: 15px;
    line-height: 23px;
  }
  /* Ui Ux Slider dot */
  .uiUxPrevNextSliderCon .swiper-button-next,
  .uiUxPrevNextSliderCon .swiper-button-prev {
    width: 22px !important;
    height: 22px !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev:after,
  .uiUxPrevNextSliderCon .swiper-button-next:after {
    font-size: 13px !important;
    font-weight: 700;
  }
  .uiUxSliderIndicatorCon {
    display: none;
    left: 31.5%;
    top: -217px;
  }
  .uiUxPrevNextSliderCon {
    display: none;
    left: 46%;
    top: -226px;
  }
  .uiUxPrevNextSliderCon .swiper-button-next {
    right: 49% !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev {
    left: 20% !important;
  }
  .uiUxSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 10px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 10px)
    );
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.5);
  }
  .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px) !important;
  }

  /* ONENNENEE   Addd*/
  .videoOneAdd {
    width: 100% !important;
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoTWoAdd,
  .videoTHreeAdd {
    width: 100% !important;
    height: 90px !important;
    transition: all 0.8s ease-in-out;
  }

  /* height */
  .videoOneAdd #videoParis {
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoTWoAdd #videoCounDown,
  .videoTHreeAdd #videoBaby {
    height: 90px !important;
    transition: all 0.8s ease-in-out;
  }

  /* TWO Add */
  .videoTWoAddTWo {
    width: 100% !important;
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoOneAddTWo,
  .videoTHreeAddTWo {
    height: 90px !important;
    transition: all 0.8s ease-in-out;
    width: 100% !important;
  }
  .videoOneAddTWo,
  .videoTWoAddTWo,
  .videoTHreeAddTWo {
    width: 100% !important;
  }
  /* height */
  .videoTWoAddTWo #videoCounDown {
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoOneAddTWo #videoParis,
  .videoTHreeAddTWo #videoBaby {
    height: 90px !important;
    transition: all 0.8s ease-in-out;
  }
  /* THREE ADD */
  .videoTHreeAddThree {
    width: 100% !important;
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }

  .videoOneAddThree,
  .videoTWoAddThree,
  .videoTHreeAddThree {
    width: 100% !important;
  }
  .videoTHreeAddThree #videoBaby {
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoOneAddThree,
  .videoTWoAddThree {
    width: 100% !important;
    height: 90px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoTWoAddThree #videoCounDown,
  .videoOneAddThree #videoParis {
    height: 90px !important;
    transition: all 0.8s ease-in-out;
  }

  /* END */
  /* slider inner content width */
  .sliderInnerContentWidth {
    width: 100%;
  }
  /*  */
  .videoMainCon {
    border-radius: 25px;
  }
  #videoParis {
    height: 320px;
    transition: all 0.8s ease-in-out;
  }
  #videoBaby,
  #videoCounDown {
    height: 90px;
    transition: all 0.8s ease-in-out;
  }
  .videoMainCon {
    height: 90px;
    width: 100%;
    border-radius: 25px;
  }
  .videoMainCon .videoTag {
    height: 90px;
    width: 100%;
    border-radius: 25px;
  }
  .videoMainCon::before {
    content: "";
    height: 320px;
    width: 100%;
    border-radius: 25px;
  }
  #videoOne {
    width: 100%;
    height: 320px;
  }
  #videoTwo {
    width: 100%;
  }
  #videoThree {
    width: 100%;
  }
  #videoNoTextOne,
  #videoNoTextTwo,
  #videoNoTextThree {
    font-size: 22px;
  }
  .imgSlider-COntent {
    gap: 17px;
    padding: 18px;
    padding-top: 25px;
    padding-left: 25px;
  }
  .animatedSlideImgIcon {
    width: 40px !important;
    height: 40px !important;
  }
  .sliderHeading-bott {
    font-size: 23px;
    font-weight: 500;
    line-height: 25px;
    word-break: break-word;
  }
  #titleOne {
    line-height: 25px;
    font-size: 16px;
  }
  #titleTwo,
  #titleThree {
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
  }
  .mil-text-xl {
    font-size: 17px;
    line-height: 155%;
  }
  .homeBottomSectionSliderCon {
    gap: 15px !important;
    flex-direction: column;
  }
  .iconTitleCon {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 16px !important;
  }

  /* home bottom slider end */
  .blogHero-SubImgPartision {
    height: fit-content;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
  }
  .blogSub-title {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  .simpleIdeasForPre {
    position: unset;
  }
  .simpleIdeasForPre br {
    display: none;
  }
  .blog-mb-30 {
    margin-bottom: 20px;
  }
  .blog-mb-20 {
    margin-bottom: 15px;
  }
  .blogSub-title-left {
    font-size: 25px !important;
    line-height: 30px !important;
  }
  .blogSimpleIdea-title-right {
    font-size: 25px !important;
    line-height: 30px !important;
  }

  /* Portfolio Slider dot start */

.mLoadTop{
margin-top: 25px;
}

.portfolioSliderDot .swiper-pagination {
  bottom: -30px !important;
}
.portfolioSliderDot .swiper-pagination .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
}
.portfolioSliderDot .swiper-pagination .swiper-pagination-bullet-active {
  width: 9px !important;
  height: 9px !important;
}
.portfolioSliderDot{
  margin-bottom: 20px;
}
/* Portfolio Slider dot end */
}

/* --------- ------    Tablet View          Tablet  View             Tablet View     ( ORIENTATION   PORTRAIT  )  _------------- */
/* @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
 
  
} */

/*  */

@media (min-width: 481px) and (max-width: 767px) {
  .mil-service-card-lg.mil-other-card {
    padding: 22px !important;
  }
  #sliderChangeDesChangeUiUx {
    display: none;
  }

  .mil-p-120 {
    padding-top: 60px;
  }
  .footerAddressHeading {
    font-size: 22px;
  }
  .mil-service-list {
    display: none;
  }
  .otherServiceHeadingS br {
    display: none !important;
  }
  .otherServiceHeadingS {
    font-weight: 500;
    line-height: 115%;
    font-size: 25px !important;
  }
  .mil-inner-banner .mil-banner-content {
    padding-top: 128px !important;
  }
  .ourServiceTitle {
    margin-bottom: 20px;
    padding-top: 5px;
    font-size: 22px;
    letter-spacing: 3px;
  }
  .technologyPartners {
    margin-bottom: 20px;
    /* padding-top: 5px; */
    font-size: 22px;
    letter-spacing: 3px;
  }
  .mil-mb-15 {
    margin-bottom: 0px;
  }
  .mil-h3 {
    font-size: 36px !important;
    font-weight: 200 !important;
  }
  .brBlock br {
    display: none !important;
  }

  .cardCounterIncreaseCon {
    width: 90%;
    height: 120px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 0px;
    /* margin: auto; */
    margin-top: 22px;
    margin-bottom: 0 !important;
  }
  .cardCounterIncreaseBottomDesTwoSeven br {
    display: none !important;
  }
  .mil-mobile-hidden {
    display: none;
  }
  .mil-service-card-sm p {
    opacity: 1;
  }
  .cardOneIncrese,
  .cardThreeIncrese {
    margin-left: 40px;
    width: 94% !important;
  }

  .cardCounterIncreaseIcon {
    width: 74px !important;
    height: 74px !important;
    object-fit: contain;
  }
  .cardCounterIncreaseNumTitle,
  .cardCounterIncreaseNumTitleFive {
    font-size: 40px;
    font-weight: 600;
    font-family: outfit;
    line-height: 52px;
    color: white;
    text-align: center;
  }
  .cardCounterIncreaseBottomDesc {
    font-size: 24px;
    font-weight: 300;
    font-family: outfit;
    line-height: 30px;
    color: white;
    text-align: center;
  }

  .mil-mb-120 {
    margin-bottom: 50px;
  }
  .mil-text-image {
    margin-bottom: 0px !important;
  }
  /* .mil-complex-text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  gap: 35px;
} */
  .mil-complex-text .mil-button {
    margin-left: 0;
    margin-top: 30px;
  }

  .brBlock {
    font-size: 33px !important;
    margin-bottom: 35px;
  }

  .mil-mb-60 {
    margin-bottom: 40px;
  }
  .otherPagesRenderLink {
    font-weight: 500;
    line-height: 115%;
    font-size: 25px !important;
  }
  .mil-service-card-sm {
    padding: 30px;
  }
  .deliveringWE {
    font-size: 26px;
  }
  /* .mil-banner .container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: center;
} */
  .mil-banner {
    height: 100vh !important;
  }
  .mil-frame {
    padding: 0;
    z-index: 998;
    height: 90px;
  }
  .mil-preloader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
  }
  .corporateSecOneImg,
  .sectionTwoCOnExe {
    text-align: center;
  }
  .corporateSecOneImg img,
  .sectionTwoCOnExe img {
    width: 350px;
    object-fit: contain;
    margin-bottom: 45px;
  }
  .corporateDesignTitle {
    width: 95%;
  }
  h1,
  .mil-h1,
  h2,
  .mil-h12,
  h3,
  .mil-h3,
  h4,
  .mil-h4,
  h5,
  .mil-h5,
  h6,
  .mil-h6 {
    font-family: "Outfit", sans-serif;
    color: rgb(0, 0, 0);
    font-weight: 600;
    line-height: 120%;
    font-size: 40px;
  }
  .mil-inner-banner .mil-banner-content {
    padding-top: 138px !important;
  }
  .yourApproachTitle {
    width: 60.5% !important;
    font-size: 27px !important;
  }
  .mil-mb-90 {
    margin-bottom: 50px;
  }
  .ourServicesImgConViewMore img {
    width: 100%;
    height: 650px;
    object-fit: cover;
    position: relative;
    top: -105px;
    border-radius: 17px;
  }
  #sliderChangeDesChangeOurSer {
    display: none;
  }
  .ourServiceCorporateSliderMain {
    position: relative;
    padding-bottom: 0px;
  }
  .ourServiceCorporateSliderMain .swiper {
    width: 132%;
    height: 200px;
  }
  .ourServiceCorporateSliderMain .swiper-slide {
    height: 160px !important;
    border-radius: 10px;
  }
  .viewMoreSampConImgViewMore {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 75%;
    left: calc(77% - 65px);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .viewMoreText {
    font-size: 12px;
    font-weight: 500;
    font-family: outfit;
    line-height: 15px;
  }
  .ourServiceCorporateSliderMain .swiper-slide .voiletBoxConOurSer {
    width: 210px !important;
    height: 160px !important;
    padding-left: 20px;
    gap: 2px;
  }
  .pr-75 {
    padding-right: 30px;
  }
  .ourServiceCorporateSliderMain
    .swiper-slide
    .voiletBoxConOurSer
    .voiletBoxTitle {
    width: 160px;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active {
    width: 237.5px !important;
    height: 180px !important;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxConOurSer {
    width: 237.5px !important;
    padding-left: 28px;
    height: 180px !important;
    gap: 5px;
  }
  .ourServiceCorporateSliderMain h4 {
    margin-bottom: 28px !important;
    font-size: 36px !important;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxIcon {
    width: 36px;
    height: 37px;
    object-fit: contain;
  }
  .voiletBoxIcon {
    width: 29px;
    height: 29px;
    object-fit: contain;
  }
  .mil-p-120-30 {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxTitle {
    font-size: 21px;
    font-weight: 400;
    line-height: 23px;
    width: 190px !important;
  }
  .voiletBoxTitle {
    font-size: 17px;
    line-height: 19px;
    margin-top: 5px;
  }
  .mil-p-70-105 {
    padding-top: 40px;
    padding-bottom: 45px;
  }
  #sectionMainConId {
    display: none;
  }
  #mobileViewVoiletBox {
    display: block !important;
  }
  .opacityConS {
    background: #bb184d94;
    opacity: 1;
    height: 830px;
    width: 100%;
    position: absolute;
  }
  .opacityImgSlider {
    width: 100%;
    overflow: hidden !important;
    /* border: 1px solid #fbfbfb; */
    z-index: 2;
    position: relative;
  }

  .sectionMainCon {
    height: 830px;
    background-attachment: inherit;
  }
  .opacityImgConBg {
    background-image: url("../img/photo/leftSide.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 600px;
    border-radius: 17px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    transition: 0.4s ease-in-out;
  }
  .sectionTitleCorS {
    font-size: 33px;
    font-weight: 600;
    font-family: outfit;
    line-height: 39px;
    color: white;
    margin-bottom: 40px;
    width: 310px;
    z-index: 2;
    position: relative;
    width: 310px;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: calc(82% - 60px) !important;
    right: auto;
  }
  .swiper-button-next,
  .swiper-button-prev {
    position: absolute;
    top: 7% !important;
    width: 48px !important;
    height: 48px !important;
    /* margin-top: calc(0px -(var(--swiper-navigation-size) / 2)); */
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    background-color: #ffffff54 !important;
    border-radius: 50% !important;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 26px !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
  }
  .mySwiperLeftRightArrow {
    height: 204px !important;
    z-index: 2 !important;
    width: 83%;
  }
  .mySwiperLeftRightArrow .headingSubHeadPinkBoxCon h4 {
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: white;
    margin: 12px 0;
    font-family: outfit;
  }
  .mySwiperLeftRightArrow .headingSubHeadPinkBoxCon p {
    font-weight: 200;
    font-size: 14px;
    line-height: 17px;
    color: white;
    font-family: outfit;
  }
  .voiletBoxLeftImgConS {
    position: static;
    height: inherit;
    padding-top: 45px;
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: 30px !important;
    left: auto;
  }

  .mil-frame .mil-frame-top {
    height: 85px;
    padding-left: 30px;
    padding-right: 34px;
  }
  .otherServiceFirstBox {
    padding: 30px !important;
  }

  .unleashingTitle {
    font-size: 48px;
    margin-bottom: 70px;
    width: 90%;
    line-height: 130%;
    color: white !important;
  }
  .homePghBanner {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 35px;
  }
  .spixelSvg {
    width: 126px;
    height: 38px;
  }
  .mil-banner .mil-banner-content {
    /* padding-bottom: 160px; */
    padding-bottom: 0;
    padding-top: 70px;
  }
  .mil-soft-bg {
    overflow: hidden;
  }
  .leftRightSpaceWWithBG {
    background-color: #f3f3f3;
  }
  .leftRightSpaceWWith {
    width: 100%;
  }
  .leftRightSpace {
    width: 100%;
    padding: 0 20px !important;
  }
  .leftRightSpaceWPadding {
    padding: 0 50px !important;
  }

  /* .cardCounterIncreaseCon {
    width: 100%;
    height: 337px;
    background-color: #6C41FF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 22px;
    margin: auto;
    margin-top: 30px;
} */
  .footer {
    padding-top: 25px;
  }
  .Elevatingh2 {
    font-size: 33px;
    margin-top: 15px;
  }
  .mil-text-image {
    height: 72px;
    width: 200px;
    display: inline-block;
    overflow: hidden;
    border-radius: 70px;
    margin-right: 0px;
    margin-bottom: 30px;
  }
  .ourServicecopMainCOn {
    height: 940px;
  }
  /* BrandingandPackaging */

  .mobileOurSerTwoBrandPack {
    display: block;
  }
  .mobileOurSerOneBrandPack {
    display: none;
  }

  .ourServiceVideoCinematicVideo .swiper {
    width: 145% !important;
    height: 200px !important;
  }

  .ourServiceVideoCinematicVideo .swiper-slide {
    height: 160px !important;
  }
  .ourServiceVideoCinematicVideo .swiper-slide .voiletBoxCon {
    width: 210px !important;
    height: 160px !important;
    padding-left: 20px;
    padding-right: 0px;
    gap: 2px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide .voiletBoxCon .voiletBoxTitle {
    width: 160px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active {
    width: 237.5px !important;
    height: 180px !important;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxCon {
    width: 237.5px !important;
    height: 180px !important;
    gap: 4px;
    padding-left: 28px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxIcon {
    width: 36px !important;
    height: 37px !important;
    object-fit: contain;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxTitle {
    font-size: 21px;
    font-weight: 400;
    line-height: 23px;
    width: 190px !important;
  }
  .ourServicesImgConVoiletImg img {
    width: 100%;
    height: 650px;
    object-fit: cover;
    border-radius: 17px;
  }
  .cinematicOurSerCon {
    height: 980px;
    margin: 0 !important;
    padding: 0 !important;
  }
  .brandPackOurSerCon {
    height: 930px;
  }
  .ourServicesImgConVoiletImg {
    position: relative;
    top: -122px;
    left: 0%;
  }
  br {
    display: block !important;
  }
  .sectionTItle {
    margin-top: 35px;
    margin-bottom: 35px !important;
  }
  .viewMoreSampConImg {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 89%;
    left: calc(77% - 65px);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .viewMoreText {
    font-size: 12px;
    font-weight: 500;
    font-family: outfit;
    line-height: 15px;
  }

  /* why choose palpixel Branding  */
  .pinkBoxMainCon,
  .imgHoverUpDownSliderMainCOn {
    display: none;
  }
  .sectionMainConBrandPack {
    height: 780px;
    background-image: url("../img/photo/blue-background-design.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .opacityImgSliderBrandPack {
    width: 100%;
    overflow: hidden !important;
    /* border: 1px solid #fbfbfb; */
    z-index: 2;
    position: relative;
  }
  .opacityImgSliderBrandPack::before {
    content: "";
    width: 100%;
    height: 552px;
    border-radius: 16px;
    background: #0404044f;
    opacity: 1.4;
    display: block;
    z-index: 2;
    position: absolute;
  }
  .opacityImgConBgBrandPack {
    background-image: url("../img/photo/drawing-tablet.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 552px;
    border-radius: 17px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: start;
    transition: 0.4s ease-in-out;
  }
  .sectionMainConBrandPack .swiper-button-next {
    position: absolute;
    top: 88% !important;
    width: 52px !important;
    height: 52px !important;
    /* margin-top: calc(0px -(var(--swiper-navigation-size) / 2)); */
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    background-color: #47474782 !important;
    border-radius: 50% !important;
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: 20px !important;
    left: auto;
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 28px !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
  }
  .sectionMainConBrandPack .swiper-button-prev {
    position: absolute;
    top: 88% !important;
    width: 52px !important;
    height: 52px !important;
    /* margin-top: calc(0px -(var(--swiper-navigation-size) / 2)); */
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    background-color: #47474782 !important;
    border-radius: 50% !important;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: calc(82% - 60px) !important;
    right: auto;
  }

  .swiperCorMobileBrandPacka {
    display: flex !important;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 15px;
  }

  .pr-120 {
    padding-right: 30px;
  }
  .mil-mb-30 {
    margin-bottom: 15px;
  }

  /* Cinematice Video AND animation */

  .purpleImgSliderMainCOn,
  .imgHoverUpDownSliderMainCOn {
    display: none;
  }
  #sliderChangeDesChange {
    display: none;
  }
  .tabHide {
    display: none;
  }
  .sectionMainConCinematic {
    height: 750px;
    background-color: #b91f4b;
  }
  .opacityImgConBgCinematic {
    background-image: url("../img/photo/girlLookLaptop.webp");
    height: 552px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 17px;
    display: flex;
    justify-content: center;
    align-items: end;
  }
  .opacityImgSlider::before {
    content: "";
    width: 100%;
    height: 552px;
    border-radius: 16px;
    background: #0404048f;
    opacity: 1.4;
    display: block;
    z-index: 2;
    position: absolute;
  }

  .mySwiperLeftRightArrowCinematicV {
    height: 280px !important;
    z-index: 2 !important;
    width: 83%;
    margin-bottom: 35px;
  }
  .mySwiperLeftRightArrowCinematicV .headingSubHeadPinkBoxCon h4 {
    font-weight: 400;
    font-size: 30px;
    line-height: 34px;
    color: white;
    margin: 15px 0;
    font-family: outfit;
  }
  .mySwiperLeftRightArrowCinematicV .headingSubHeadPinkBoxCon p {
    font-weight: 200;
    font-size: 20px;
    line-height: 23px;
    color: white;
    font-family: outfit;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
  .headingSubHeadPinkBoxCon br {
    display: none !important;
  }

  /* UI Ux */
  .uiUxOurSerMainCOn {
    height: 930px;
    padding-top: 0px !important;
    margin-bottom: 0 !important;
  }
  .ourServicesImgConVoiletImgUIUX {
    padding: 0;
    position: relative;
    top: 16%;
    left: 0%;
  }
  .ourServiceVideoCinematic .swiper .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: start;
  }
  .ourServiceVideoCinematic .swiper-slide .voiletBoxCon {
    width: 210px !important;
    height: 160px !important;
    padding-left: 20px;
    gap: 2px;
  }
  .ourServiceVideoCinematic .swiper-slide {
    height: 160px !important;
    display: flex;
    justify-content: start;
    align-items: self-start;
    cursor: pointer;
    transition: 0.5s ease-in;
  }
  .ourServiceVideoCinematic .swiper {
    width: 145%;
    height: 200px;
    position: absolute;
    top: 15%;
  }
  .ourServiceVideoCinematic .swiper-slide .voiletBoxCon .voiletBoxTitle {
    width: 160px !important;
  }
  .ourServiceVideoCinematic .swiper-slide-active {
    width: 237.5px !important;
    height: 180px !important;
    border-radius: 10px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    z-index: 1;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxCon {
    width: 237.5px !important;
    height: 180px !important;
    gap: 4px;
    padding-left: 25px;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxIcon {
    width: 36px !important;
    height: 37px !important;
    object-fit: contain;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxTitle {
    font-size: 21px;
    font-weight: 400;
    line-height: 23px;
    width: 190px !important;
  }
  .sliderChangeDesChange {
    display: none;
  }
  .ourServicesImgConVoiletImgUIUX img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 17px;
  }
  .viewMoreSampConImgUx {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 89%;
    left: calc(100% - 30vw);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .upDownImgSliderMainCOn {
    width: 100%;
    height: 2750px;
    background-image: url("../img/photo/mobileInter.webp");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0px;
    background-attachment: fixed;
    background-position-y: 9%;
  }
  .whyChoosePalUiUx {
    position: sticky;
    top: 0px;
    height: 0vh;
    padding-top: 110px;
  }
  .whyCooseBreak {
    font-weight: 200 !important;
  }
  .whyChoosePalUiUxTitle {
    font-size: 33px;
    line-height: 125%;
  }
  .verticalBoxMainCon {
    padding-top: 150px;
  }
  .userCenteralDesignCon {
    width: 100%;
    height: 450px;
    padding: 35px 30px;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 25px;
    margin-bottom: 25px;
    position: sticky;
    top: 230px;
    overflow: visible;
    flex-direction: column;
  }
  .col-End {
    display: flex;
    justify-content: flex-end;
    padding: 0px 15px;
  }
  .userCenteralImg {
    width: 54px;
    height: 54px;
  }
  .userCenterInnerBoxText h4 {
    font-size: 31px;
  }
  .userCenterInnerBoxText p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 15px;
    padding-right: 2px;
  }
  .col-End {
    display: flex;
    justify-content: center;
    padding: 0px 15px;
  }

  /* Portfolios */
  .sideLinkCon h5 br {
    display: none !important;
  }
  .sideBarMainCon {
    height: 75px;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    box-shadow: 1px 1px 30px #8080804a;
    position: absolute;
    top: 115px;
    left: 5.4%;
    width: 89%;
    padding-bottom: 20px;
    opacity: 0.94;
    overflow: hidden;
    /* padding-top:13px; */
    transition: 0.6s ease-in-out;
  }
  .sideLinkMainCon {
    height: 80px;
    overflow: hidden;
    padding-left: 2px;
    width: 95%;
    transition: 0.6s ease-in-out;
    margin: auto;
  }

  .sideLinkConActive:hover {
    background-color: #6c41ff !important;
    border-radius: 5px;
    transition: all 0.5s;
  }
  .sideLinkConActive {
    background-color: #6c41ff;
    border-radius: 5px;
    display: flex !important;
    justify-content: space-between !important;
    /* justify-content:flex-start !important; */
    align-items: center !important;
    padding-right: 15px;
  }
  .sliderHeadingCon h2 {
    font-size: 52px;
    font-family: outfit;
    font-weight: 200;
    line-height: 60px;
    color: #000000;
    margin-bottom: 30px;
    opacity: 0;
  }
  .mobilePorfolioNav img {
    filter: invert(150%) brightness(125%);
  }
  .mobilePorfolioNav h5 {
    color: white !important;
  }
  .sideLinkCon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding-left: 14px;
    height: 52px;
    width: 100%;
    margin-bottom: 6px;
    transition: all 0.5s;
  }
  .mobilePorfolioNav {
    display: flex;
    background-color: #6c41ff;
    height: 52px !important;
    width: 100%;
    border-radius: 5px;
    padding-right: 20px;
  }
  .activeImgTitleCOn {
    display: flex;
    gap: 18px;
    align-items: center;
  }
  .arrowUPDownCon {
    display: flex;
    align-items: center;
  }
  .arrowUPDownCon img {
    width: 22px;
    height: 20px;
    object-fit: contain;
    filter: inherit;
    transition: 0.8s ease-in-out;
  }
  .arrowUPDownCon #portfolioArrowUp {
    display: none;
    transition: 0.8s ease-in-out;
  }
  .rightPorfolioSwiperSliderInDe {
    display: none;
  }
  .rightPorfolioSwiperSlider {
    display: none;
  }
  .portfolioImgSliderConN {
    display: block;
    margin-top: 160px;
  }
  .otherServiceFirstBox {
    padding: 20px !important;
  }
  /* what we do */

  .bg-linearGradient {
    height: fit-content;
  }
  .leftRightSpaceWhat {
    width: 100%;
    padding: 0 22px 0 10px !important;
  }
  .whatweDoLeftSideSvg {
    height: 1200px;
    object-fit: contain;
    width: 100%;
    margin-bottom: 50px;
  }
  .bg-imgMobileV {
    height: 420px;
    background-image: url("../img/photo/Services_banner.webp");
    background-repeat: no-repeat;
    width: 100%;
    background-position: 65% 0.1%;
    background-size: cover;
  }
  .padd-topWhat {
    padding-top: 40px !important;
  }
  .bg-Img {
    background-image: inherit;
    background-repeat: inherit;
    width: inherit;
    background-position: inherit;
    background-size: inherit;
  }
  .whatWeDoDTitleThCon,
  .padd-topWhat {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .whatWeDoMainLinksHeading br {
    display: none !important;
  }
  .whatWeDoMainLinksHeading {
    line-height: 125% !important;
    font-size: 25px !important;
  }
  .ourServiceVideoCinematic .swiper-slide .uiuxVoiletBox {
    width: 220px !important;
    height: 150px !important;
    padding-left: 30px;
    gap: 3px;
  }
  /* Portfolio Slider dot start */
.portfolioSliderDot .swiper-pagination {
  bottom: -30px !important;
}
.portfolioSliderDot .swiper-pagination .swiper-pagination-bullet {
  width: 9px !important;
  height: 9px !important;
}
.portfolioSliderDot .swiper-pagination .swiper-pagination-bullet-active {
  width: 10px !important;
  height: 10px !important;
}
.portfolioSliderDot{
  margin-bottom: 22px;
}
/* Portfolio Slider dot end */
}

@media (min-width: 481px) and (max-width: 555px) {
  .scene3 {
    width: 60px;
    height: 60px;
    perspective: 25500px;
    position: absolute;
    top: 40% !important;
    left: 83% !important;
  }
  .scene2 {
    display: none;
    width: 200px;
    height: 200px;
    perspective: 5000px;
    position: absolute;
    top: -8% !important;
    left: 46% !important;
  }
  .iframeCinematicMotion {
    width: 100%;
    height: 300px;
  }
  .scene {
    display: none;
  }

  .ourServiceBoxFixSliderMainConVideo .swiper-slide .ourFixSliderCon .videoSrc {
    width: 392px;
    height: 222px;
    border-radius: 20px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper {
    width: 195%;
    height: 225px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper-slide {
    height: 225px;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxVideoMainCon {
    width: 230px !important;
    height: 170px !important;
    position: absolute;
    left: 3.5% !important;
  }
  .voiletBoxConOurSerInn {
    padding-left: 14px;
  }
  .videoSliderCon {
    position: absolute;
    top: 145px;
  }
  .mobileOurSerOneBrandPackVideo {
    height: 780px !important;
    padding-top: 0px !important;
    margin-bottom: 0 !important;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxTitleOurSer {
    font-size: 24px;
    line-height: 28px;
    margin-top: 5px;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxIconImgOur {
    width: 48px;
    height: 50px;
  }
  .ourServiceBoxFixSliderMainConVideo .sliderChangePghCon {
    width: 99%;
    margin-top: 22px;
  }
  /* Ui Ux Slider dot */
  .uiUxPrevNextSliderCon .swiper-button-next,
  .uiUxPrevNextSliderCon .swiper-button-prev {
    width: 22px !important;
    height: 22px !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev:after,
  .uiUxPrevNextSliderCon .swiper-button-next:after {
    font-size: 13px !important;
    font-weight: 700;
  }
  .uiUxSliderIndicatorCon {
    left: 31.5%;
    top: -217px;
  }
  .uiUxPrevNextSliderCon {
    left: 46%;
    top: -226px;
  }
  .uiUxPrevNextSliderCon .swiper-button-next {
    right: 49% !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev {
    left: 20% !important;
  }
  .uiUxSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 10px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 10px)
    );
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.5);
  }
  .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px) !important;
  }

  /* ONENNENEE   Addd*/
  .videoOneAdd {
    width: 100% !important;
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoTWoAdd,
  .videoTHreeAdd {
    width: 100% !important;
    height: 100px !important;
    transition: all 0.8s ease-in-out;
  }

  /* height */
  .videoOneAdd #videoParis {
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoTWoAdd #videoCounDown,
  .videoTHreeAdd #videoBaby {
    height: 100px !important;
    transition: all 0.8s ease-in-out;
  }

  /* TWO Add */
  .videoTWoAddTWo {
    width: 100% !important;
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoOneAddTWo,
  .videoTHreeAddTWo {
    height: 100px !important;
    transition: all 0.8s ease-in-out;
    width: 100% !important;
  }
  .videoOneAddTWo,
  .videoTWoAddTWo,
  .videoTHreeAddTWo {
    width: 100% !important;
  }
  /* height */
  .videoTWoAddTWo #videoCounDown {
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoOneAddTWo #videoParis,
  .videoTHreeAddTWo #videoBaby {
    height: 100px !important;
    transition: all 0.8s ease-in-out;
  }
  /* THREE ADD */
  .videoTHreeAddThree {
    width: 100% !important;
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }

  .videoOneAddThree,
  .videoTWoAddThree,
  .videoTHreeAddThree {
    width: 100% !important;
  }
  .videoTHreeAddThree #videoBaby {
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoOneAddThree,
  .videoTWoAddThree {
    width: 100% !important;
    height: 100px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoTWoAddThree #videoCounDown,
  .videoOneAddThree #videoParis {
    height: 100px !important;
    transition: all 0.8s ease-in-out;
  }

  /* END */
  /* slider inner content width */
  .sliderInnerContentWidth {
    width: 100%;
  }
  /*  */
  .videoMainCon {
    border-radius: 25px;
  }
  #videoParis {
    height: 320px;
    transition: all 0.8s ease-in-out;
  }
  #videoBaby,
  #videoCounDown {
    height: 100px;
    transition: all 0.8s ease-in-out;
  }
  .videoMainCon {
    height: 100px;
    width: 100%;
    border-radius: 25px;
  }
  .videoMainCon .videoTag {
    height: 100px;
    width: 100%;
    border-radius: 25px;
  }
  .videoMainCon::before {
    content: "";
    height: 320px;
    width: 100%;
    border-radius: 25px;
  }
  #videoOne {
    width: 100%;
    height: 320px;
  }
  #videoTwo {
    width: 100%;
  }
  #videoThree {
    width: 100%;
  }
  #videoNoTextOne,
  #videoNoTextTwo,
  #videoNoTextThree {
    font-size: 22px;
  }
  .imgSlider-COntent {
    gap: 20px;
    padding: 18px;
    padding-top: 28px;
    padding-left: 30px;
  }
  .animatedSlideImgIcon {
    width: 45px;
    height: 45px;
  }
  .sliderHeading-bott {
    font-size: 25px;
    font-weight: 500;
    line-height: 28px;
    word-break: break-word;
  }
  #titleOne {
    line-height: 25px;
    font-size: 17px;
  }
  #titleTwo,
  #titleThree {
    font-size: 17px;
    font-weight: 300;
    line-height: 25px;
  }
  .homeBottomSectionSliderCon {
    gap: 20px;
    flex-direction: column;
  }
  .iconTitleCon {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
  }
  /* home bottom slider end */
}

@media (max-width: 555px) {
  .scene3 {
    width: 40px;
    height: 40px;
    perspective: 2300px;
    position: absolute;
    top: 14%;
    left: 82%;
    opacity: 0.9;
  }
  .scene3Home {
    top: 24% !important;
    left: 85% !important;
  }
  .scene3Cor,
  .scene3Brand,
  .scene3CinematicV,
  .scene3UiUx {
    top: 2.4% !important;
    left: 82% !important;
  }
  .scene3UiUx {
    top: 2% !important;
    left: 82% !important;
  }
  .face3 {
    position: absolute;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border: 0.1px solid #000; /* Added #6C41FF outline  #909090*/
    opacity: 0.15;
  }
  .front3 {
    transform: rotateY(0deg) translateZ(20px);
  }
  .back3 {
    transform: rotateY(180deg) translateZ(20px);
  }
  .left3 {
    transform: rotateY(-90deg) translateZ(20px);
  }
  .right3 {
    transform: rotateY(90deg) translateZ(20px);
  }
  .top3 {
    transform: rotateX(90deg) translateZ(20px);
  }
  .bottom3 {
    transform: rotateX(-90deg) translateZ(20px);
  }
  .blogHero-SubImg-look {
    height: fit-content !important;
    width: 100%;
    object-fit: cover;
  }
}
.sliderChangePghIMobileV {
  display: none;
}
@media (min-width: 555px) and (max-width: 767px) {
  .mil-p-120-90 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .otherPagesRenderLinkThree {
    padding-bottom: 30px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .cardCounterIncreaseCon {
    width: 80% !important;
    height: 120px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 0px;
    margin: auto;
    margin-top: 22px;
  }

  .cardOneIncrese,
  .cardThreeIncrese {
    margin-left: 15%;
    width: 84% !important;
  }

  .mil-mb-15 {
    margin-bottom: 30px;
  }
  .mil-mb-120 {
    margin-bottom: 50px;
  }
  .mil-text-image {
    margin-bottom: 0px !important;
  }
  .mil-complex-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    gap: 35px;
  }
  .mil-complex-text .mil-button {
    margin-left: 0;
    margin-top: 0px;
  }

  .viewMoreSampConImgViewMore {
    top: 75%;
    left: calc(81% - 13%);
  }

  .scene {
    width: 200px;
    height: 200px;
    perspective: 15000px;
    top: 0%;
    left: 61%;
  }
  .sceneHome {
    top: 5% !important;
    left: 57% !important;
  }
  .face {
    position: absolute;
    width: 200px;
    height: 200px;
    box-sizing: border-box;
    border: 0.1px solid #000; /* Added #6C41FF outline  #909090*/
    opacity: 0.15;
  }
  .front {
    transform: rotateY(0deg) translateZ(100px);
  }
  .back {
    transform: rotateY(180deg) translateZ(100px);
  }
  .left {
    transform: rotateY(-90deg) translateZ(100px);
  }
  .right {
    transform: rotateY(90deg) translateZ(100px);
  }
  .top {
    transform: rotateX(90deg) translateZ(100px);
  }
  .bottom {
    transform: rotateX(-90deg) translateZ(100px);
  }
  .scene2,
  .scene3 {
    display: none;
  }

  .scene3 {
    width: 40px;
    height: 40px;
    perspective: 3000px;
    position: absolute;
    top: 40%;
    left: 83%;
  }
  .scene3Home {
    top: 40% !important;
    left: 83% !important;
  }
  .face3 {
    position: absolute;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border: 0.1px solid #000; /* Added #6C41FF outline  #909090*/
    opacity: 0.15;
  }
  .front3 {
    transform: rotateY(0deg) translateZ(20px);
  }
  .back3 {
    transform: rotateY(180deg) translateZ(20px);
  }
  .left3 {
    transform: rotateY(-90deg) translateZ(20px);
  }
  .right3 {
    transform: rotateY(90deg) translateZ(20px);
  }
  .top3 {
    transform: rotateX(90deg) translateZ(20px);
  }
  .bottom3 {
    transform: rotateX(-90deg) translateZ(20px);
  }

  .sceneCor,
  .sceneBrand,
  .sceneCinematicV {
    top: -0.6% !important;
    left: 58% !important;
  }
  .sceneUiUx {
    top: -0.4% !important;
    left: 56% !important;
  }
  .scene3Cor {
    top: 4% !important;
    left: 86% !important;
  }

  .opacityImgSlider::before {
    height: 700px;
  }
  .opacityImgConBg {
    height: 700px;
  }
  .opacityConS,
  .sectionMainCon {
    height: 930px;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: calc(100% - 24vw) !important;
    right: auto;
  }
  .mySwiperLeftRightArrow {
    height: 280px !important;
    z-index: 2 !important;
    width: 83%;
  }
  .pinkBoxInnerClockImg {
    width: 66px;
    height: 65px;
    object-fit: contain;
  }
  .mySwiperLeftRightArrow .headingSubHeadPinkBoxCon h4 {
    font-weight: 400;
    font-size: 33px;
    line-height: 40px;
    color: white;
    margin: 12px 0;
    font-family: outfit;
  }
  .mySwiperLeftRightArrow .headingSubHeadPinkBoxCon p {
    font-weight: 200;
    font-size: 16px;
    line-height: 22px;
    color: white;
    font-family: outfit;
  }
  /* Cinematic */

  .sectionMainConCinematic {
    height: 830px;
  }
  .cinematicOpactiySliderCon .opacityImgSlider::before {
    height: 600px;
  }
  .opacityImgConBgCinematic {
    background-image: url("../img/photo/girlLookLaptop.webp");
    height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 17px;
    display: flex;
    justify-content: center;
    align-items: end;
  }
  .mySwiperLeftRightArrowCinematicV {
    height: 270px !important;
    z-index: 2 !important;
    width: 83%;
    margin-bottom: 35px;
  }

  /* Video */
  .mySwiperBrandVideo .swiper-button-next {
    right: 420px !important;
    display: none;
  }
  .mySwiperBrandVideo:hover .swiper-button-next {
    right: 420px !important;
  }
  .mySwiperBrandVideo .swiper-button-prev {
    left: 150px !important;
    display: none;
  }
  .mySwiperBrandVideo:hover .swiper-button-prev {
    left: 150px !important;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper {
    width: 195%;
    height: 335px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper-slide {
    width: 578px;
    height: 325px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper-slide .ourFixSliderCon .videoSrc {
    width: 578px;
    height: 325px;
    border-radius: 22px;
  }
  .videoSliderCon {
    position: absolute;
    top: 180px;
  }
  .ourServiceBoxFixSliderMainConVideo .sliderChangePghCon {
    width: 99%;
    margin-top: 22px;
  }
  .ourServiceBoxFixSliderMainConVideo .sliderChangePghI {
    font-size: 15px;
    line-height: 22px;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxConOurSerBrand {
    width: 250px !important;
    height: 200px !important;
    position: inherit;
    /* top: 8%;
left: 3%; */
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxConOurSerInn {
    padding-left: 10px;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxIconImgOur {
    width: 53px;
    height: 55px;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxTitleOurSer {
    font-size: 28px;
    line-height: 32px;
    margin-top: 5px;
  }
  .mobileOurSerOneBrandPackVideo {
    height: 850px !important;
    padding-top: 0px !important;
    margin-bottom: 0 !important;
  }
  /* Ui Ux Slider dot */
  .uiUxPrevNextSliderCon .swiper-button-next,
  .uiUxPrevNextSliderCon .swiper-button-prev {
    width: 22px !important;
    height: 22px !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev:after,
  .uiUxPrevNextSliderCon .swiper-button-next:after {
    font-size: 13px !important;
    font-weight: 700;
  }
  .uiUxSliderIndicatorCon {
    left: 18.5%;
    top: -218px;
  }
  .uiUxPrevNextSliderCon {
    left: 36%;
    top: -226px;
  }
  .uiUxPrevNextSliderCon .swiper-button-next {
    right: 54.5% !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev {
    left: 20% !important;
  }
  .uiUxSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 10px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 10px)
    );
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.5);
  }
  .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px) !important;
  }

  /* ONENNENEE   Addd*/
  .videoOneAdd {
    width: 100% !important;
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoTWoAdd,
  .videoTHreeAdd {
    width: 100% !important;
    height: 110px !important;
    transition: all 0.8s ease-in-out;
  }

  /* height */
  .videoOneAdd #videoParis {
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoTWoAdd #videoCounDown,
  .videoTHreeAdd #videoBaby {
    height: 110px !important;
    transition: all 0.8s ease-in-out;
  }

  /* TWO Add */
  .videoTWoAddTWo {
    width: 100% !important;
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoOneAddTWo,
  .videoTHreeAddTWo {
    height: 110px !important;
    transition: all 0.8s ease-in-out;
    width: 100% !important;
  }
  .videoOneAddTWo,
  .videoTWoAddTWo,
  .videoTHreeAddTWo {
    width: 100% !important;
  }
  /* height */
  .videoTWoAddTWo #videoCounDown {
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoOneAddTWo #videoParis,
  .videoTHreeAddTWo #videoBaby {
    height: 110px !important;
    transition: all 0.8s ease-in-out;
  }
  /* THREE ADD */
  .videoTHreeAddThree {
    width: 100% !important;
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }

  .videoOneAddThree,
  .videoTWoAddThree,
  .videoTHreeAddThree {
    width: 100% !important;
  }
  .videoTHreeAddThree #videoBaby {
    height: 320px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoOneAddThree,
  .videoTWoAddThree {
    width: 100% !important;
    height: 110px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoTWoAddThree #videoCounDown,
  .videoOneAddThree #videoParis {
    height: 110px !important;
    transition: all 0.8s ease-in-out;
  }

  /* END */
  /* slider inner content width */
  .sliderInnerContentWidth {
    width: 54vmax;
  }
  /*  */
  .videoMainCon {
    height: 110px;
    border-radius: 25px;
  }
  #videoParis {
    height: 320px;
    transition: all 0.8s ease-in-out;
  }
  #videoBaby,
  #videoCounDown {
    height: 110px;
    transition: all 0.8s ease-in-out;
  }
  .videoMainCon .videoTag {
    height: 110px;
    width: 100%;
    border-radius: 25px;
  }
  .videoMainCon::before {
    content: "";
    height: 320px;
    width: 100%;
    border-radius: 25px;
  }
  #videoOne {
    width: 100%;
    height: 320px;
  }
  #videoTwo {
    width: 100%;
  }
  #videoThree {
    width: 100%;
  }
  #videoNoTextOne,
  #videoNoTextTwo,
  #videoNoTextThree {
    font-size: 22px;
  }
  .imgSlider-COntent {
    gap: 20px;
    padding: 20px;
    padding-top: 32px;
    padding-left: 38px;
  }

  .sliderHeading-bott {
    font-size: 27px;
    font-weight: 500;
    line-height: 34px;
    word-break: break-word;
  }
  #titleOne {
    line-height: 26px;
    font-size: 18px;
  }
  #titleTwo,
  #titleThree {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
  }
  .homeBottomSectionSliderCon {
    gap: 22px;
    flex-direction: column;
  }
  .iconTitleCon {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 22px;
  }
  /* home bottom slider end */
}

@media (min-width: 600px) and (max-width: 767px) {
  .viewMoreSampConImgViewMore {
    top: 72%;
    left: calc(100% - 62vw);
  }
  .sliderInnerContentWidth {
    width: 59vmax !important;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: calc(100% - 22vw) !important;
    right: auto;
  }
  .ourServicesImgConViewMore img {
    width: 55%;
    height: 500px;
    object-fit: cover;
    position: relative;
    top: -90px;
    border-radius: 17px;
  }
  .ourServicecopMainCOn {
    height: 820px;
  }
  #sliderChangeDesChangeOurSer {
    display: block;
    width: 40%;
    font-weight: 300;
    font-size: 15.5px;
    line-height: 20px;
    color: #6d6d6d;
    font-family: outfit;
    margin-top: 0px;
    text-align: left;
    position: absolute;
    top: 264px;
    left: 58%;
  }
  .mil-p-70-105 {
    padding-top: 40px;
    padding-bottom: 0px;
  }
  .headingSubHeadPinkBoxCon {
    margin-top: 28px;
  }

  .ourServicesImgConVoiletImg img {
    width: 55%;
    height: 500px;
    object-fit: cover;
    /* position: relative;
  top: -90px; */
    border-radius: 17px;
  }
  .sliderChangePghCon {
    width: 38%;
  }
  .sliderChangePghIMobileV {
    width: 38%;
    display: block;
    font-weight: 300;
    font-size: 15.5px;
    line-height: 22px;
    color: #6d6d6d;
    font-family: outfit;
    margin-top: 0px;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 60%;
  }
  .viewMoreSampConImg {
    top: 89%;
    left: calc(100% - 62vw);
  }
  .brandPackOurSerCon {
    height: 800px;
  }
  /* cinematic */
  .cinematicOurSerCon {
    height: 800px;
    margin: 0 !important;
    padding: 0 !important;
  }
  #sliderChangeDesChange {
    width: 38%;
    display: block;
    font-weight: 300;
    font-size: 15.5px;
    line-height: 22px;
    color: #6d6d6d;
    font-family: outfit;
    margin-top: 0px;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 60%;
  }

  /* UI Ux */
  .uiUxOurSerMainCOn {
    height: 810px;
    padding-top: 0px !important;
    margin-bottom: 0 !important;
  }
  #sliderChangeDesChangeUiUx {
    width: 38%;
    display: block;
    font-weight: 300;
    font-size: 15.5px;
    line-height: 22px;
    color: #6d6d6d;
    font-family: outfit;
    margin-top: 0px;
    text-align: left;
    position: absolute;
    top: 190px;
    left: 60%;
  }
  .ourServicesImgConVoiletImgUIUX {
    padding: 0;
    position: relative;
    top: 92px;
    left: 0%;
  }
  .ourServiceVideoCinematic .swiper .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: start;
  }
  .ourServiceVideoCinematic .swiper-slide .voiletBoxCon {
    width: 210px !important;
    height: 160px !important;
    padding-left: 20px;
    gap: 2px;
  }
  .ourServiceVideoCinematic .swiper-slide {
    height: 160px !important;
    display: flex;
    justify-content: start;
    align-items: self-start;
    cursor: pointer;
    transition: 0.5s ease-in;
  }
  .ourServiceVideoCinematic .swiper {
    width: 145%;
    height: 200px;
    position: absolute;
    top: 15%;
  }
  .ourServiceVideoCinematic .swiper-slide .voiletBoxCon .voiletBoxTitle {
    width: 160px !important;
  }
  .ourServiceVideoCinematic .swiper-slide-active {
    width: 237.5px !important;
    height: 180px !important;
    border-radius: 10px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    z-index: 1;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxCon {
    width: 237.5px !important;
    height: 180px !important;
    gap: 4px;
    padding-left: 25px;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxIcon {
    width: 36px !important;
    height: 37px !important;
    object-fit: contain;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxTitle {
    font-size: 21px;
    font-weight: 400;
    line-height: 23px;
    width: 190px !important;
  }
  .sliderChangeDesChange {
    display: none;
  }
  .ourServicesImgConVoiletImgUIUX img {
    width: 55%;
    height: 500px;
    object-fit: cover;
    border-radius: 17px;
  }
  .viewMoreSampConImgUx {
    top: 89%;
    left: calc(100% - 62vw);
  }
  .upDownImgSliderMainCOn {
    width: 100%;
    height: 2520px;
    background-image: url("../img/photo/mobileInter.webp");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0px;
    background-attachment: fixed;
    background-position-y: 9%;
  }
  .whyChoosePalUiUx {
    position: sticky;
    top: 0px;
    height: 0vh;
    padding-top: 110px;
  }
  .whyCooseBreak {
    font-weight: 200 !important;
  }
  .whyChoosePalUiUxTitle {
    font-size: 33px;
    line-height: 125%;
  }
  .verticalBoxMainCon {
    padding-top: 150px;
  }
  .userCenteralDesignCon {
    width: 100%;
    height: 390px;
    padding: 35px 30px;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 25px;
    margin-bottom: 25px;
    position: sticky;
    top: 230px;
    overflow: visible;
    flex-direction: column;
  }
  .col-End {
    display: flex;
    justify-content: flex-end;
    padding: 0px 15px;
  }
  .userCenteralImg {
    width: 54px;
    height: 54px;
  }
  .userCenterInnerBoxText h4 {
    font-size: 31px;
  }
  .userCenterInnerBoxText p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 15px;
    padding-right: 2px;
  }
  .col-End {
    display: flex;
    justify-content: center;
    padding: 0px 15px;
  }

  /* what we do */

  .whatweDoLeftSideSvg {
    height: 1200px;
    object-fit: contain;
    width: 100%;
    margin-bottom: 50px;
  }
  .padd-topWhat {
    padding-top: 0px !important;
  }
  .bg-imgMobileV {
    height: 460px;
    background-image: url("../img/photo/Services_banner.webp");
    background-repeat: no-repeat;
    width: 100%;
    background-position: 65% 0.1%;
    background-size: cover;
  }
  .whatWeDoDTitleThCon,
  .padd-topWhat {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  /* Video */
  .mySwiperBrandVideo .swiper-button-next {
    right: 0px !important;
    display: block;
    opacity: 1;
  }
  .mySwiperBrandVideo:hover .swiper-button-next {
    right: 420px !important;
  }
  .mySwiperBrandVideo .swiper-button-prev {
    left: 150px !important;
    display: block;
    opacity: 1;
  }
  .mySwiperBrandVideo:hover .swiper-button-prev {
    left: 0px !important;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper {
    width: 195%;
    height: 335px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper-slide {
    width: 578px;
    height: 325px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper-slide .ourFixSliderCon .videoSrc {
    width: 578px;
    height: 325px;
    border-radius: 22px;
  }
  .videoSliderCon {
    position: absolute;
    top: 170px;
  }
  .ourServiceBoxFixSliderMainConVideo .sliderChangePghCon {
    width: 99%;
    margin-top: 22px;
  }
  .ourServiceBoxFixSliderMainConVideo .sliderChangePghI {
    font-size: 15px;
    line-height: 22px;
  }

  .ourServiceBoxFixSliderMainConVideo .voiletBoxConOurSerBrand {
    width: 250px !important;
    height: 200px !important;
    position: inherit;
    /* top: 8%;
left: 3%; */
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxVideoMainCon {
    width: 250px !important;
    height: 200px !important;
    position: absolute;
    left: 2.8% !important;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxConOurSerInn {
    padding-left: 10px;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxIconImgOur {
    width: 53px;
    height: 55px;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxTitleOurSer {
    font-size: 28px;
    line-height: 32px;
    margin-top: 5px;
  }
  .mobileOurSerOneBrandPackVideo {
    height: 850px !important;
    padding-top: 0px !important;
    margin-bottom: 0 !important;
  }
  .ourServiceVideoCinematic .swiper-slide .uiuxVoiletBox {
    width: 220px !important;
    height: 145px !important;
    padding-left: 30px;
    gap: 3px;
  }
  /* Ui Ux Slider dot */
  .uiUxPrevNextSliderCon .swiper-button-next,
  .uiUxPrevNextSliderCon .swiper-button-prev {
    width: 25px !important;
    height: 25px !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev:after,
  .uiUxPrevNextSliderCon .swiper-button-next:after {
    font-size: 14px !important;
    font-weight: 700;
  }
  .uiUxSliderIndicatorCon {
    left: 13.5%;
    top: -218px;
  }
  .uiUxPrevNextSliderCon {
    left: 31%;
    top: -228px;
  }
  .uiUxPrevNextSliderCon .swiper-button-next {
    right: 55% !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev {
    left: 20% !important;
  }
  .uiUxSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 11px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 11px)
    );
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.5);
  }
  .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2.5px) !important;
  }
}
@media (max-width: 767px) {
  .voiletBoxConOurHideBox {
    display: none;
  }
  .homeBottomSectionSliderCon {
    display: flex;
    gap: 20px;
  }

  .portfolioMainDrop {
    height: 70vh;
  }
  .blogSub-Zero {
    font-family: Outfit;
    font-weight: 700;
    font-size: 100px;
    line-height: 120px;
  }
}
@media (min-width: 550px) and (max-width: 650px) {
  .ourServiceBoxFixSliderMainConVideo .swiper-slide .ourFixSliderCon .videoSrc {
    width: 500px;
    height: 280px;
    border-radius: 20px;
  }
  .iframeCinematicMotion {
    width: 100%;
    height: 360px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper {
    width: 195%;
    height: 280px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper-slide {
    height: 280px;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxVideoMainCon {
    width: 250px !important;
    height: 200px !important;
    position: absolute;
    left: 3.5% !important;
  }
}
@media (min-width: 650px) and (max-width: 767px) {
  .iframeCinematicMotion {
    width: 100%;
    height: 425px;
  }
}
@media (max-width: 767px) {
  .lightTipCon {
    background-color: #ececec;
    padding: 20px 20px 10px 20px;
    position: relative;
  }

  .bulbTop {
    position: absolute;
    top: -12%;
    right: 6%;
    width: 32px;
    height: 32px;
  }
  .partSectionMainCon {
    display: flex;
    gap: 40px;
    flex-direction: column;
  }
  .tipTicks {
    position: inherit;
    width: 100%;
    background: #ff47007d;
    padding: 10px;
    text-align: start;
  }
  .blogHero-SubImg-infographic {
    height: fit-content;
    width: 100%;
    object-fit: cover;
  }

  .simpleIdeasForPre {
    position: absolute;
    top: 29%;
    left: 10%;
  }
  .blogHero-SimpleIdeas {
    height: 280px;
    width: 100%;
    object-fit: cover;
  }
  .alignSubTitle-bolgCOn {
    height: auto !important;
  }
  .tipTicks {
    position: unset !important;
  }
  .ml-35 {
    margin-left: 0px !important;
  }
}
@media (min-width: 696px) and (max-width: 767px) {
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: calc(100% - 19vw) !important;
    right: auto;
  }
  .sliderInnerContentWidth {
    width: 70vmax !important;
  }
  /* Ui Ux Slider dot */
  .uiUxPrevNextSliderCon .swiper-button-next,
  .uiUxPrevNextSliderCon .swiper-button-prev {
    width: 25px !important;
    height: 25px !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev:after,
  .uiUxPrevNextSliderCon .swiper-button-next:after {
    font-size: 14px !important;
    font-weight: 700;
  }
  .uiUxSliderIndicatorCon {
    left: 4%;
    top: -218px;
  }
  .uiUxPrevNextSliderCon {
    left: 23.2%;
    top: -228px;
  }
  .uiUxPrevNextSliderCon .swiper-button-next {
    right: 58% !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev {
    left: 20% !important;
  }
  .uiUxSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 11px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 11px)
    );
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.5);
  }
  .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2.5px) !important;
  }
}
@media (min-width: 768px) and (max-width: 850px) {
  .voiletBoxConOurSerInn {
    padding-left: 20px;
  }
  .iframeCinematicMotion {
    width: 100%;
    height: 460px;
  }
  .sliderInnerContentWidth {
    width: 80vmax !important;
  }
  .voiletBoxTitleOurSer {
    font-size: 26px;
    line-height: 32px;
  }
  .voiletBoxIconImgOur {
    width: 50px !important;
    height: 52px !important;
    object-fit: contain;
  }
  .voiletBoxConOurHideBox {
    display: none;
  }
  /* Portfolios */
  .sideLinkCon h5 br {
    display: none !important;
  }
  .sideBarMainCon {
    height: 80vh;
    background-color: #ffffff;
    border-radius: 18px;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: start;
    align-items: end;
    box-shadow: 1px 1px 30px #8080804a;
    position: fixed;
    top: 130px;
    left: 3%;
    width: 95px;
    padding-bottom: 15px;
    opacity: 0.94;
  }
  .sideLinkMainCon {
    height: 75vh;
    overflow: scroll;
    padding-left: 20px;
    width: 95px;
    /* border: 1px solid red; */
  }
  .sideLinkCon h5 {
    display: none;
  }
  .sideLinkCon:hover {
    background-color: #ededed;
    border-radius: 5px;
    transition: all 0.5s;
  }
  .sideLinkConActive {
    background-color: #6c41ff;
    border-radius: 5px;
    width: 84% !important;
  }
  .sideLinkConActive h5 {
    color: white !important;
  }
  .sideLinkConActive:hover {
    background-color: #6c41ff !important;
  }
  .sideLinkCon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding-left: 14px;
    height: 52px;
    width: 56px;
    margin-bottom: 0px;
    transition: all 0.5s;
  }
  .sideLinkCon :last-child {
    border-bottom: 0;
  }
  .sideLinkCon .activeImgTitleCOn img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    cursor: pointer;
  }
  .sideLinkConActive .activeImgTitleCOn img {
    filter: invert(150%) brightness(125%);
  }
  .sideLinkCon h5 {
    font-size: 14px;
    font-family: outfit;
    font-weight: 400;
    line-height: 119%;
    color: #414042;
    cursor: pointer;
  }
  .sliderHeadingCon {
    width: 77vw;
    margin-top: 50px;
  }
  .sliderHeadingCon h2 {
    font-size: 35px;
    font-family: outfit;
    font-weight: 200;
    line-height: 60px;
    color: #000000;
    margin-bottom: 25px;
  }

  /* Cinematice Video Animation */

  .mySwiperBrandPreNextSliderCon {
    position: relative;
    left: -48%;
    top: -26px;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-next {
    right: 57% !important;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-prev {
    left: 18% !important;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-next,
  .mySwiperBrandPreNextSliderCon .swiper-button-prev,
  .uiUxPrevNextSliderCon .swiper-button-next,
  .uiUxPrevNextSliderCon .swiper-button-prev {
    width: 28px;
    height: 28px;
  }
  .brandingOureSerSliderIndicatorCon {
    position: relative;
    left: -63%;
    top: -2px;
  }
  .brandingOureSerSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 13px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 13px)
    );
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-prev:after,
  .mySwiperBrandPreNextSliderCon .swiper-button-next:after,
  .uiUxPrevNextSliderCon .swiper-button-prev:after,
  .uiUxPrevNextSliderCon .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
  }
  .brandingOureSerSliderIndicatorCon
    .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 3px);
  }
  .voiletBoxConOurSerBrand {
    top: 7% !important;
  }
  /* Ui Ux Slider dot */
  .uiUxPrevNextSliderCon .swiper-button-next,
  .uiUxPrevNextSliderCon .swiper-button-prev {
    width: 25px;
    height: 25px;
  }
  .uiUxSliderIndicatorCon {
    left: 1.5%;
    top: -194px;
  }
  .uiUxPrevNextSliderCon {
    left: 21.2%;
    top: -206px;
  }
  .uiUxPrevNextSliderCon .swiper-button-next {
    right: 59.5% !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev {
    left: 20% !important;
  }
  .uiUxSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 12px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 12px)
    );
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.5);
  }

  /* UI Ux */
  .uiUxOurSerMainCOn {
    height: 810px;
    padding-top: 50px !important;
    margin-bottom: 0 !important;
  }
  #sliderChangeDesChangeUiUx {
    width: 38%;
    display: block;
    font-weight: 300;
    font-size: 15.5px;
    line-height: 22px;
    color: #6d6d6d;
    font-family: outfit;
    margin-top: 0px;
    text-align: left;
    position: absolute;
    top: 190px;
    left: 60%;
  }
  .ourServicesImgConVoiletImgUIUX {
    padding: 0;
    position: relative;
    top: 92px;
    left: 0%;
  }
  .ourServiceVideoCinematic .swiper .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: start;
  }
  .ourServiceVideoCinematic .swiper-slide .voiletBoxCon {
    width: 220px !important;
    height: 170px !important;
    padding-left: 30px;
    gap: 3px;
  }
  .ourServiceVideoCinematic .swiper-slide {
    height: 170px !important;
    display: flex;
    justify-content: start;
    align-items: self-start;
    cursor: pointer;
    transition: 0.5s ease-in;
  }
  .ourServiceVideoCinematic .swiper {
    width: 145%;
    height: 200px;
    position: absolute;
    top: 15%;
  }
  .ourServiceVideoCinematic .swiper-slide .voiletBoxCon .voiletBoxTitle {
    width: 160px !important;
  }
  .ourServiceVideoCinematic .swiper-slide-active {
    width: 257.5px !important;
    height: 200px !important;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxCon {
    width: 247.5px !important;
    height: 200px !important;
    gap: 4px;
    padding-left: 33px;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxIcon {
    width: 39px !important;
    height: 40px !important;
    object-fit: contain;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxTitle {
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
    width: 210px !important;
  }
  .sliderChangeDesChange {
    display: none;
  }
  .ourServicesImgConVoiletImgUIUX img {
    width: 86%;
    height: 500px;
    object-fit: cover;
    border-radius: 17px;
  }
  .viewMoreSampConImgUx {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 89%;
    left: calc(100% - 28vw);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .upDownImgSliderMainCOn {
    width: 100%;
    height: 2700px;
    background-image: url("../img/photo/mobileInter.webp");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0px;
    background-attachment: fixed;
    background-position-y: 9%;
  }
  .whyChoosePalUiUx {
    position: sticky;
    top: 95px;
    height: 0vh;
    padding-top: 110px;
  }
  .whyCooseBreak {
    font-weight: 200 !important;
  }
  .padd {
    padding-left: 40px;
    padding-right: 40px;
  }
  .whyChoosePalUiUxTitle {
    font-size: 38px;
    line-height: 125%;
  }
  .verticalBoxMainCon {
    padding-top: 150px;
  }
  .userCenteralDesignCon {
    width: 100%;
    height: 440px;
    padding: 35px 30px;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 25px;
    margin-bottom: 25px;
    position: sticky;
    top: 205px;
    overflow: visible;
    flex-direction: column;
  }
  .col-End {
    display: flex;
    justify-content: flex-end;
    padding: 0px 15px;
  }
  .userCenteralImg {
    width: 54px;
    height: 54px;
  }
  .userCenterInnerBoxText h4 {
    font-size: 31px;
  }
  .userCenterInnerBoxText p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 15px;
    padding-right: 2px;
  }
  .col-End {
    display: flex;
    justify-content: center;
    padding: 0px 15px;
  }

  .ourServiceVideoCinematic .swiper-slide .uiuxVoiletBox {
    width: 220px !important;
    height: 160px !important;
    padding-left: 30px;
    gap: 3px;
  }
}
.mil-muted {
  color: rgba(255, 255, 255, 0.9);
}
/*   Tablet   View   portrait  */

@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
  .readmoreBtn {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: grey;
    margin-bottom: 30px;
    /* position: absolute;
        bottom: 32px; */
  }

  .mobileOurSerOneBrandPack {
    height: 840px !important;
    padding-top: 40px !important;
    margin-bottom: 0 !important;
  }
  .readMoreText {
    margin-bottom: 0px !important;
  }
  .readMoreTextLineClampAdd {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 14;
    overflow: hidden;
    transition: 0.6s ease;
  }
  .footerAddressHeading {
    font-size: 22px;
  }
  /* Video */

  .mySwiperBrandVideo .swiper-button-next {
    right: 420px !important;
    display: none;
  }
  .mySwiperBrandVideo:hover .swiper-button-next {
    right: 420px !important;
  }
  .mySwiperBrandVideo .swiper-button-prev {
    left: 150px !important;
    display: none;
  }
  .mySwiperBrandVideo:hover .swiper-button-prev {
    left: 150px !important;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper {
    width: 195%;
    height: 285px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper-slide .ourFixSliderCon .videoSrc {
    width: 500px;
    height: 282px;
    border-radius: 22px;
  }
  .ourServiceBoxFixSliderMainConVideo .sliderChangePghCon {
    width: 99%;
    margin-top: 22px;
  }
  .ourServiceBoxFixSliderMainConVideo .sliderChangePghI {
    font-size: 15px;
    line-height: 22px;
  }
  .ourServiceBoxFixSliderMainConVideo .voiletBoxConOurSerBrand {
    width: 250px !important;
    height: 200px !important;
    top: 8%;
    left: 3%;
  }
  .mobileOurSerOneBrandPackVideo {
    height: 700px !important;
    padding-top: 50px !important;
    margin-bottom: 0 !important;
  }

  .otherPagesRenderLinkThree {
    padding-bottom: 20px !important;
  }
  .mil-service-card-sm {
    padding: 30px;
  }
  /* home */
  .otherPagesRenderLink {
    font-weight: 500;
    line-height: 115%;
    font-size: 22px !important;
  }
  .brBlock br {
    display: none !important;
  }
  .brBlock {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 45px;
  }
  .mil-frame {
    width: 95%;
  }
  .mil-banner {
    height: 100vh !important;
  }
  .mil-frame {
    padding: 0;
    z-index: 998;
    height: 90px;
  }
  .mil-preloader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
  }
  .Elevatingh2 {
    font-size: 46px !important;
  }
  .mil-frame .mil-frame-top {
    height: 90px;
    padding-left: 30px;
    padding-right: 34px;
  }
  .spixelSvg {
    width: 146px;
    height: 44px;
  }
  .mil-banner .mil-banner-content {
    padding-bottom: 40px;
  }

  .mil-soft-bg {
    overflow: hidden;
  }
  .leftRightSpaceWWithBG {
    background-color: #f3f3f3;
  }
  .leftRightSpaceWWith {
    width: 100%;
  }
  .leftRightSpace {
    width: 100%;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .leftRightSpaceWPadding {
    padding: 0 50px !important;
  }
  .scene {
    width: 300px;
    height: 300px;
    perspective: 20000px;
    position: absolute;
    top: -8%;
    left: 46%;
  }
  .sceneCor,
  .sceneCinematicV,
  .sceneUiUx {
    top: -14vh !important;
    left: 46% !important;
  }
  .scene2Cor,
  .scene2CinematicV,
  .scene2UiUx {
    left: 14% !important;
    top: 5vh !important;
  }
  .scene3Cor,
  .scene3CinematicV,
  .scene3UiUx {
    top: 4% !important;
    left: 86% !important;
  }
  .sceneUiUx {
    top: -14vh !important;
    left: 46% !important;
  }
  .scene2UiUx {
    left: 14% !important;
    top: 4vh !important;
  }
  .scene3UiUx {
    top: 40vh !important;
    left: 85% !important;
  }

  .face {
    position: absolute;
    width: 300px;
    height: 300px;
    box-sizing: border-box;
    border: 0.1px solid #000; /* Added #6C41FF outline  #909090*/
    opacity: 0.15;
  }
  .front {
    transform: rotateY(0deg) translateZ(150px);
  }
  .back {
    transform: rotateY(180deg) translateZ(150px);
  }
  .left {
    transform: rotateY(-90deg) translateZ(150px);
  }
  .right {
    transform: rotateY(90deg) translateZ(150px);
  }
  .top {
    transform: rotateX(90deg) translateZ(150px);
  }
  .bottom {
    transform: rotateX(-90deg) translateZ(150px);
  }
  .scene2 {
    width: 100px;
    height: 100px;
    perspective: 5000px;
    position: absolute;
    left: 10%;
    top: 4%;
  }

  .scene3 {
    width: 60px;
    height: 60px;
    perspective: 3500px;
    position: absolute;
    top: 40%;
    left: 83%;
  }
  .cardCounterIncreaseCon {
    width: 98%;
    height: 337px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 22px;
    margin: auto;
    margin-top: 30px;
  }
  .footer {
    padding-top: 35px;
  }

  /* Corporate */
  .mil-inner-banner .mil-banner-content {
    padding-top: 160px !important;
  }
  h1,
  .mil-h1,
  h2 {
    font-family: "Outfit", sans-serif;
    color: rgb(0, 0, 0);
    font-weight: 600;
    line-height: 122%;
    font-size: 54px;
  }
  .yourApproachTitle {
    font-size: 27px !important;
  }
  .mil-muted {
    color: rgba(255, 255, 255, 0.9);
  }

  .sceneBrand {
    top: -2% !important;
    left: 46% !important;
  }
  .scene2Brand {
    left: 10% !important;
    top: 0.4% !important;
  }
  .scene3Brand {
    top: 7.5% !important;
    left: 86% !important;
  }
  .corporateSecOneImg img,
  .sectionTwoCOnExe img {
    width: 102%;
    object-fit: contain;
    margin-bottom: 0px;
  }
  .pghText {
    font-size: 15px;
    line-height: 23px;
  }
  .mil-mb-90 {
    margin-bottom: 50px;
  }
  .ourServicesImgConViewMore img {
    width: 100%;
    height: 570px;
    object-fit: cover;
    border-radius: 17px;
  }
  .ourServiceCorporateSliderMain {
    position: relative;
    padding-bottom: 0px;
  }
  .ourServiceCorporateSliderMain .swiper {
    width: 132%;
    height: 200px;
  }
  .ourServiceCorporateSliderMain .swiper-slide {
    height: 160px !important;
    border-radius: 10px;
  }
  .ourServiceCorporateSliderMain .swiper-slide .voiletBoxConOurSer {
    width: 210px !important;
    height: 160px !important;
    padding-left: 20px;
    gap: 2px;
  }
  .ourServiceCorporateSliderMain
    .swiper-slide
    .voiletBoxConOurSer
    .voiletBoxTitle {
    width: 160px;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active {
    width: 237.5px !important;
    height: 180px !important;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxConOurSer {
    width: 237.5px !important;
    padding-left: 28px;
    height: 180px !important;
    gap: 5px;
  }
  .ourServiceCorporateSliderMain h4 {
    margin-bottom: 28px !important;
    font-size: 36px !important;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxIcon {
    width: 36px;
    height: 37px;
    object-fit: contain;
  }
  .voiletBoxIcon {
    width: 29px;
    height: 29px;
    object-fit: contain;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxTitle {
    font-size: 21px;
    font-weight: 400;
    line-height: 23px;
    width: 190px !important;
  }
  .voiletBoxTitle {
    font-size: 17px;
    line-height: 19px;
    margin-top: 5px;
  }
  #sliderChangeDesChangeOurSer {
    width: 96%;
    font-size: 15px;
    line-height: 23px;
    margin-top: 20px;
  }
  .ourServicecopMainCOn {
    height: 750px;
  }
  .viewMoreSampConImgViewMore {
    width: 136px;
    height: 31px;
    background: rgb(255, 255, 255);
    border-radius: 34px;
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
    top: 90%;
    left: calc(66% - 13%);
  }
  .viewMoreText {
    font-size: 12px;
    font-weight: 500;
    font-family: outfit;
    line-height: 15px;
  }
  /* voiletBox */
  .voiletBoxLeftImgCon {
    position: sticky;
    top: 0;
    height: 108vh !important;
    padding-top: 120px;
  }
  .leftSideImg {
    width: 100%;
    height: 60vh;
    object-fit: cover;
    border-radius: 16px;
  }
  .sectionMainCon {
    height: 3050px;
  }
  .opacityCon {
    height: 3050px;
  }
  .pinkBoxMainCon {
    height: 3050px;
    padding-left: 35px;
  }
  .rightSidePinkBox {
    position: relative;
    margin-bottom: 25px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    transition: 1s ease-in;
  }
  .pinkBoxCon {
    width: 100%;
    height: 300px;
    border: 1px solid rgba(255, 255, 255, 0.304);
    background-color: #b91f4b;
    padding: 20px;
    opacity: 0.3;
  }
  .headingSubHeadPinkBoxCon h4 {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: white;
    margin: 8px 0;
    font-family: outfit;
  }
  .showActiveInActiveBoxCon {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 104%;
  }
  .dotTwo {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #b91f4b;
    border: 1.5px solid rgba(255, 255, 255, 0.304);
    position: absolute;
    top: 11%;
    left: -40px;
  }
  .voiletDotActive {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.304);
    position: absolute;
    top: 8.5%;
    left: -45px;
  }
  .rightSidePinkBoxFirstBox {
    margin-top: 200px;
  }
  .dotActive {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.304);
    position: absolute;
    top: 9.2%;
    left: -10px;
  }
  .boxActive {
    opacity: 1;
    transition: 1s ease;
  }
  .boxInActive {
    opacity: 0.3;
  }
  .otherServiceFirstBox {
    padding: 30px !important;
  }
  .pr-75 {
    padding-right: 30px;
  }

  /* BrandingPack */

  .voiletBoxConOurSerBrand {
    width: 320px !important;
    height: 250px !important;
    border-radius: 10px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    z-index: 2;
    position: absolute;
    top: 8%;
    gap: 10px;
  }
  .voiletBoxConOurSerInn {
    padding-left: 20px;
  }
  .voiletBoxIconImgOur {
    width: 50px;
    height: 52px;
    object-fit: contain;
  }
  .voiletBoxTitleOurSer {
    font-family: outfit;
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    margin-top: 6px;
  }
  .voiletBoxConOurHideBox {
    width: 280px;
    height: 280px;
    opacity: 0;
  }
  .ourServiceBoxFixSliderMainCon .swiper {
    width: 160%;
    height: 332px;
  }
  .ourServiceBoxFixSliderMainCon .swiper-slide {
    background-color: #f3f3f3;
    justify-content: start;
  }
  .ourServiceBoxFixSliderMainCon .swiper-slide .ourFixSliderCon img {
    /* width: 100% !important; */
    width: 440px !important;
    height: 330px !important;
    border-radius: 24px;
  }
  .brandingOureSerSliderIndicatorCon {
    position: relative;
    left: -68%;
    top: 2px;
  }
  .brandingOureSerSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 14px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 14px)
    );
  }
  .viewMoreSampConImgSlider {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 84%;
    left: 67%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .viewMoreTextSlider {
    font-size: 12px;
    font-weight: 500;
    font-family: outfit;
    line-height: 15px;
  }
  .sliderChangePghCon {
    width: 73%;
    overflow: hidden;
    margin-top: 36px;
  }
  /*  */

  .imgHoverUpDownSliderMainCOn {
    width: 100%;
    height: 920px;
    background-image: url("../img/photo/blue-background-design.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0 !important;
  }

  .allImgHoverEffectMainCon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
  }
  .imageHoverMainCon {
    align-items: end;
    display: flex;
    justify-content: flex-start;
    gap: 18px;
  }
  .imagesHoverBoxOne {
    width: 40.5vw;
    height: 230px;
    border-radius: 25px;
  }
  .imagesHoverBoxOne:hover {
    border-radius: 25px;
  }
  /* Box One */
  .imagesHoverBoxOneMouseOver {
    width: 44.5vw !important;
    height: 250px !important;
  }
  .imagesHoverBoxTwoBoxOneMouseOver {
    width: 22vw !important;
    height: 315px !important;
  }
  .slideImgTitleTwoOneMoseOver {
    height: 315px !important;
  }
  .imagesHoverBoxThreeBoxOneMouseOver {
    width: 30vw;
    height: 300px !important;
  }
  .imagesHoverBoxFourBoxOneMouseOver {
    width: 31vw;
    height: 190.7px !important;
  }
  .imagesHoverBoxFiveBoxOneMouseOver {
    height: 335px !important;
  }
  .imagesHoverBoxInnerTextCon .slideImgTitle,
  .slideImgTitleTwo,
  .slideImgTitleThree,
  .slideImgTitleFour {
    font-size: 22px;
    font-family: outfit;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    text-align: left;
    position: relative;
    padding: 18px 26px;
    height: 335px;
  }
  .slideImgTitleThree {
    height: 360px !important;
  }
  br {
    display: block !important;
  }

  .imagesHoverBoxInnerTextConFive {
    width: 29vw;
    height: 138px;
  }
  .slideImgTitleFive {
    font-size: 22px;
    line-height: 28px;
    padding: 27px 15px;
    height: 374px;
  }
  .pr-120 {
    padding: 30px;
  }
  .imagesHoverBoxInnerTextCon .slideImgDesc,
  .slideImgDescTwo,
  .slideImgDescThree,
  .slideImgDescFour,
  .slideImgDescFive {
    font-size: 14px;
    font-family: outfit;
    font-weight: 300;
    line-height: 19px;
    color: #fff;
    position: relative;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 10;
    /* padding: 0px 0px 38px 0px; */
    padding: 30px 0px 30px 25px;
  }

  .imageHoverMainConTwo {
    align-items: start;
    display: flex;
    justify-content: flex-start;
    gap: 18px;
    margin-left: 40px;
    margin-top: 18px;
  }
  .imagesHoverBoxTwo {
    width: 24.2vw;
    height: 340px;
    border-radius: 25px;
  }

  /* Box Two */
  .imagesHoverBoxTwoMouseOver {
    width: 38vw !important;
    height: 223px !important;
  }
  .imagesHoverBoxTwoBoxTwoMouseOver {
    width: 31vw !important;
    height: 400px !important;
  }
  .imagesHoverBoxThreeBoxTwoMouseOver {
    width: 31vw !important;
    height: 320px !important;
  }
  .imagesHoverBoxFourBoxTwoMouseOver {
    width: 32vw !important;
    height: 220px !important;
  }
  .imagesHoverBoxFiveBoxTwoMouseOver {
    width: 29vw !important;
    height: 390px !important;
  }
  .imagesHoverBoxTwo:hover {
    border-radius: 25px;
  }

  .imagesHoverBoxThree {
    width: 29vw;
    height: 330px;
    border-radius: 25px;
  }
  .imagesHoverBoxThree:hover {
    border-radius: 25px;
  }
  /* Box Three */
  .imagesHoverBoxThreeMouseOver {
    width: 43vw !important;
    height: 200px !important;
  }
  .imagesHoverBoxTwoBoxThreeMouseOver {
    width: 26vw !important;
    height: 325px !important;
  }
  .slideImgTitleTwoThreeMoseOver {
    height: 335px !important;
  }
  .imagesHoverBoxThreeBoxThreeMouseOver {
    width: 37vw !important;
    height: 370px !important;
  }
  .imagesHoverBoxFourBoxThreeMouseOver {
    width: 27vw !important;
    height: 205px !important;
  }

  .imagesHoverBoxFour {
    width: 30vw;
    height: 220px;
    border-radius: 25px;
  }
  .imagesHoverBoxFour:hover {
    border-radius: 25px;
  }
  /* Box Four */
  .imagesHoverBoxFourMouseOver {
    width: 40vw !important;
    height: 210px !important;
  }
  .imagesHoverBoxTwoBoxFourMouseOver {
    width: 29.5vw !important;
    height: 320px !important;
  }
  .slideImgTitleTwoFourMoseOver {
    height: 320px !important;
  }
  .imagesHoverBoxThreeBoxFourMouseOver {
    width: 28vw !important;
    height: 370px !important;
  }
  .imagesHoverBoxFourBoxFourMouseOver {
    width: 36vw !important;
    height: 260px !important;
  }
  .imagesHoverBoxFiveBoxFourMouseOver {
    width: 23vw !important;
    height: 370px !important;
  }

  .imagesHoverBoxFive {
    width: 23vw;
    height: 370px;
    border-radius: 25px;
  }
  .imagesHoverBoxFive:hover {
    border-radius: 25px;
  }
  /* Box Five */
  .imagesHoverBoxFiveMouseOver {
    width: 35vw !important;
    height: 230px !important;
  }
  .imagesHoverBoxTwoBoxFiveMouseOver {
    width: 22vw !important;
    height: 340px !important;
  }
  .slideImgTitleTwoFiveMoseOver {
    height: 340px !important;
  }
  .imagesHoverBoxThreeBoxFiveMouseOver {
    width: 26vw !important;
    height: 345px !important;
  }
  .imagesHoverBoxFourBoxFiveMouseOver {
    width: 25.3vw !important;
    height: 205px !important;
  }
  .imagesHoverBoxFiveBoxFiveMouseOver {
    width: 34vw !important;
    height: 410px !important;
  }

  .slideImgTitleThreeMouseOver {
    padding-top: 2px !important;
  }
  .slideImgTitleThreeMouseOverSec {
    padding-top: 72px !important;
  }
  .slideImgTitleFivesMouseOver {
    padding-left: 20px !important;
    height: 344px !important;
  }
  .mil-button {
    -webkit-transform: scale(1.015) !important;
    transform: scale(1.015) !important;
    -webkit-filter: brightness(110%) !important;
    filter: brightness(110%) !important;
    opacity: 1 !important;
  }
  .homePghBanner {
    font-weight: 100;
    /* width: 150% !important; */
  }
  .unleashingTitle {
    width: 90%;
    line-height: 140% !important;
  }

  /* cinematic */
  .ourServiceVideoCinematicVideo .swiper {
    width: 145% !important;
    height: 200px !important;
  }
  .ourServiceVideoCinematicVideo .swiper-slide {
    height: 170px !important;
  }
  .ourServiceVideoCinematicVideo .swiper-slide .voiletBoxCon {
    width: 220px !important;
    height: 170px !important;
    padding-left: 30px;
    padding-right: 0px;
    gap: 3px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide .voiletBoxCon .voiletBoxTitle {
    width: 170px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active {
    width: 257.5px !important;
    height: 200px !important;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxCon {
    width: 247.5px !important;
    height: 200px !important;
    gap: 4px;
    padding-left: 33px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxIcon {
    width: 39px !important;
    height: 40px !important;
    object-fit: contain;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxTitle {
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
    width: 210px !important;
  }
  .ourServicesImgConVoiletImg {
    position: relative;
    top: -11%;
    left: -2%;
  }
  .ourServicesImgConVoiletImg img {
    z-index: -1;
    width: 100%;
    height: 380px;
    border-radius: 16px;
    object-fit: cover;
  }
  .viewMoreSampConImg {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 85%;
    left: calc(100% - 55vw);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .mil-mt-35 {
    margin-top: 25px;
  }
  #sliderChangeDesChange {
    font-weight: 300;
    line-height: 21px;
    color: #6d6d6d;
    font-family: outfit;
    font-size: 15px !important;
  }
  .cinematicOurSerCon {
    height: 780px;
    padding-top: 40px !important;
    margin-bottom: 0 !important;
  }

  /* box hover increase with */

  .slideImgBoxMainCon {
    gap: 22px;
  }
  .slideImgBoxCon {
    width: 350px;
    height: 440px;
    border-radius: 40px;
    background-image: url("../img/photo/girlLookLaptop.webp");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 35px;
    transition: all 0.8s ease-in-out;
    gap: 12px;
    overflow: hidden;
    position: relative;
  }
  .threeEightZero {
    width: 350px !important;
  }
  .oneThreeFive {
    width: 90px !important;
  }
  .paddingSixtyFiftyFive {
    padding: 35px 4vw !important;
  }
  .paddingFiftyEightFourty {
    padding: 28px 2vw !important;
  }
  .slideImgBoxCons {
    width: 90px;
    height: 440px;
    border-radius: 40px;
    background-image: url("../img/photo/efficent.webp");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 20px;
    transition: all 0.8s ease-in-out;
    gap: 12px;
    overflow: hidden;
    position: relative;
  }
  .slideImgBoxInnerCon {
    width: 230px;
    height: 380px;
    z-index: 2;
    cursor: pointer;
    position: relative;
    margin-top: 20px;
  }
  .opacityConInImageSlider {
    background: black;
    opacity: 0.4;
    height: 470px;
    width: 420px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
  }
  .slideImgBoxConsThree {
    background-image: url("../img/photo/enagmeent.webp");
  }
  .slideImgBoxConsFour {
    background-image: url("../img/photo/technologyIntegrition.webp");
  }
  .slideImgBoxConsFive {
    background-image: url("../img/photo/impactfulfact.webp");
  }
  .slideImgTitle br,
  .slideImgDescs br {
    display: none !important;
  }
  .purpleImgSliderMainCOn {
    width: 100%;
    height: 750px;
  }
  .slideImgBoxInnerCons {
    width: 230px;
    height: 380px;
    z-index: 2;
    cursor: pointer;
    position: relative;
    margin-top: 20px;
  }
  .animatedSlideImgIcon {
    width: 45px;
    height: 47px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
  }
  .animatedSlideImgIcons {
    width: 45px;
    height: 47px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    opacity: 0;
  }
  .slideImgTitle {
    font-size: 24px;
    font-family: outfit;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    text-align: left;
    position: relative;
    padding: 0px 0px;
    /* padding: 18px 40px; */
    display: block;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    /* height: 300px; */
  }
  .slideImgTitles {
    font-size: 24px;
    font-family: outfit;
    font-weight: 400;
    line-height: 28px;
    margin: 10px 0 12px 0;
    color: #fff;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 2;
  }
  .slideImgDesc {
    font-size: 16px;
    font-family: outfit;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
    position: relative;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    z-index: 10;
    padding: 0;
    margin-right: 0;
  }
  .slideImgDescs {
    font-size: 15px;
    font-family: outfit;
    font-weight: 300;
    line-height: 19px;
    color: #fff;
    /* margin-right: 30px; */
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 2;
  }
  .animatedSlideImgIconCh {
    width: 45px;
    height: 47px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 84%;
    z-index: 2;
  }

  /* UI Ux */
  .uiUxOurSerMainCOn {
    height: 810px;
    padding-top: 50px !important;
    margin-bottom: 0 !important;
  }
  #sliderChangeDesChangeUiUx {
    width: 38%;
    display: block;
    font-weight: 300;
    font-size: 15.5px;
    line-height: 22px;
    color: #6d6d6d;
    font-family: outfit;
    margin-top: 0px;
    text-align: left;
    position: absolute;
    top: 190px;
    left: 60%;
  }
  .ourServicesImgConVoiletImgUIUX {
    padding: 0;
    position: relative;
    top: 92px;
    left: 0%;
  }
  .ourServiceVideoCinematic .swiper .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: start;
  }
  .ourServiceVideoCinematic .swiper-slide .voiletBoxCon {
    width: 220px !important;
    height: 170px !important;
    padding-left: 30px;
    gap: 3px;
  }
  .ourServiceVideoCinematic .swiper-slide {
    height: 170px !important;
    display: flex;
    justify-content: start;
    align-items: self-start;
    cursor: pointer;
    transition: 0.5s ease-in;
  }
  .ourServiceVideoCinematic .swiper {
    width: 145%;
    height: 200px;
    position: absolute;
    top: 15%;
  }
  .ourServiceVideoCinematic .swiper-slide .voiletBoxCon .voiletBoxTitle {
    width: 160px !important;
  }
  .ourServiceVideoCinematic .swiper-slide-active {
    width: 257.5px !important;
    height: 200px !important;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxCon {
    width: 247.5px !important;
    height: 200px !important;
    gap: 4px;
    padding-left: 33px;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxIcon {
    width: 39px !important;
    height: 40px !important;
    object-fit: contain;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxTitle {
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
    width: 210px !important;
  }
  .sliderChangeDesChange {
    display: none;
  }
  .ourServicesImgConVoiletImgUIUX img {
    width: 86%;
    height: 500px;
    object-fit: cover;
    border-radius: 17px;
  }
  .viewMoreSampConImgUx {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 89%;
    left: calc(100% - 28vw);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .upDownImgSliderMainCOn {
    width: 100%;
    height: 2700px;
    background-image: url("../img/photo/mobileInter.webp");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0px;
    background-attachment: fixed;
    background-position-y: 9%;
  }
  .whyChoosePalUiUx {
    position: sticky;
    top: 95px;
    height: 0vh;
    padding-top: 110px;
  }
  .whyCooseBreak {
    font-weight: 200 !important;
  }
  .padd {
    padding-left: 40px;
    padding-right: 40px;
  }
  .whyChoosePalUiUxTitle {
    font-size: 38px;
    line-height: 125%;
  }
  .verticalBoxMainCon {
    padding-top: 150px;
  }
  .userCenteralDesignCon {
    width: 100%;
    height: 440px;
    padding: 35px 30px;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 25px;
    margin-bottom: 25px;
    position: sticky;
    top: 205px;
    overflow: visible;
    flex-direction: column;
  }
  .col-End {
    display: flex;
    justify-content: flex-end;
    padding: 0px 15px;
  }
  .userCenteralImg {
    width: 54px;
    height: 54px;
  }
  .userCenterInnerBoxText h4 {
    font-size: 31px;
  }
  .userCenterInnerBoxText p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 15px;
    padding-right: 2px;
  }
  .col-End {
    display: flex;
    justify-content: center;
    padding: 0px 15px;
  }

  /* Portfolios */
  .sideLinkCon h5 br {
    display: none !important;
  }
  .sideBarMainCon {
    height: 80vh;
    background-color: #ffffff;
    border-radius: 18px;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: start;
    align-items: end;
    box-shadow: 1px 1px 30px #8080804a;
    position: fixed;
    top: 130px;
    left: 3%;
    width: 95px;
    padding-bottom: 15px;
    opacity: 0.94;
  }
  .sideLinkMainCon {
    height: 75vh;
    overflow: scroll;
    padding-left: 20px;
    width: 95px;
    /* border: 1px solid red; */
  }
  .sideLinkCon h5 {
    display: none;
  }
  .sideLinkCon:hover {
    background-color: #ededed;
    border-radius: 5px;
    transition: all 0.5s;
  }
  .sideLinkConActive {
    background-color: #6c41ff;
    border-radius: 5px;
  }
  .sideLinkConActive h5 {
    color: white !important;
  }
  .sideLinkConActive:hover {
    background-color: #6c41ff !important;
  }
  .sideLinkCon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding-left: 14px;
    height: 52px;
    width: 56px;
    margin-bottom: 0px;
    transition: all 0.5s;
  }
  .sideLinkCon :last-child {
    border-bottom: 0;
  }

  .sideLinkCon .activeImgTitleCOn img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    cursor: pointer;
  }
  .sideLinkConActive .activeImgTitleCOn img {
    filter: invert(150%) brightness(125%);
  }
  .sideLinkCon h5 {
    font-size: 14px;
    font-family: outfit;
    font-weight: 400;
    line-height: 119%;
    color: #414042;
    cursor: pointer;
  }
  .sliderHeadingCon {
    width: 77vw;
    margin-top: 50px;
  }
  .sliderHeadingCon h2 {
    font-size: 35px;
    font-family: outfit;
    font-weight: 200;
    line-height: 60px;
    color: #000000;
    margin-bottom: 25px;
  }

  /* what we do */

  .bg-linearGradient {
    height: fit-content;
  }
  .leftRightSpaceWhat {
    width: 100%;
    padding: 0 22px 0 10px !important;
  }
  .whatweDoLeftSideSvg {
    height: 1200px;
    object-fit: contain;
    width: 100%;
    margin-bottom: 50px;
  }
  .bg-imgMobileV {
    height: 480px;
    background-image: url("../img/photo/Services_banner.webp");
    background-repeat: no-repeat;
    width: 100%;
    background-position: 65% 0.1%;
    background-size: cover;
  }
  .padd-topWhat {
    padding-top: 0px !important;
    padding-bottom: 60px;
  }
  .bg-Img {
    background-image: inherit;
    background-repeat: inherit;
    width: inherit;
    background-position: inherit;
    background-size: inherit;
  }

  .whatWeDoMainLinksHeading {
    line-height: 125% !important;
    font-size: 25px !important;
  }
  .mil-service-list {
    display: none;
  }
  .lineClampPghWhatWeDo {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    transition: 0.6s ease;
  }
  .corporateDesignwhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-bottom: 0 !important;
    border-right: 0 !important;
    height: 325px;
  }
  .mil-service-card-lg.mil-offset {
    margin-bottom: 0px !important;
  }
  .cinematicVideowhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-bottom: 0 !important;
    height: 325px;
  }
  .brandingwhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-right: 0 !important;
    height: 325px;
  }
  .uiUxwhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    height: 325px;
  }
  .whatWeDoDTitleThCon,
  .padd-topWhat {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .arrowUPDownCon {
    display: none;
  }
}

@media screen and (min-device-width: 768px) and (max-device-width: 950px) {
  /* home bottom slider Start */
  /* ONENNENEE   Addd*/
  .videoOneAdd {
    width: 100% !important;
    height: 300px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoTWoAdd,
  .videoTHreeAdd {
    width: 100% !important;
    height: 110px !important;
    transition: all 0.8s ease-in-out;
  }

  /* height */
  .videoOneAdd #videoParis {
    height: 300px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoTWoAdd #videoCounDown,
  .videoTHreeAdd #videoBaby {
    height: 110px !important;
    transition: all 0.8s ease-in-out;
  }

  /* TWO Add */
  .videoTWoAddTWo {
    width: 100% !important;
    height: 300px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoOneAddTWo,
  .videoTHreeAddTWo {
    height: 110px !important;
    transition: all 0.8s ease-in-out;
    width: 100% !important;
  }
  .videoOneAddTWo,
  .videoTWoAddTWo,
  .videoTHreeAddTWo {
    width: 100% !important;
  }
  /* height */
  .videoTWoAddTWo #videoCounDown {
    height: 300px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoOneAddTWo #videoParis,
  .videoTHreeAddTWo #videoBaby {
    height: 110px !important;
    transition: all 0.8s ease-in-out;
  }
  /* THREE ADD */
  .videoTHreeAddThree {
    width: 100% !important;
    height: 300px !important;
    transition: all 0.8s ease-in-out;
  }

  .videoOneAddThree,
  .videoTWoAddThree,
  .videoTHreeAddThree {
    width: 100% !important;
  }
  .videoTHreeAddThree #videoBaby {
    height: 300px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoOneAddThree,
  .videoTWoAddThree {
    width: 100% !important;
    height: 110px !important;
    transition: all 0.8s ease-in-out;
  }
  .videoTWoAddThree #videoCounDown,
  .videoOneAddThree #videoParis {
    height: 110px !important;
    transition: all 0.8s ease-in-out;
  }

  /* END */
  /* slider inner content width */
  .sliderInnerContentWidth {
    width: 88vmax;
  }
  /*  */
  .videoMainCon {
    height: 110px;
    border-radius: 25px;
  }
  #videoParis {
    height: 300px;
    transition: all 0.8s ease-in-out;
  }
  #videoBaby,
  #videoCounDown {
    height: 110px;
    transition: all 0.8s ease-in-out;
  }
  .videoMainCon .videoTag {
    height: 110px;
    width: 100%;
    border-radius: 25px;
  }
  .iconTitleCon {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 25px;
  }
  .videoMainCon::before {
    content: "";
    height: 300px;
    width: 100%;
    border-radius: 25px;
  }
  #videoOne {
    width: 100%;
    height: 300px;
  }
  #videoTwo {
    width: 100%;
  }
  #videoThree {
    width: 100%;
  }
  #videoNoTextOne,
  #videoNoTextTwo,
  #videoNoTextThree {
    font-size: 22px;
  }
  .imgSlider-COntent {
    gap: 25px;
    padding: 20px;
    padding-top: 32px;
    padding-left: 40px;
  }

  .sliderHeading-bott {
    font-size: 28px;
    font-weight: 500;
    line-height: 35px;
    word-break: break-word;
  }
  #titleOne {
    line-height: 28px;
    font-size: 20px;
  }
  #titleTwo,
  #titleThree {
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
  }
  .homeBottomSectionSliderCon {
    gap: 25px;
    flex-direction: column;
  }
  .iconTitleCon {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 25px;
  }
  /* home bottom slider end */
}

/* Brand hover img size increasw */
@media screen and (min-device-width: 850px) and (max-device-width: 1023px) {
  .readmoreBtn {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: grey;
    margin-bottom: 30px;
    /* position: absolute;
          bottom: 32px; */
  }
  .iframeCinematicMotion {
    width: 100%;
    height: 520px;
  }
  .readMoreText {
    margin-bottom: 0px !important;
  }
  .readMoreTextLineClampAdd {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 14;
    overflow: hidden;
    transition: 0.6s ease;
  }
  .sceneBrand {
    top: -2% !important;
    left: 46% !important;
  }
  .footerAddressHeading {
    font-size: 22px;
  }
  .scene2Brand {
    left: 10% !important;
    top: 0.4% !important;
  }
  .scene3Brand {
    top: 7% !important;
    left: 86% !important;
  }
  .sceneUiUx {
    top: -14vh !important;
    left: 50% !important;
  }
  .scene2UiUx {
    left: 14% !important;
    top: 4vh !important;
  }
  .scene3UiUx {
    top: 40vh !important;
    left: 85% !important;
  }
  .homePghBanner {
    font-weight: 100;
    /* width: 150% !important; */
  }
  .mil-service-card-sm {
    padding: 30px;
  }
  .unleashingTitle {
    width: 85%;
    line-height: 140% !important;
  }

  .viewMoreSampConImgViewMore {
    width: 136px;
    height: 31px;
    background: rgb(255, 255, 255);
    border-radius: 34px;
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
    top: 90%;
    left: calc(72% - 13%);
  }
  .viewMoreText {
    font-size: 12px;
    font-weight: 500;
    font-family: outfit;
    line-height: 15px;
  }
  /* BrandingPack */

  .voiletBoxConOurSerBrand {
    width: 320px !important;
    height: 250px !important;
    border-radius: 10px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    z-index: 2;
    position: absolute;
    top: 7% !important;
    gap: 10px;
  }
  .voiletBoxConOurSerInn {
    padding-left: 20px;
  }
  .voiletBoxIconImgOur {
    width: 50px;
    height: 52px;
    object-fit: contain;
  }
  .voiletBoxTitleOurSer {
    font-family: outfit;
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    margin-top: 6px;
  }
  .voiletBoxConOurHideBox {
    width: 280px;
    height: 280px;
    opacity: 0;
  }
  .ourServiceBoxFixSliderMainCon .swiper {
    width: 160%;
    height: 332px;
  }
  .ourServiceBoxFixSliderMainCon .swiper-slide {
    background-color: #f3f3f3;
    justify-content: start;
  }
  .ourServiceBoxFixSliderMainCon .swiper-slide .ourFixSliderCon img {
    width: 480px !important;
    /* width: 100% !important;  */
    height: 330px !important;
    border-radius: 24px;
  }
  .brandingOureSerSliderIndicatorCon {
    position: relative;
    left: -68%;
    top: 2px;
  }
  .brandingOureSerSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 14px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 14px)
    );
  }
  .viewMoreSampConImgSlider {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 84%;
    left: 67%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .viewMoreTextSlider {
    font-size: 12px;
    font-weight: 500;
    font-family: outfit;
    line-height: 15px;
  }
  .sliderChangePghCon {
    width: 73%;
    overflow: hidden;
    margin-top: 36px;
  }
  /*  */

  .imgHoverUpDownSliderMainCOn {
    width: 100%;
    height: 970px;
    background-image: url("../img/photo/blue-background-design.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0 !important;
  }

  .allImgHoverEffectMainCon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
  }
  .imageHoverMainCon {
    align-items: end;
    display: flex;
    justify-content: flex-start;
    gap: 18px;
  }
  .imagesHoverBoxOne {
    width: 36.5vw;
    height: 240px;
    border-radius: 25px;
  }
  .imagesHoverBoxOne:hover {
    border-radius: 25px;
  }
  /* Box One */
  .imagesHoverBoxOneMouseOver {
    width: 40.5vw !important;
    height: 260px !important;
  }
  .imagesHoverBoxTwoBoxOneMouseOver {
    width: 20vw !important;
    height: 310px !important;
  }
  .slideImgTitleTwoOneMoseOver {
    height: 315px !important;
  }
  .imagesHoverBoxThreeBoxOneMouseOver {
    width: 30vw !important;
    height: 300px !important;
  }
  .imagesHoverBoxFourBoxOneMouseOver {
    width: 31vw !important;
    height: 190.7px !important;
  }
  .imagesHoverBoxFiveBoxOneMouseOver {
    height: 335px !important;
  }
  .slideImgTitleThreeMouseOver {
    padding-top: 2px !important;
  }
  .slideImgTitleThreeMouseOverSec {
    padding-top: 72px !important;
  }
  .slideImgTitleFivesMouseOver {
    padding-left: 25px !important;
    height: 342px !important;
  }
  .imagesHoverBoxInnerTextCon .slideImgTitle,
  .slideImgTitleTwo,
  .slideImgTitleThree,
  .slideImgTitleFour {
    font-size: 22px;
    font-family: outfit;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    text-align: left;
    position: relative;
    padding: 18px 26px;
    height: 300px;
  }

  .slideImgTitleTwo {
    height: 310px !important;
  }
  .imagesHoverBoxInnerTextConFive {
    width: 29vw !important;
    height: 138px !important;
  }
  .slideImgTitleFive {
    font-size: 22px;
    line-height: 28px;
    padding: 27px 15px;
    height: 374px;
  }
  .pr-120 {
    padding: 30px;
  }
  .imagesHoverBoxInnerTextCon .slideImgDesc,
  .slideImgDescTwo,
  .slideImgDescThree,
  .slideImgDescFour,
  .slideImgDescFive {
    font-size: 14px;
    font-family: outfit;
    font-weight: 300;
    line-height: 19px;
    color: #fff;
    position: relative;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 10;
    /* padding: 0px 0px 38px 0px; */
    padding: 30px 0px 30px 25px;
  }

  .imageHoverMainConTwo {
    align-items: start;
    display: flex;
    justify-content: flex-start;
    gap: 18px;
    margin-left: 50px;
    margin-top: 18px;
  }
  .imagesHoverBoxTwo {
    width: 23vw;
    height: 340px;
    border-radius: 25px;
  }

  /* Box Two */
  .imagesHoverBoxTwoMouseOver {
    width: 36vw !important;
    height: 220px !important;
  }
  .imagesHoverBoxTwoBoxTwoMouseOver {
    width: 31vw !important;
    height: 370px !important;
  }
  .imagesHoverBoxThreeBoxTwoMouseOver {
    width: 29vw !important;
    height: 320px !important;
  }
  .imagesHoverBoxFourBoxTwoMouseOver {
    width: 32vw !important;
    height: 220px !important;
  }
  .imagesHoverBoxFiveBoxTwoMouseOver {
    width: 29vw !important;
    height: 390px !important;
  }
  .imagesHoverBoxTwo:hover {
    border-radius: 25px;
  }

  .imagesHoverBoxThree {
    width: 26vw;
    height: 320px;
    border-radius: 25px;
  }
  .imagesHoverBoxThree:hover {
    border-radius: 25px;
  }
  /* Box Three */
  .imagesHoverBoxThreeMouseOver {
    width: 39vw !important;
    height: 210px !important;
  }
  .imagesHoverBoxTwoBoxThreeMouseOver {
    width: 26.5vw !important;
    height: 325px !important;
  }
  .slideImgTitleTwoThreeMoseOver {
    height: 325px !important;
  }
  .imagesHoverBoxThreeBoxThreeMouseOver {
    width: 34vw !important;
    height: 370px !important;
  }
  .imagesHoverBoxFourBoxThreeMouseOver {
    width: 26vw !important;
    height: 205px !important;
  }

  .imagesHoverBoxFour {
    width: 28vw;
    height: 220px;
    border-radius: 25px;
  }
  .imagesHoverBoxFour:hover {
    border-radius: 25px;
  }
  /* Box Four */
  .imagesHoverBoxFourMouseOver {
    width: 40vw !important;
    height: 210px !important;
  }
  .imagesHoverBoxTwoBoxFourMouseOver {
    width: 29.5vw !important;
    height: 320px !important;
  }
  .slideImgTitleTwoFourMoseOver {
    height: 320px !important;
  }
  .imagesHoverBoxThreeBoxFourMouseOver {
    width: 28vw !important;
    height: 370px !important;
  }
  .imagesHoverBoxFourBoxFourMouseOver {
    width: 36vw !important;
    height: 260px !important;
  }
  .imagesHoverBoxFiveBoxFourMouseOver {
    width: 23vw !important;
    height: 370px !important;
  }

  .imagesHoverBoxFive {
    width: 23vw;
    height: 370px;
    border-radius: 25px;
  }
  .imagesHoverBoxFive:hover {
    border-radius: 25px;
  }
  /* Box Five */
  .imagesHoverBoxFiveMouseOver {
    width: 35vw !important;
    height: 230px !important;
  }
  .imagesHoverBoxTwoBoxFiveMouseOver {
    width: 22vw !important;
    height: 340px !important;
  }
  .slideImgTitleTwoFiveMoseOver {
    height: 340px !important;
  }
  .imagesHoverBoxThreeBoxFiveMouseOver {
    width: 26vw !important;
    height: 320px !important;
  }
  .imagesHoverBoxFourBoxFiveMouseOver {
    width: 25.3vw !important;
    height: 205px !important;
  }
  .imagesHoverBoxFiveBoxFiveMouseOver {
    width: 34vw !important;
    height: 410px !important;
  }

  /* cinematic */
  .ourServiceVideoCinematicVideo .swiper {
    width: 145% !important;
    height: 200px !important;
  }
  .ourServiceVideoCinematicVideo .swiper-slide {
    height: 170px !important;
  }
  .ourServiceVideoCinematicVideo .swiper-slide .voiletBoxCon {
    width: 220px !important;
    height: 170px !important;
    padding-left: 30px;
    padding-right: 0px;
    gap: 3px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide .voiletBoxCon .voiletBoxTitle {
    width: 170px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active {
    width: 257.5px !important;
    height: 200px !important;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxCon {
    width: 247.5px !important;
    height: 200px !important;
    gap: 4px;
    padding-left: 33px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxIcon {
    width: 39px !important;
    height: 40px !important;
    object-fit: contain;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxTitle {
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
    width: 210px !important;
  }
  .ourServicesImgConVoiletImg {
    position: relative;
    top: -11%;
    left: -2%;
  }
  .ourServicesImgConVoiletImg img {
    z-index: -1;
    width: 90%;
    height: 380px;
    border-radius: 16px;
    object-fit: cover;
  }
  .viewMoreSampConImg {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 85%;
    left: calc(100% - 56vw);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .mil-mt-35 {
    margin-top: 25px;
  }
  #sliderChangeDesChange {
    font-weight: 300;
    line-height: 21px;
    color: #6d6d6d;
    font-family: outfit;
    font-size: 15px !important;
  }
  .cinematicOurSerCon {
    height: 770px;
    padding-top: 50px !important;
    margin-bottom: 0 !important;
  }
  .mobileOurSerOneBrandPack {
    height: 840px !important;
    padding-top: 50px !important;
    margin-bottom: 0 !important;
  }
  /* hover box size increase */

  .slideImgBoxMainCon {
    gap: 25px;
    justify-content: center;
  }
  .slideImgBoxCon {
    width: 350px;
    height: 440px;
    border-radius: 40px;
    background-image: url("../img/photo/girlLookLaptop.webp");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 35px;
    transition: all 0.8s ease-in-out;
    gap: 12px;
    overflow: hidden;
    position: relative;
  }
  .threeEightZero {
    width: 350px !important;
  }
  .oneThreeFive {
    width: 90px !important;
  }
  .paddingSixtyFiftyFive {
    padding: 35px 4vw !important;
  }
  .paddingFiftyEightFourty {
    padding: 28px 2.5vw !important;
  }
  .slideImgBoxCons {
    width: 90px;
    height: 440px;
    border-radius: 40px;
    background-image: url("../img/photo/efficent.webp");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 20px;
    transition: all 0.8s ease-in-out;
    gap: 12px;
    overflow: hidden;
    position: relative;
  }
  .slideImgBoxInnerCon {
    width: 245px;
    height: 380px;
    z-index: 2;
    cursor: pointer;
    position: relative;
    margin-top: 20px;
  }
  .opacityConInImageSlider {
    background: black;
    opacity: 0.4;
    height: 470px;
    width: 420px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
  }
  .slideImgBoxConsThree {
    background-image: url("../img/photo/enagmeent.webp");
  }
  .slideImgBoxConsFour {
    background-image: url("../img/photo/technologyIntegrition.webp");
  }
  .slideImgBoxConsFive {
    background-image: url("../img/photo/impactfulfact.webp");
  }
  .slideImgTitle br,
  .slideImgDescs br {
    display: none !important;
  }
  .purpleImgSliderMainCOn {
    width: 100%;
    height: 750px;
  }
  .slideImgBoxInnerCons {
    width: 245px;
    height: 380px;
    z-index: 2;
    cursor: pointer;
    position: relative;
    margin-top: 20px;
  }
  .animatedSlideImgIcon {
    width: 45px;
    height: 47px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
  }
  .animatedSlideImgIcons {
    width: 45px;
    height: 47px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    opacity: 0;
  }
  .slideImgTitle {
    font-size: 24px;
    font-family: outfit;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    text-align: left;
    position: relative;
    padding: 0px 0px;
    /* padding: 18px 40px; */
    display: block;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    /* height: 300px; */
  }
  .slideImgTitles {
    font-size: 24px;
    font-family: outfit;
    font-weight: 400;
    line-height: 28px;
    margin: 10px 0 12px 0;
    color: #fff;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 2;
  }
  .slideImgDesc {
    font-size: 16px;
    font-family: outfit;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
    position: relative;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    z-index: 10;
    padding: 0;
    margin-right: 0;
  }
  .slideImgDescs {
    font-size: 15px;
    font-family: outfit;
    font-weight: 300;
    line-height: 19px;
    color: #fff;
    /* margin-right: 30px; */
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 2;
  }
  .animatedSlideImgIconCh {
    width: 45px;
    height: 47px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 84%;
    z-index: 2;
  }
  .sectionTitle {
    margin-left: 2%;
  }

  /* UI Ux */
  .uiUxOurSerMainCOn {
    height: 810px;
    padding-top: 50px !important;
    margin-bottom: 0 !important;
  }
  #sliderChangeDesChangeUiUx {
    width: 38%;
    display: block;
    font-weight: 300;
    font-size: 15.5px;
    line-height: 22px;
    color: #6d6d6d;
    font-family: outfit;
    margin-top: 0px;
    text-align: left;
    position: absolute;
    top: 190px;
    left: 60%;
  }
  .ourServicesImgConVoiletImgUIUX {
    padding: 0;
    position: relative;
    top: 92px;
    left: 0%;
  }
  .ourServiceVideoCinematic .swiper .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: start;
  }
  .ourServiceVideoCinematic .swiper-slide .voiletBoxCon {
    width: 220px !important;
    height: 170px !important;
    padding-left: 30px;
    gap: 3px;
  }

  .ourServiceVideoCinematic .swiper-slide .uiuxVoiletBox {
    width: 220px !important;
    height: 160px !important;
    padding-left: 30px;
    gap: 3px;
  }
  .ourServiceVideoCinematic .swiper-slide {
    height: 170px !important;
    display: flex;
    justify-content: start;
    align-items: self-start;
    cursor: pointer;
    transition: 0.5s ease-in;
  }
  .ourServiceVideoCinematic .swiper {
    width: 145%;
    height: 200px;
    position: absolute;
    top: 15%;
  }
  .ourServiceVideoCinematic .swiper-slide .voiletBoxCon .voiletBoxTitle {
    width: 160px !important;
  }
  .ourServiceVideoCinematic .swiper-slide-active {
    width: 257.5px !important;
    height: 200px !important;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxCon {
    width: 247.5px !important;
    height: 200px !important;
    gap: 4px;
    padding-left: 33px;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxIcon {
    width: 39px !important;
    height: 40px !important;
    object-fit: contain;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxTitle {
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
    width: 210px !important;
  }
  .sliderChangeDesChange {
    display: none;
  }
  .ourServicesImgConVoiletImgUIUX img {
    width: 86%;
    height: 500px;
    object-fit: cover;
    border-radius: 17px;
  }
  .viewMoreSampConImgUx {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 89%;
    left: calc(100% - 26vw);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .upDownImgSliderMainCOn {
    width: 100%;
    height: 2550px;
    background-image: url("../img/photo/mobileInter.webp");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0px;
    background-attachment: fixed;
    background-position-y: 9%;
  }
  .whyChoosePalUiUx {
    position: sticky;
    top: 95px;
    height: 0vh;
    padding-top: 110px;
  }
  .whyCooseBreak {
    font-weight: 200 !important;
  }
  .padd {
    padding-left: 40px;
    padding-right: 40px;
  }
  .whyChoosePalUiUxTitle {
    font-size: 38px;
    line-height: 125%;
  }
  .verticalBoxMainCon {
    padding-top: 150px;
  }
  .userCenteralDesignCon {
    width: 100%;
    height: 390px;
    padding: 35px 30px;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 25px;
    margin-bottom: 25px;
    position: sticky;
    top: 205px;
    overflow: visible;
    flex-direction: column;
  }
  .col-End {
    display: flex;
    justify-content: flex-end;
    padding: 0px 15px;
  }
  .userCenteralImg {
    width: 54px;
    height: 54px;
  }
  .userCenterInnerBoxText h4 {
    font-size: 31px;
  }
  .userCenterInnerBoxText p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 15px;
    padding-right: 2px;
  }
  .col-End {
    display: flex;
    justify-content: center;
    padding: 0px 15px;
  }
  .mil-p-120-60 {
    padding-top: 90px;
    padding-bottom: 60px;
  }

  /* Portfolios */
  .sideLinkCon h5 br {
    display: none !important;
  }
  .sideBarMainCon {
    height: 80vh;
    background-color: #ffffff;
    border-radius: 18px;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: start;
    align-items: end;
    box-shadow: 1px 1px 30px #8080804a;
    position: fixed;
    top: 130px;
    left: 3%;
    width: 95px;
    padding-bottom: 15px;
    /* opacity: 0.94; */
  }
  .sideLinkMainCon {
    height: 75vh;
    overflow: scroll;
    padding-left: 20px;
    width: 95px;
    /* border: 1px solid red; */
  }
  .sideLinkCon h5 {
    display: none;
  }
  .sideLinkCon:hover {
    background-color: #ededed;
    border-radius: 5px;
    transition: all 0.5s;
  }
  .sideLinkConActive {
    background-color: #6c41ff;
    border-radius: 5px;
  }
  .sideLinkConActive h5 {
    color: white !important;
  }
  .sideLinkConActive:hover {
    background-color: #6c41ff !important;
  }
  .sideLinkCon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding-left: 14px;
    height: 52px;
    width: 56px;
    margin-bottom: 0px;
    transition: all 0.5s;
  }
  .arrowUPDownCon {
    display: none;
  }
  .sideLinkConActive {
    width: 84% !important;
  }
  .sideLinkCon :last-child {
    border-bottom: 0;
  }
  .sideLinkCon .activeImgTitleCOn img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    cursor: pointer;
  }
  .sideLinkConActive .activeImgTitleCOn img {
    filter: invert(150%) brightness(125%);
  }
  .sideLinkCon h5 {
    font-size: 14px;
    font-family: outfit;
    font-weight: 400;
    line-height: 119%;
    color: #414042;
    cursor: pointer;
  }
  .sliderHeadingCon {
    width: 77vw;
    margin-top: 50px;
  }
  .sliderHeadingCon h2 {
    font-size: 35px;
    font-family: outfit;
    font-weight: 200;
    line-height: 60px;
    color: #000000;
    margin-bottom: 25px;
  }

  /* what we do */

  .bg-linearGradient {
    height: fit-content;
  }
  .leftRightSpaceWhat {
    width: 100%;
    padding: 0 22px 0 10px !important;
  }
  .whatweDoLeftSideSvg {
    height: 1200px;
    object-fit: contain;
    width: 100%;
    margin-bottom: 50px;
  }
  .bg-imgMobileV {
    height: 550px;
    background-image: url("../img/photo/Services_banner.webp");
    background-repeat: no-repeat;
    width: 100%;
    background-position: 65% 0.1%;
    background-size: cover;
  }
  .whatWeDoDTitleTh br {
    display: block !important;
  }
  .padd-topWhat {
    padding-top: 0px !important;
    padding-bottom: 80px;
  }
  .bg-Img {
    background-image: inherit;
    background-repeat: inherit;
    width: inherit;
    background-position: inherit;
    background-size: inherit;
  }
  .whatWeDoMainLinksHeading br {
    display: block !important;
  }
  .whatWeDoMainLinksHeading {
    line-height: 135% !important;
    font-size: 26px !important;
  }
  .mil-service-list {
    display: none;
  }
  .lineClampPghWhatWeDo {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    transition: 0.6s ease;
  }
  .corporateDesignwhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-bottom: 0 !important;
    border-right: 0 !important;
    height: 340px;
  }
  .mil-service-card-lg.mil-offset {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .cinematicVideowhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-bottom: 0 !important;
    height: 340px;
  }
  .brandingwhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-right: 0 !important;
    height: 340px;
  }
  .uiUxwhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    height: 340px;
  }
  .whatWeDoDTitleThCon,
  .padd-topWhat {
    padding-left: 65px !important;
    padding-right: 55px !important;
  }
  .whatweDoLeftSideSvg {
    display: none;
  }
  .whatweDoLeftSideSvgHorizontal {
    display: block;
    height: auto;
    object-fit: contain;
    width: 100%;
    margin: 50px 0 80px 0;
  }

  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2.5px);
  }
  .mySwiperCor .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 12px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 12px)
    );
  }
  .mySwiperCor .swiper-button-next,
  .mySwiperCor .swiper-button-prev {
    width: 26px;
    height: 26px;
  }
  .mySwiperCor .swiper-button-prev:after,
  .mySwiperCor .swiper-button-next:after {
    font-size: 13px;
    font-weight: 600;
  }
  .mySwiperCor .swiper-button-next {
    right: 40px !important;
    top: 89%;
    opacity: 1;
  }
  .mySwiperCor .swiper-button-prev {
    left: 262px !important;
    opacity: 1;
    top: 89%;
  }
  .mySwiperCor .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 19px;
    left: 110px;
    width: 100%;
  }

  /* Cinematice Video Animation */

  .mySwiperBrandPreNextSliderCon {
    position: relative;
    left: -48%;
    top: -26px;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-next {
    right: 57% !important;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-prev {
    left: 19% !important;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-next,
  .mySwiperBrandPreNextSliderCon .swiper-button-prev,
  .uiUxPrevNextSliderCon .swiper-button-next,
  .uiUxPrevNextSliderCon .swiper-button-prev {
    width: 28px;
    height: 28px;
  }
  .brandingOureSerSliderIndicatorCon {
    position: relative;
    left: -63.5%;
    top: -2px;
  }
  .brandingOureSerSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 13px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 13px)
    );
  }

  .mySwiperBrandPreNextSliderCon .swiper-button-prev:after,
  .mySwiperBrandPreNextSliderCon .swiper-button-next:after,
  .uiUxPrevNextSliderCon .swiper-button-prev:after,
  .uiUxPrevNextSliderCon .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
  }
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 3px);
  }
  /* UiUx */
  .uiUxSliderIndicatorCon {
    left: -2.5%;
    top: -194px;
  }
  .uiUxPrevNextSliderCon {
    left: 17.2%;
    top: -206px;
  }
  .uiUxPrevNextSliderCon .swiper-button-next {
    right: 59.5% !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev {
    left: 20% !important;
  }
  .uiUxSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 13px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 13px)
    );
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.5);
  }
}

@media screen and (min-device-width: 950px) and (max-device-width: 1023px) {
  /* home bottom slider Start */
  /* ONENNENEE   Addd*/
  .videoOneAdd {
    width: 60% !important;
  }
  .iframeCinematicMotion {
    width: 100%;
    height: 560px;
  }
  .videoTWoAdd {
    width: 20% !important;
  }
  .videoTHreeAdd {
    width: 20% !important;
  }
  /* TWO Add */
  .videoOneAddTWo {
    width: 20% !important;
  }
  .videoTWoAddTWo {
    width: 60% !important;
  }
  .videoTHreeAddTWo {
    width: 20% !important;
  }
  /* THREE ADD */
  .videoOneAddThree {
    width: 20% !important;
  }
  .videoTWoAddThree {
    width: 20% !important;
  }
  .videoTHreeAddThree {
    width: 60% !important;
  }
  /* END */
  /* slider inner content width */
  .sliderInnerContentWidth {
    width: 50vmax;
  }
  /*  */
  .videoMainCon .videoTag {
    height: 370px;
    width: 100%;
    border-radius: 25px;
  }
  .videoMainCon::before {
    content: "";
    height: 370px;
    width: 100%;
    border-radius: 25px;
  }
  #videoOne {
    width: 60%;
  }
  #videoTwo {
    width: 20%;
  }
  #videoThree {
    width: 20%;
  }
  #videoNoTextOne,
  #videoNoTextTwo,
  #videoNoTextThree {
    font-size: 22px;
  }
  .imgSlider-COntent {
    gap: 15px;
    padding: 20px;
    padding-top: 32px;
  }
  #titleOne {
    line-height: 25px;
    font-size: 18px;
  }
  .sliderHeading-bott {
    font-size: 23px;
    font-weight: 500;
    line-height: 30px;
    word-break: break-word;
  }
  #titleTwo,
  #titleThree {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
  }
  .homeBottomSectionSliderCon {
    gap: 15px;
  }
  /* home bottom slider end */
}

@media screen and (min-device-width: 880px) and (max-device-width: 910px) {
  /* UIUx */
  .uiUxPrevNextSliderCon {
    left: 15.5%;
    top: -206px;
  }
  .uiUxSliderIndicatorCon {
    left: -4.5%;
    top: -194px;
  }
  .uiUxPrevNextSliderCon .swiper-button-next {
    right: 60% !important;
  }
}

@media screen and (min-device-width: 910px) and (max-device-width: 1023px) {
  .uiUxPrevNextSliderCon {
    left: 15%;
    top: -206px;
  }
  .uiUxSliderIndicatorCon {
    left: -6.4%;
    top: -194px;
  }
}

/* dot voilet  */
@media screen and (min-device-width: 880px) and (max-device-width: 1023px) {
  .homePghBanner {
    font-weight: 100;
    /* width: 150% !important; */
  }
  .dotTwo {
    left: -37px !important;
  }
  .mil-button {
    -webkit-transform: scale(1.015) !important;
    transform: scale(1.015) !important;
    -webkit-filter: brightness(110%) !important;
    filter: brightness(110%) !important;
    opacity: 1 !important;
  }
  .mil-frame {
    padding: 0;
    z-index: 998;
    height: 90px;
  }
  .mil-preloader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
  }
  .voiletDotActive {
    left: -42px !important;
  }
}

@media only screen and (max-width: 992px) {
  .blogHero-SimpleIdeas {
    height: 280px;
    width: 100%;
    object-fit: cover;
  }
  .simpleIdeasForPre {
    position: absolute;
    top: 35%;
    left: 10%;
  }
  .softwareIconCon h6 {
    font-size: 20px;
    margin-top: 5px;
  }
  .ml-35 {
    margin-left: 5px;
  }
  .blogSub-Zero {
    font-family: Outfit;
    font-weight: 700;
    font-size: 120px;
    line-height: 130px;
  }

  .mySwiperCinematicSlider .swiper-button-next,
  .mySwiperCinematicSlider .swiper-button-prev {
    opacity: 0 !important;
  }
  .mySwiperBrand .swiper-button-next,
  .mySwiperBrand .swiper-button-prev {
    opacity: 0 !important;
  }
  .mySwiperBrandVideo .swiper-button-next,
  .mySwiperBrandVideo .swiper-button-prev {
    opacity: 0 !important;
  }
  .ourServicesImgConViewMore {
    position: relative;
    width: 100%;
    height: inherit;
    overflow: inherit;
    border-radius: 20px;
  }

  .ourServicesImgConViewMore img:hover {
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    transition: 0.5s ease;
  }
  .blogHero-SubImg-unlock {
    height: auto;
    width: 100%;
    object-fit: cover;
  }
  .blogHero-SubImg-look {
    height: 325px;
    width: 100%;
    object-fit: cover;
  }
  .tipTicks {
    position: absolute;
    top: 30%;
  }
  .blogHero-SubImg-infographic {
    height: fit-content;
    width: 100%;
    object-fit: cover;
  }
}

/* Tablet View   LandScape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: landscape) {
  .mil-frame {
    padding: 0;
    z-index: 998;
    height: 90px;
  }
  .footerAddressHeading {
    font-size: 22px;
  }
  .mil-service-card-sm p {
    opacity: 1;
  }
  .mil-button {
    -webkit-transform: scale(1.015) !important;
    transform: scale(1.015) !important;
    -webkit-filter: brightness(110%) !important;
    filter: brightness(110%) !important;
  }
  .mil-banner {
    height: 100vh !important;
  }
  .pr-120 {
    padding: 30px;
  }
  .mil-preloader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
  }
  .Elevatingh2 {
    font-size: 52px !important;
  }
  .mil-frame {
    width: 95%;
  }

  .mil-frame .mil-frame-top {
    height: 90px;
    padding-left: 30px;
    padding-right: 34px;
  }
  .spixelSvg {
    width: 165px;
    height: 50px;
  }
  .mil-banner .mil-banner-content {
    /* padding-bottom: 130px; */
    padding-bottom: 0;
    padding-top: 70px;
  }

  .mil-soft-bg {
    overflow: hidden;
  }
  .leftRightSpaceWWithBG {
    background-color: #f3f3f3;
  }
  .leftRightSpaceWWith {
    width: 100%;
  }
  .leftRightSpace {
    width: 100%;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .leftRightSpaceWPadding {
    padding: 0 50px !important;
  }
  .sceneCor,
  .sceneCinematicV {
    top: -12vh !important;
    left: 46% !important;
  }
  .scene3Cor,
  .scene3CinematicV {
    top: 4% !important;
    left: 86% !important;
  }
  .scene2Cor,
  .scene2CinematicV {
    left: 14% !important;
    top: 5vh !important;
  }
  .scene {
    width: 300px;
    height: 300px;
    perspective: 20000px;
    position: absolute;
    top: -8%;
    left: 46%;
  }

  .face {
    position: absolute;
    width: 300px;
    height: 300px;
    box-sizing: border-box;
    border: 0.1px solid #000; /* Added #6C41FF outline  #909090*/
    opacity: 0.15;
  }

  .front {
    transform: rotateY(0deg) translateZ(150px);
  }
  .back {
    transform: rotateY(180deg) translateZ(150px);
  }
  .left {
    transform: rotateY(-90deg) translateZ(150px);
  }
  .right {
    transform: rotateY(90deg) translateZ(150px);
  }
  .top {
    transform: rotateX(90deg) translateZ(150px);
  }
  .bottom {
    transform: rotateX(-90deg) translateZ(150px);
  }

  .scene2 {
    width: 100px;
    height: 100px;
    perspective: 5000px;
    position: absolute;
    left: 14%;
    top: 3%;
  }

  .scene3 {
    width: 60px;
    height: 60px;
    perspective: 3500px;
    position: absolute;
    top: 36%;
    left: 86%;
  }
  .sceneHome {
    top: -6% !important;
  }
  .scene2Home {
    top: 4% !important;
  }
  .scene3Home {
    top: 40% !important;
    left: 85% !important;
  }
  .cardCounterIncreaseCon {
    width: 100%;
    height: 335px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 22px;
    margin: auto;
    margin-top: 30px;
  }
  .footer {
    padding-top: 35px;
  }

  /*  */

  .corporateSecOneImg img,
  .sectionTwoCOnExe img {
    width: 102%;
    object-fit: contain;
    margin-bottom: 0px;
  }
  .ourServicesImgConViewMore img {
    width: 100%;
    height: 570px;
    object-fit: cover;
    border-radius: 17px;
  }
  .ourServiceCorporateSliderMain {
    position: relative;
    padding-bottom: 0px;
  }
  .ourServiceCorporateSliderMain .swiper {
    width: 132%;
    height: 200px;
  }
  .ourServiceCorporateSliderMain .swiper-slide {
    height: 150px !important;
    border-radius: 10px;
  }
  .ourServiceCorporateSliderMain .swiper-slide .voiletBoxConOurSer {
    width: 210px !important;
    height: 150px !important;
    padding-left: 20px;
    gap: 2px;
  }
  .ourServiceCorporateSliderMain
    .swiper-slide
    .voiletBoxConOurSer
    .voiletBoxTitle {
    width: 160px;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active {
    width: 237.5px !important;
    height: 180px !important;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxConOurSer {
    width: 237.5px !important;
    padding-left: 28px;
    height: 180px !important;
    gap: 5px;
  }
  .ourServiceCorporateSliderMain h4 {
    margin-bottom: 28px !important;
    font-size: 36px !important;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxIcon {
    width: 36px;
    height: 37px;
    object-fit: contain;
  }
  .voiletBoxIcon {
    width: 29px;
    height: 29px;
    object-fit: contain;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxTitle {
    font-size: 21px;
    font-weight: 400;
    line-height: 23px;
    width: 190px !important;
  }
  .voiletBoxTitle {
    font-size: 17px;
    line-height: 19px;
    margin-top: 5px;
  }
  .ourServicecopMainCOn {
    height: 750px;
  }
  .viewMoreSampConImgViewMore {
    width: 136px;
    height: 31px;
    background: rgb(255, 255, 255);
    border-radius: 34px;
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
    top: 90%;
    left: calc(72% - 13%);
  }
  .viewMoreText {
    font-size: 12px;
    font-weight: 500;
    font-family: outfit;
    line-height: 15px;
  }

  /* voiletBox */
  .voiletBoxLeftImgCon {
    position: sticky;
    top: 0;
    height: 90vh !important;
    padding-top: 120px;
    border: 1px solid transparent;
  }
  .leftSideImg {
    width: 100%;
    height: 60vh;
    object-fit: cover;
    border-radius: 16px;
  }
  .sectionMainCon {
    height: 3050px;
  }
  .opacityCon {
    height: 3050px;
  }
  .pinkBoxMainCon {
    height: 2900px;
    /* border:1px solid red; */
    padding-left: 35px;
  }
  .rightSidePinkBox {
    position: relative;
    margin-bottom: 25px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    transition: 1s ease-in;
  }
  .pinkBoxCon {
    width: 100%;
    height: 260px;
    border: 1px solid rgba(255, 255, 255, 0.304);
    background-color: #b91f4b;
    padding: 20px;
    opacity: 0.3;
  }
  .headingSubHeadPinkBoxCon h4 {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: white;
    margin: 8px 0;
    font-family: outfit;
  }
  .showActiveInActiveBoxCon {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 104%;
  }
  .dotTwo {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #b91f4b;
    border: 1.5px solid rgba(255, 255, 255, 0.304);
    position: absolute;
    top: 11%;
    left: -36px;
  }
  .voiletDotActive {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.304);
    position: absolute;
    top: 8.5%;
    left: -40px;
  }
  .boxActive {
    opacity: 1;
    transition: 1s ease;
  }
  .boxInActive {
    opacity: 0.3;
  }
  .rightSidePinkBoxFirstBox {
    margin-top: 200px;
  }
  .dotActive {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.304);
    position: absolute;
    top: 8%;
    left: -10px;
  }
  .mil-muted br {
    display: none;
  }
  .pr-75 {
    padding-right: 30px;
  }
  .otherServiceFirstBox {
    padding: 30px !important;
  }

  /* hover box size increase */

  .slideImgBoxMainCon {
    gap: 25px;
    justify-content: center;
  }
  .slideImgBoxCon {
    width: 350px;
    height: 440px;
    border-radius: 40px;
    background-image: url("../img/photo/girlLookLaptop.webp");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 35px;
    transition: all 0.8s ease-in-out;
    gap: 12px;
    overflow: hidden;
    position: relative;
  }
  .threeEightZero {
    width: 350px !important;
  }
  .oneThreeFive {
    width: 90px !important;
  }
  .paddingSixtyFiftyFive {
    padding: 35px 4vw !important;
  }
  .paddingFiftyEightFourty {
    padding: 28px 2.5vw !important;
  }
  .slideImgBoxCons {
    width: 90px;
    height: 440px;
    border-radius: 40px;
    background-image: url("../img/photo/efficent.webp");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 20px;
    transition: all 0.8s ease-in-out;
    gap: 12px;
    overflow: hidden;
    position: relative;
  }
  .slideImgBoxInnerCon {
    width: 245px;
    height: 380px;
    z-index: 2;
    cursor: pointer;
    position: relative;
    margin-top: 20px;
  }
  .opacityConInImageSlider {
    background: black;
    opacity: 0.4;
    height: 470px;
    width: 420px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
  }
  .slideImgBoxConsThree {
    background-image: url("../img/photo/enagmeent.webp");
  }
  .slideImgBoxConsFour {
    background-image: url("../img/photo/technologyIntegrition.webp");
  }
  .slideImgBoxConsFive {
    background-image: url("../img/photo/impactfulfact.webp");
  }
  .slideImgTitle br,
  .slideImgDescs br {
    display: none !important;
  }
  .purpleImgSliderMainCOn {
    width: 100%;
    height: 750px;
  }
  .slideImgBoxInnerCons {
    width: 245px;
    height: 380px;
    z-index: 2;
    cursor: pointer;
    position: relative;
    margin-top: 20px;
  }
  .animatedSlideImgIcon {
    width: 45px;
    height: 47px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
  }
  .animatedSlideImgIcons {
    width: 45px;
    height: 47px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    opacity: 0;
  }
  .slideImgTitle {
    font-size: 24px;
    font-family: outfit;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    text-align: left;
    position: relative;
    padding: 0px 0px;
    /* padding: 18px 40px; */
    display: block;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    /* height: 300px; */
  }
  .slideImgTitles {
    font-size: 24px;
    font-family: outfit;
    font-weight: 400;
    line-height: 28px;
    margin: 10px 0 12px 0;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 2;
  }
  .slideImgDesc {
    font-size: 16px;
    font-family: outfit;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
    position: relative;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    z-index: 10;
    padding: 0;
    margin-right: 0;
  }
  .slideImgDescs {
    font-size: 15px;
    font-family: outfit;
    font-weight: 300;
    line-height: 19px;
    color: #fff;
    /* margin-right: 30px; */
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 2;
  }
  .animatedSlideImgIconCh {
    width: 45px;
    height: 47px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 84%;
    z-index: 2;
  }
  .sectionTitle {
    margin-left: 2%;
  }
  /* video  */

  .mySwiperBrandVideo .swiper-button-next {
    right: 420px !important;
    display: none;
  }
  .mySwiperBrandVideo:hover .swiper-button-next {
    right: 420px !important;
  }
  .mySwiperBrandVideo .swiper-button-prev {
    left: 150px !important;
    display: none;
  }
  .mySwiperBrandVideo:hover .swiper-button-prev {
    left: 150px !important;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper {
    width: 185%;
    height: 328px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper-slide .ourFixSliderCon .videoSrc {
    width: 563px;
    height: 317px;
    border-radius: 22px;
  }
  .sliderChangePghCon {
    width: 93%;
    margin-top: 22px;
  }
  .voiletBoxConOurSerBrand {
    width: 270px !important;
    height: 230px !important;
    top: 10%;
    left: 3%;
  }
  .mobileOurSerOneBrandPackVideo {
    height: 800px !important;
    padding-top: 50px !important;
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .cardCounterIncreaseCon {
    width: 90%;
    height: 150px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    gap: 0px;
    margin: auto;
    margin-top: 22px;
  }
  .softwareIconCon h6 {
    font-size: 22pxpx;
    margin-top: 5px;
  }
  .mil-mobile-hidden {
    display: none;
  }
  .mil-service-card-sm p {
    opacity: 1;
  }
  .cardOneIncrese,
  .cardThreeIncrese {
    margin-left: 40px;
    width: 94% !important;
  }
  .cardCounterIncreaseIcon {
    width: 74px !important;
    height: 74px !important;
    object-fit: contain;
  }
  .cardCounterIncreaseNumTitle,
  .cardCounterIncreaseNumTitleFive {
    font-size: 40px;
    font-weight: 600;
    font-family: outfit;
    line-height: 52px;
    color: white;
    text-align: center;
  }
  .cardCounterIncreaseBottomDesc {
    font-size: 24px;
    font-weight: 300;
    font-family: outfit;
    line-height: 30px;
    color: white;
    text-align: center;
  }
  .otherPagesRenderLink {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .viewMoreSampConImg {
    left: calc(100% - 56vw);
  }
  /* UI UX */
  .mil-p-120-60 {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  #sliderChangeDesChangeUiUx {
    width: 32%;
    display: block;
    font-weight: 300;
    font-size: 15.5px;
    line-height: 22px;
    color: #6d6d6d;
    font-family: outfit;
    margin-top: 0px;
    text-align: left;
    position: absolute;
    top: 190px;
    left: 68%;
  }
  .ourServicesImgConVoiletImgUIUX img {
    width: 96%;
    height: 500px;
    object-fit: cover;
    border-radius: 17px;
  }
  .uiUxOurSerMainCOn {
    height: 820px;
    padding-top: 50px !important;
    margin-bottom: 0 !important;
  }
  .viewMoreSampConImgUx {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 89%;
    left: calc(100% - 19vw);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .userCenteralDesignCon {
    width: 100%;
    height: 370px;
  }
  .whyChoosePalUiUxTitle {
    font-size: 42px;
    line-height: 125%;
  }
  .upDownImgSliderMainCOn {
    height: 2400px;
  }
  .ourServicesImgConVoiletImgUIUX {
    padding: 0;
    position: relative;
    top: 92px;
    left: -52%;
  }
  .padd {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* Portfolios */
  .mil-portfolio-item.mil-slider-item .mil-descr {
    justify-content: end;
    height: 150px;
    padding: 0 30px;
    gap: 30px;
  }
  .mil-descr .mil-button {
    padding: 0 15px 0 25px;
    height: 62px;
  }
  .mil-portfolio-nav {
    padding: 0px 25px;
    height: 150px;
  }
  .mil-descr .mil-button svg {
    margin-left: 20px;
    width: 35px;
    height: 35px;
    padding: 8px;
  }
  .sliderHeadingCon {
    width: 78vw;
    margin-top: 50px;
  }
  /* What we do */
  .whatWeDoDTitleTh {
    font-size: 58px !important;
  }
  .padd-topWhat {
    padding-top: 0px !important;
    padding-bottom: 90px;
  }
  .whatweDoLeftSideSvg {
    display: none;
  }

  .mySwiperBrandVideo .swiper-button-next {
    right: 420px !important;
    display: none;
  }
  .mySwiperBrandVideo:hover .swiper-button-next {
    right: 420px !important;
  }
  .mySwiperBrandVideo .swiper-button-prev {
    left: 150px !important;
    display: none;
  }
  .mySwiperBrandVideo:hover .swiper-button-prev {
    left: 150px !important;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper {
    width: 185%;
    height: 368px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper-slide .ourFixSliderCon .videoSrc {
    width: 640px;
    height: 360px;
    border-radius: 22px;
  }
  .sliderChangePghCon {
    width: 93%;
    margin-top: 22px;
  }
  .voiletBoxConOurSerBrand {
    width: 300px !important;
    height: 250px !important;
    top: 11%;
    left: 3%;
  }
  #sliderChangeDesChangeOurSer {
    margin-top: 24px;
  }

  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 3px);
  }
  .mySwiperCor .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 13px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 13px)
    );
  }
  .mySwiperCor .swiper-button-next,
  .mySwiperCor .swiper-button-prev {
    width: 28px;
    height: 28px;
  }
  .mySwiperCor .swiper-button-prev:after,
  .mySwiperCor .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
  }
  .mySwiperCor .swiper-button-next {
    right: 22% !important;
    top: 89%;
    opacity: 1;
  }
  .mySwiperCor .swiper-button-prev {
    left: 45% !important;
    opacity: 1;
    top: 89%;
  }
  .mySwiperCor .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 18px;
    left: 65px;
    width: 100%;
  }

  /* Cinematice Video Animation */

  .mySwiperBrandPreNextSliderCon {
    position: relative;
    left: -48%;
    top: -26px;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-next {
    right: 57% !important;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-prev {
    left: 19% !important;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-next,
  .mySwiperBrandPreNextSliderCon .swiper-button-prev,
  .uiUxPrevNextSliderCon .swiper-button-next,
  .uiUxPrevNextSliderCon .swiper-button-prev {
    width: 28px;
    height: 28px;
  }
  .brandingOureSerSliderIndicatorCon {
    position: relative;
    left: -63.5%;
    top: -2px;
  }
  .brandingOureSerSliderIndicatorCon .swiper-pagination-bullet,
  .uiUxSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 13px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 13px)
    );
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-prev:after,
  .mySwiperBrandPreNextSliderCon .swiper-button-next:after,
  .uiUxPrevNextSliderCon .swiper-button-prev:after,
  .uiUxPrevNextSliderCon .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
  }

  /* UiUx */
  .uiUxSliderIndicatorCon {
    left: -10.5%;
    top: -194px;
  }
  .uiUxPrevNextSliderCon {
    left: 10.8%;
    top: -206px;
  }
  .uiUxPrevNextSliderCon .swiper-button-next {
    right: 62.5% !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev {
    left: 20% !important;
  }

  /* home bottom slider Start */

  /* ONENNENEE   Addd*/
  .videoOneAdd {
    width: 60% !important;
  }
  .videoTWoAdd {
    width: 20% !important;
  }
  .videoTHreeAdd {
    width: 20% !important;
  }
  /* TWO Add */
  .videoOneAddTWo {
    width: 20% !important;
  }
  .videoTWoAddTWo {
    width: 60% !important;
  }
  .videoTHreeAddTWo {
    width: 20% !important;
  }
  /* THREE ADD */

  .videoOneAddThree {
    width: 20% !important;
  }
  .videoTWoAddThree {
    width: 20% !important;
  }
  .videoTHreeAddThree {
    width: 60% !important;
  }
  /* END */
  /* slider inner content width */
  .sliderInnerContentWidth {
    width: 50vmax;
  }
  /*  */
  .videoMainCon .videoTag {
    height: 370px;
    width: 100%;
    border-radius: 40px;
  }
  .videoMainCon::before {
    content: "";
    height: 370px;
    width: 100%;
    border-radius: 40px;
  }
  #videoOne {
    width: 60%;
  }
  #videoTwo {
    width: 20%;
  }

  #videoThree {
    width: 20%;
  }
  #videoNoTextOne,
  #videoNoTextTwo,
  #videoNoTextThree {
    font-size: 22px;
  }
  .imgSlider-COntent {
    gap: 15px;
    padding: 22px;
    padding-top: 34px;
  }
  #titleOne {
    line-height: 25px;
    font-size: 18px;
  }
  .sliderHeading-bott {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    word-break: break-word;
  }
  #titleTwo,
  #titleThree {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
  }

  /* home bottom slider end */
}

/* @media only screen and (min-width : 1024px) and (max-width : 1200px){
.mil-service-card-sm p {
  opacity: 1;
}
.otherPagesRenderLink{
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

}
.cardCounterIncreaseCon {
  width: 100%;
height: 125px !important;
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
gap: 0px;
margin: auto;
margin-top: 22px;
}
.mil-button {
  -webkit-transform: scale(1.015) !important;
  transform: scale(1.015) !important; 
  -webkit-filter: brightness(110%) !important;
  filter: brightness(110%) !important;
  opacity: 1 !important;
}
} */

@media only screen and (min-width: 1023px) and (max-width: 1200px) {
  .col-End {
    padding: 0;
  }
  .mil-subscribe-form input {
    padding: 0 0 0 28px;
  }
  .softwareIconCon h6 {
    font-size: 25px;
    margin-top: 5px;
  }
  .iframeCinematicMotion {
    width: 100%;
    height: 660px;
  }
  .blogSub-Zero {
    font-family: Outfit;
    font-weight: 700;
    font-size: 120px;
    line-height: 130px;
  }
  /* home */
  .readmoreBtn {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: grey;
    margin-bottom: 30px;
    /* position: absolute;
          bottom: 32px; */
  }
  .readMoreText {
    margin-bottom: 0px !important;
  }
  .readMoreTextLineClampAdd {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 14;
    overflow: hidden;
    transition: 0.6s ease;
  }
  .mil-service-card-sm p {
    opacity: 1;
  }
  .footerAddressHeading {
    font-size: 22px;
  }
  .otherPagesRenderLink {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .cardCounterIncreaseCon {
    width: 100%;
    height: 125px !important;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    gap: 0px;
    margin: auto;
    margin-top: 22px;
  }
  .mil-button {
    -webkit-transform: scale(1.015) !important;
    transform: scale(1.015) !important;
    -webkit-filter: brightness(110%) !important;
    filter: brightness(110%) !important;
    opacity: 1 !important;
  }
  .voiletDotActive {
    left: -42px !important;
  }
  .mil-banner .mil-banner-content {
    width: 100%;
    padding-bottom: 0px;
    position: relative;
  }
  .mil-banner {
    height: 100vh !important;
  }
  .mil-banner .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: center;
  }
  .pr-120 {
    padding: 30px;
  }
  .dotTwo {
    left: -37px !important;
  }
  .mil-menu-btn .beforeS {
    top: 35px;
  }
  .mil-menu-btn.mil-active .spanS {
    -webkit-transform: translate(0px, -4px) rotate(49deg);
    transform: translate(0px, -4px) rotate(49deg);
  }
  .mil-frame {
    width: 95%;
  }
  .Elevatingh2 {
    font-size: 46px !important;
  }
  .mil-frame {
    padding: 0;
    z-index: 5;
    height: 90px;
  }
  .mil-frame .mil-frame-top {
    height: 90px;
    padding-left: 15px;
    padding-right: 18px;
  }
  .mil-preloader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
  }
  .mil-about-quote .mil-quote {
    padding-left: 30px;
    width: calc(100% - 90px);
    font-size: 15px;
  }
  .unleashingTitle {
    font-size: 65px;
    margin-bottom: 50px;
    width: 100%;
    padding: 0 130px;
  }
  .spixelSvg {
    width: 150px;
    height: 49px;
  }
  .homePghBanner {
    font-size: 23px;
    line-height: 28px;
    color: white;
    font-weight: 100;
    /* width: 206%; */
  }
  .mil-soft-bg {
    overflow: hidden;
  }
  .leftRightSpaceWWithBG {
    background-color: #f3f3f3;
  }
  .leftRightSpaceWWith {
    width: 100%;
  }
  .leftRightSpace {
    width: 100%;
    padding-left: 13% !important;
    padding-right: 13% !important;
  }
  .mil-service-card-sm {
    padding: 30px 20px;
  }
  .mil-p-120-30 {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .someFacts,
  .explorDesign {
    margin-bottom: 40px !important;
  }

  .mil-mb-120 {
    margin-bottom: 90px;
  }
  .deliveringWE {
    font-size: 20px !important;
  }
  .leftRightSpaceWPadding {
    padding-left: 13% !important;
    padding-right: 13% !important;
  }
  .scene {
    width: 300px;
    height: 300px;
    perspective: 20000px;
    position: absolute;
    top: -12%;
    left: 51%;
  }
  .sceneBrand {
    top: -3% !important;
    left: 51% !important;
  }
  .scene2Brand {
    left: 21% !important;
    top: -1% !important ;
  }
  .scene3Brand {
    top: 6% !important;
    left: 88% !important;
  }
  .scene3 {
    width: 60px;
    height: 60px;
    perspective: 3500px;
    position: absolute;
    top: 30%;
    left: 88%;
  }

  .face {
    position: absolute;
    width: 300px;
    height: 300px;
    box-sizing: border-box;
    border: 0.1px solid #000; /* Added #6C41FF outline  #909090*/
    opacity: 0.15;
  }
  .front {
    transform: rotateY(0deg) translateZ(150px);
  }
  .back {
    transform: rotateY(180deg) translateZ(150px);
  }
  .left {
    transform: rotateY(-90deg) translateZ(150px);
  }
  .right {
    transform: rotateY(90deg) translateZ(150px);
  }
  .top {
    transform: rotateX(90deg) translateZ(150px);
  }
  .bottom {
    transform: rotateX(-90deg) translateZ(150px);
  }
  .scene2 {
    width: 100px;
    height: 100px;
    perspective: 5000px;
    position: absolute;
    left: 21%;
    top: -3%;
  }
  .sceneUiUx {
    top: -13vh !important;
    left: 50% !important;
  }
  .scene2UiUx {
    left: 14% !important;
    top: -40px !important;
  }
  .scene3UiUx {
    top: 36vh !important;
    left: 85% !important;
  }
  .mil-muted br {
    display: none;
  }
  .cardCounterIncreaseCon {
    width: 100%;
    height: 150px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    gap: 0px;
    margin: auto;
    margin-top: 22px;
  }
  .mil-mobile-hidden {
    display: none;
  }
  .cardOneIncrese,
  .cardThreeIncrese {
    margin-left: 22px;
    width: 105% !important;
  }

  .cardCounterIncreaseIcon {
    width: 74px !important;
    height: 74px !important;
    object-fit: contain;
  }
  .cardCounterIncreaseNumTitle,
  .cardCounterIncreaseNumTitleFive {
    font-size: 40px;
    font-weight: 600;
    font-family: outfit;
    line-height: 52px;
    color: white;
    text-align: center;
  }
  .cardCounterIncreaseBottomDesc {
    font-size: 24px;
    font-weight: 300;
    font-family: outfit;
    line-height: 30px;
    color: white;
    text-align: center;
  }
  /* .footer {
      padding-top: 60px;
      padding-left: 11%;
        padding-right: 11%;
    } */
  /* Corporate */
  .mil-inner-banner .mil-banner-content {
    padding-top: 160px !important;
  }
  h1,
  .mil-h1,
  h2 {
    font-family: "Outfit", sans-serif;
    color: rgb(0, 0, 0);
    font-weight: 600;
    line-height: 122%;
    font-size: 54px;
  }
  .yourApproachTitle {
    font-size: 27px !important;
  }
  .mil-muted {
    color: rgba(255, 255, 255, 0.9);
  }

  .sceneCor,
  .sceneCinematicV {
    top: -2% !important;
    left: 55% !important;
  }
  .scene2Cor,
  .scene2CinematicV {
    left: 21% !important;
    top: -0.8% !important;
  }
  .scene3Cor {
    top: 3.4% !important;
    left: 88% !important;
  }
  .scene3CinematicV {
    top: 7.4% !important;
    left: 88% !important;
  }
  .corporateSecOneImg img,
  .sectionTwoCOnExe img {
    width: 102%;
    object-fit: contain;
    margin-bottom: 0px;
  }
  .pghText {
    font-size: 15px;
    line-height: 23px;
  }
  .mil-mb-90 {
    margin-bottom: 50px;
  }
  .ourServicesImgConViewMore img {
    width: 100%;
    height: 570px;
    object-fit: cover;
    border-radius: 17px;
  }
  .ourServiceCorporateSliderMain {
    position: relative;
    padding-bottom: 0px;
  }
  .ourServiceCorporateSliderMain .swiper {
    width: 132%;
    height: 200px;
  }
  .ourServiceCorporateSliderMain .swiper-slide {
    height: 160px !important;
    border-radius: 10px;
  }
  .ourServiceCorporateSliderMain .swiper-slide .voiletBoxConOurSer {
    width: 225px !important;
    height: 160px !important;
    padding-left: 20px;
    gap: 2px;
  }
  .ourServiceCorporateSliderMain
    .swiper-slide
    .voiletBoxConOurSer
    .voiletBoxTitle {
    width: 180px;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active {
    width: 255px !important;
    height: 200px !important;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxConOurSer {
    width: 255px !important;
    padding-left: 30px;
    height: 200px !important;
    gap: 5px;
  }
  .ourServiceCorporateSliderMain h4 {
    margin-bottom: 28px !important;
    font-size: 38px !important;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxIcon {
    width: 38px;
    height: 38px;
    object-fit: contain;
  }
  .voiletBoxIcon {
    width: 30px;
    height: 30px;
    object-fit: contain;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxTitle {
    font-size: 23px;
    font-weight: 400;
    line-height: 26px;
    width: 210px !important;
  }
  .voiletBoxTitle {
    font-size: 18px;
    line-height: 20px;
    margin-top: 5px;
  }
  #sliderChangeDesChangeOurSer {
    width: 76%;
    font-size: 15px;
    line-height: 23px;
    margin-top: 20px;
  }
  .ourServicecopMainCOn {
    height: 750px;
  }

  /* voiletBox */
  .voiletBoxLeftImgCon {
    position: sticky;
    top: 0;
    height: 108vh !important;
    padding-top: 120px;
  }
  .leftSideImg {
    width: 100%;
    height: 60vh;
    object-fit: cover;
    border-radius: 16px;
  }
  .sectionMainCon {
    height: 3050px;
  }
  .opacityCon {
    height: 3050px;
  }
  .pinkBoxMainCon {
    height: 2900px;
    /* border:1px solid green; */
    padding-left: 35px;
  }
  .rightSidePinkBox {
    position: relative;
    margin-bottom: 25px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    transition: 1s ease-in;
  }
  .pinkBoxCon {
    width: 100%;
    height: 300px;
    border: 1px solid rgba(255, 255, 255, 0.304);
    background-color: #b91f4b;
    padding: 20px;
    opacity: 0.3;
  }
  .headingSubHeadPinkBoxCon h4 {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: white;
    margin: 8px 0;
    font-family: outfit;
  }
  .showActiveInActiveBoxCon {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 104%;
  }
  .dotTwo {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #b91f4b;
    border: 1.5px solid rgba(255, 255, 255, 0.304);
    position: absolute;
    top: 11%;
    left: -40px;
  }
  .voiletDotActive {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.304);
    position: absolute;
    top: 8.5%;
    left: -45px;
  }
  .rightSidePinkBoxFirstBox {
    margin-top: 200px;
  }
  .dotActive {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.304);
    position: absolute;
    top: 9.2%;
    left: -10px;
  }
  .boxActive {
    opacity: 1;
    transition: 1s ease;
  }
  .boxInActive {
    opacity: 0.3;
  }
  .otherServiceFirstBox {
    padding: 30px !important;
  }
  .pr-75 {
    padding-right: 30px;
  }

  /* Brand Pack */

  .voiletBoxConOurSerBrand {
    width: 345px !important;
    height: 285px !important;
    border-radius: 10px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    z-index: 2;
    position: absolute;
    top: 8%;
    gap: 10px;
  }
  .voiletBoxConOurSerInn {
    padding-left: 24px;
  }
  .voiletBoxIconImgOur {
    width: 52px;
    height: 52=4px;
    object-fit: contain;
  }
  .voiletBoxTitleOurSer {
    font-family: outfit;
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
    color: #fff;
    margin-top: 7px;
  }
  .voiletBoxConOurHideBox {
    width: 280px;
    height: 280px;
    opacity: 0;
  }
  .ourServiceBoxFixSliderMainCon .swiper {
    width: 160%;
    height: 382px;
  }
  .ourServiceBoxFixSliderMainCon .swiper-slide {
    background-color: #f3f3f3;
    justify-content: start;
  }
  .ourServiceBoxFixSliderMainCon .swiper-slide .ourFixSliderCon img {
    width: 100% !important;
    height: 380px !important;
    border-radius: 24px;
  }
  .brandingOureSerSliderIndicatorCon {
    position: relative;
    left: -68%;
    top: -5px;
  }
  .brandingOureSerSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 14px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 14px)
    );
  }
  .viewMoreSampConImgSlider {
    width: 136px;
    height: 31px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 84%;
    left: 67%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .viewMoreTextSlider {
    font-size: 12px;
    font-weight: 500;
    font-family: outfit;
    line-height: 15px;
  }
  .sliderChangePghCon {
    width: 83%;
    overflow: hidden;
    margin-top: 26px;
  }

  /* img hover increase */

  .imgHoverUpDownSliderMainCOn {
    width: 100%;
    height: 970px;
    background-image: url("../img/photo/blue-background-design.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0 !important;
  }

  .allImgHoverEffectMainCon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    padding-left: 12%;
    padding-right: 12%;
  }
  .imageHoverMainCon {
    align-items: end;
    display: flex;
    justify-content: flex-start;
    gap: 18px;
  }
  .imagesHoverBoxOne {
    width: 30vw;
    height: 245px;
    border-radius: 25px;
  }
  .imagesHoverBoxOne:hover {
    border-radius: 25px;
  }
  /* Box One */
  .imagesHoverBoxOneMouseOver {
    width: 35vw !important;
    height: 270px !important;
  }
  .imagesHoverBoxTwoBoxOneMouseOver {
    width: 18vw !important;
    height: 340px !important;
  }
  .slideImgTitleTwoOneMoseOver {
    height: 335px !important;
  }
  .imagesHoverBoxThreeBoxOneMouseOver {
    width: 22vw !important;
    height: 310px !important;
  }
  .imagesHoverBoxFourBoxOneMouseOver {
    width: 25.7vw !important;
    height: 200px !important;
  }
  .imagesHoverBoxFiveBoxOneMouseOver {
    height: 315px !important;
  }
  .slideImgTitleThreeMouseOver {
    padding-top: 10px !important;
  }
  .slideImgTitleThreeMouseOverSec {
    padding-top: 55px !important;
  }
  .slideImgTitleFivesMouseOver {
    padding-left: 21px !important;
    height: 320px !important;
  }
  .imagesHoverBoxInnerTextCon .slideImgTitle,
  .slideImgTitleTwo,
  .slideImgTitleThree,
  .slideImgTitleFour {
    font-size: 22px;
    font-family: outfit;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    text-align: left;
    position: relative;
    padding: 18px 26px;
    height: 300px;
  }

  .viewMoreSampConImgViewMore {
    width: 136px;
    height: 31px;
    background: rgb(255, 255, 255);
    border-radius: 34px;
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
    top: 90%;
    left: calc(64% - 15%);
  }
  .viewMoreText {
    font-size: 12px;
    font-weight: 500;
    font-family: outfit;
    line-height: 15px;
  }
  .imagesHoverBoxInnerTextConFive {
    width: 21vw !important;
    height: 138px !important;
  }
  .slideImgTitleFive {
    font-size: 22px;
    line-height: 28px;
    /* padding: 27px 15px;
    height: 374px; */
    padding: 27px 20px;
    height: 365px;
  }
  .pr-120 {
    padding: 30px;
  }
  .imagesHoverBoxInnerTextCon .slideImgDesc,
  .slideImgDescTwo,
  .slideImgDescThree,
  .slideImgDescFour,
  .slideImgDescFive {
    font-size: 14px;
    font-family: outfit;
    font-weight: 300;
    line-height: 19px;
    color: #fff;
    position: relative;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 10;
    /* padding: 0px 0px 38px 0px; */
    padding: 30px 0px 30px 25px;
  }

  .imageHoverMainConTwo {
    align-items: start;
    display: flex;
    justify-content: flex-start;
    gap: 18px;
    margin-left: 50px;
    margin-top: 18px;
  }
  .imagesHoverBoxTwo {
    width: 20vw;
    height: 345px;
    border-radius: 25px;
  }

  /* Box Two */
  .imagesHoverBoxTwoMouseOver {
    width: 28vw !important;
    height: 210px !important;
  }
  .imagesHoverBoxTwoBoxTwoMouseOver {
    width: 24vw !important;
    height: 360px !important;
  }
  .imagesHoverBoxThreeBoxTwoMouseOver {
    width: 21vw !important;
    height: 310px !important;
  }
  .imagesHoverBoxFourBoxTwoMouseOver {
    width: 26vw !important;
    height: 210px !important;
  }
  .imagesHoverBoxFiveBoxTwoMouseOver {
    width: 29vw !important;
    height: 350px !important;
  }
  .imagesHoverBoxTwo:hover {
    border-radius: 25px;
  }

  .imagesHoverBoxThree {
    width: 20vw;
    height: 320px;
    border-radius: 25px;
  }
  .imagesHoverBoxThree:hover {
    border-radius: 25px;
  }
  /* Box Three */
  .imagesHoverBoxThreeMouseOver {
    width: 30vw !important;
    height: 205px !important;
  }
  .imagesHoverBoxTwoBoxThreeMouseOver {
    width: 20.5vw !important;
    height: 325px !important;
  }
  .slideImgTitleTwoThreeMoseOver {
    height: 325px !important;
  }
  .imagesHoverBoxThreeBoxThreeMouseOver {
    width: 25vw !important;
    height: 355px !important;
  }
  .imagesHoverBoxFourBoxThreeMouseOver {
    width: 21vw !important;
    height: 205px !important;
  }

  .imagesHoverBoxFour {
    width: 25vw;
    height: 220px;
    border-radius: 25px;
  }
  .imagesHoverBoxFour:hover {
    border-radius: 25px;
  }
  /* Box Four */
  .imagesHoverBoxFourMouseOver {
    width: 30vw !important;
    height: 210px !important;
  }
  .imagesHoverBoxTwoBoxFourMouseOver {
    width: 20.5vw !important;
    height: 315px !important;
  }
  .slideImgTitleTwoFourMoseOver {
    height: 315px !important;
  }
  .imagesHoverBoxThreeBoxFourMouseOver {
    width: 18.6vw !important;
    height: 345px !important;
  }
  .imagesHoverBoxFourBoxFourMouseOver {
    width: 27vw !important;
    height: 250px !important;
  }
  .imagesHoverBoxFiveBoxFourMouseOver {
    width: 23vw !important;
    height: 350px !important;
  }

  .imagesHoverBoxFive {
    width: 23vw;
    height: 360px;
    border-radius: 25px;
  }
  .imagesHoverBoxFive:hover {
    border-radius: 25px;
  }
  /* Box Five */
  .imagesHoverBoxFiveMouseOver {
    width: 28vw !important;
    height: 220px !important;
  }
  .imagesHoverBoxTwoBoxFiveMouseOver {
    width: 17vw !important;
    height: 335px !important;
  }
  .slideImgTitleTwoFiveMoseOver {
    height: 335px !important;
  }
  .imagesHoverBoxThreeBoxFiveMouseOver {
    width: 19vw !important;
    height: 320px !important;
  }
  .imagesHoverBoxFourBoxFiveMouseOver {
    width: 22vw !important;
    height: 205px !important;
  }
  .imagesHoverBoxFiveBoxFiveMouseOver {
    width: 34vw !important;
    height: 400px !important;
  }
  .mil-menu-btn .spanS {
    /* width: 32px; */
    height: 3px;
  }

  /* cinematic */
  .ourServiceVideoCinematicVideo .swiper {
    width: 145% !important;
    height: 220px !important;
  }
  .ourServiceVideoCinematicVideo .swiper-slide {
    height: 180px !important;
  }
  .ourServiceVideoCinematicVideo .swiper-slide .voiletBoxCon {
    width: 220px !important;
    height: 180px !important;
    padding-left: 30px;
    padding-right: 0px;
    gap: 3px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide .voiletBoxCon .voiletBoxTitle {
    width: 190px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active {
    width: 280px !important;
    height: 220px !important;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxCon {
    width: 280px !important;
    height: 220px !important;
    gap: 4px;
    padding-left: 33px;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxIcon {
    width: 40px !important;
    height: 41px !important;
    object-fit: contain;
  }
  .ourServiceVideoCinematicVideo .swiper-slide-active .voiletBoxTitle {
    font-size: 23px;
    font-weight: 400;
    line-height: 26px;
    width: 230px !important;
  }
  .ourServicesImgConVoiletImg {
    position: relative;
    top: -15%;
    left: -4%;
  }
  .ourServicesImgConVoiletImg img {
    z-index: -1;
    width: 100%;
    height: 380px;
    border-radius: 16px;
    object-fit: cover;
  }
  .viewMoreSampConImg {
    width: 138px;
    height: 32px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 85%;
    left: calc(100% - 46vw);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: 1s ease;
  }
  .mil-mt-35 {
    margin-top: 25px;
  }
  #sliderChangeDesChange {
    font-weight: 300;
    line-height: 21px;
    color: #6d6d6d;
    font-family: outfit;
    font-size: 15px !important;
    padding-right: 14px;
  }
  .cinematicOurSerCon {
    height: 800px;
    padding-top: 50px !important;
    margin-bottom: 0 !important;
  }
  .mobileOurSerOneBrandPack {
    height: 880px !important;
    padding-top: 50px !important;
    margin-bottom: 0 !important;
  }

  /* hover box size increase */

  .slideImgBoxMainCon {
    gap: 25px;
    justify-content: center;
  }
  .slideImgBoxCon {
    width: 350px;
    height: 440px;
    border-radius: 40px;
    background-image: url("../img/photo/girlLookLaptop.webp");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 35px;
    transition: all 0.8s ease-in-out;
    gap: 12px;
    overflow: hidden;
    position: relative;
  }
  .threeEightZero {
    width: 350px !important;
  }
  .oneThreeFive {
    width: 90px !important;
  }
  .paddingSixtyFiftyFive {
    padding: 50px 4vw !important;
  }
  .paddingFiftyEightFourty {
    padding: 28px 2vw !important;
  }
  .slideImgBoxCons {
    width: 90px;
    height: 440px;
    border-radius: 40px;
    background-image: url("../img/photo/efficent.webp");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 20px;
    transition: all 0.8s ease-in-out;
    gap: 12px;
    overflow: hidden;
    position: relative;
  }
  .slideImgBoxInnerCon {
    width: 245px;
    height: 380px;
    z-index: 2;
    cursor: pointer;
    position: relative;
    margin-top: 20px;
  }
  .opacityConInImageSlider {
    background: black;
    opacity: 0.4;
    height: 470px;
    width: 420px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
  }
  .slideImgBoxConsThree {
    background-image: url("../img/photo/enagmeent.webp");
  }
  .slideImgBoxConsFour {
    background-image: url("../img/photo/technologyIntegrition.webenagmeent.webp");
  }
  .slideImgBoxConsFive {
    background-image: url("../img/photo/impactfulfact.webenagmeent.webp");
  }
  .slideImgTitle br,
  .slideImgDescs br {
    display: none !important;
  }
  .purpleImgSliderMainCOn {
    width: 100%;
    height: 750px;
  }
  .slideImgBoxInnerCons {
    width: 245px;
    height: 380px;
    z-index: 2;
    cursor: pointer;
    position: relative;
    margin-top: 20px;
  }
  .animatedSlideImgIcon {
    width: 45px;
    height: 47px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
  }
  .animatedSlideImgIcons {
    width: 45px;
    height: 47px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    opacity: 0;
  }
  .slideImgTitle {
    font-size: 24px;
    font-family: outfit;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    text-align: left;
    position: relative;
    padding: 0px 0px;
    /* padding: 18px 40px; */
    display: block;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    /* height: 300px; */
  }
  .slideImgTitles {
    font-size: 24px;
    font-family: outfit;
    font-weight: 400;
    line-height: 28px;
    margin: 10px 0 12px 0;
    color: #fff;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 2;
  }
  .slideImgDesc {
    font-size: 16px;
    font-family: outfit;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
    position: relative;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    z-index: 10;
    padding: 0;
    margin-right: 0;
  }
  .slideImgDescs {
    font-size: 15px;
    font-family: outfit;
    font-weight: 300;
    line-height: 19px;
    color: #fff;
    /* margin-right: 30px; */
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 2;
  }
  .animatedSlideImgIconCh {
    width: 45px;
    height: 47px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 84%;
    z-index: 2;
  }
  .sectionTitle {
    margin-left: 0;
  }

  /* UI Ux */
  .uiUxOurSerMainCOn {
    height: 880px;
    padding-top: 50px !important;
    margin-bottom: 0 !important;
  }
  .padd {
    padding-top: 40px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .upDownImgSliderMainCOn {
    margin-top: 0;
  }
  .ourServicesImgConVoiletImgUIUX {
    position: relative;
    top: 2.8%;
    left: -1%;
    padding: 0;
  }
  .ourServicesImgConVoiletImgUIUX img {
    z-index: -1;
    width: 100%;
    height: 405px;
    border-radius: 16px;
  }
  .mil-p-120-60 {
    padding-left: 0;
    padding-right: 0;
  }
  .ourServiceVideoCinematic .swiper {
    width: 130%;
    height: 230px;
  }
  .ourServiceVideoCinematic .swiper-slide {
    height: 185px !important;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    cursor: pointer;
    transition: 0.5s ease-in;
  }
  .ourServiceVideoCinematic .swiper-slide .voiletBoxCon {
    width: 240px !important;
    height: 185px !important;
    border-radius: 10px;
    background-color: #c1aeff;
    padding-left: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    text-align: left;
    transition: 0.5s ease-in;
    gap: 6px;
  }

  .ourServiceVideoCinematic .swiper-slide-active {
    width: 300px !important;
    height: 230px !important;
    border-radius: 10px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    z-index: 1;
    /* margin-right: 35px !important; */
    transition: 0.5s ease-in;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxCon {
    width: 300px !important;
    height: 230px !important;
    border-radius: 10px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
    z-index: 1;
    transition: 0.5s ease-in;
    padding-left: 25px;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxTitle {
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
  }
  .ourServiceVideoCinematic .swiper-slide-active .voiletBoxIcon {
    width: 44px;
    height: 46px;
    object-fit: contain;
  }
  .voiletBoxIcon {
    width: 30px;
    height: 30px;
    object-fit: contain;
  }

  .whyChoosePalUiUxTitle {
    font-weight: 600;
    font-size: 50px;
    color: #192652;
    line-height: 110%;
  }
  .upDownImgSliderMainCOn {
    width: 100%;
    height: 2400px;
  }
  .userCenteralDesignCon {
    width: 560px;
    height: 390px;
  }
  .viewMoreSampConImgUx {
    width: 132px;
    height: 38px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 84%;
    left: 69%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 1s ease;
  }

  /* Portfolios */
  .mil-portfolio-item.mil-slider-item .mil-descr {
    justify-content: end;
    height: 150px;
    padding: 0 30px;
    gap: 30px;
  }
  .mil-descr .mil-button {
    padding: 0 15px 0 25px;
    height: 62px;
  }
  .mil-portfolio-nav {
    padding: 0px 25px;
    height: 150px;
  }
  .mil-descr-text .mil-button svg {
    margin-left: 20px;
    width: 35px;
    height: 35px;
    padding: 8px;
  }
  .sliderHeadingCon {
    width: 78vw;
    margin-top: 50px;
  }
  .sideLinkCon h5 br {
    display: none !important;
  }
  .sideBarMainCon {
    top: 60px;
    right: 11%;
    z-index: 5;
  }
  /* .sideBarMainCon {
    height: 82vh;
    position: fixed;
    top: 98px;
    left: 3%;
    width: 110px;
    padding-bottom: 15px;
}
  .sideLinkMainCon {
    height: 76vh;
    overflow: scroll;
    padding-left: 25px;
    width: 110px;
} */
  .sideLinkCon h5 {
    display: block;
  }
  .sideLinkCon:hover {
    background-color: #ededed;
    border-radius: 5px;
    transition: all 0.5s;
  }
  .sideLinkConActive {
    background-color: #6c41ff;
    border-radius: 5px;
  }
  .sideLinkConActive h5 {
    color: white !important;
  }
  .sideLinkConActive:hover {
    background-color: #6c41ff !important;
  }
  .sideLinkCon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding-left: 14px;
    height: 52px;
    width: 92%;
    margin-bottom: 0px;
    transition: all 0.5s;
  }
  .sideLinkCon :last-child {
    border-bottom: 0;
  }
  .sideLinkCon .activeImgTitleCOn img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    cursor: pointer;
  }
  .sideLinkConActive .activeImgTitleCOn img {
    filter: invert(150%) brightness(125%);
  }
  .sideLinkCon h5 {
    font-size: 14px;
    font-family: outfit;
    font-weight: 400;
    line-height: 119%;
    color: #414042;
    cursor: pointer;
  }
  .sliderHeadingCon {
    width: 77vw;
    margin-top: 50px;
  }
  .sliderHeadingCon h2 {
    font-size: 38px;
    font-family: outfit;
    font-weight: 300;
    line-height: 60px;
    color: #000000;
    margin-bottom: 25px;
  }

  /* what we do */

  .bg-linearGradient {
    height: fit-content;
  }
  .leftRightSpaceWhat {
    width: 100%;
    padding: 0 22px 0 10px !important;
  }
  .whatweDoLeftSideSvg {
    height: 1200px;
    object-fit: contain;
    width: 100%;
    margin-bottom: 50px;
  }
  .bg-imgMobileV {
    height: 550px;
    background-image: url("../img/photo/Services_banner.webp");
    background-repeat: no-repeat;
    width: 100%;
    background-position: 65% 0.1%;
    background-size: cover;
  }
  .whatWeDoDTitleTh br {
    display: block !important;
  }
  .padd-topWhat {
    padding-top: 0px !important;
    padding-bottom: 80px;
  }
  .bg-Img {
    background-image: inherit;
    background-repeat: inherit;
    width: inherit;
    background-position: inherit;
    background-size: inherit;
  }
  .whatWeDoMainLinksHeading br {
    display: block !important;
  }
  .whatWeDoMainLinksHeading {
    line-height: 135% !important;
    font-size: 26px !important;
  }
  .mil-service-list {
    display: none;
  }
  .lineClampPghWhatWeDo {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    transition: 0.6s ease;
  }
  .corporateDesignwhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-bottom: 0 !important;
    border-right: 0 !important;
    height: 340px;
  }
  .mil-service-card-lg.mil-offset {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .cinematicVideowhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-bottom: 0 !important;
    height: 340px;
  }
  .brandingwhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-right: 0 !important;
    height: 340px;
  }
  .uiUxwhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    height: 340px;
  }
  .whatWeDoDTitleThCon,
  .padd-topWhat {
    padding-left: 13.5% !important;
    padding-right: 13.5% !important;
  }
  .whatWeDoDTitleTh {
    font-size: 58px !important;
  }
  .padd-topWhat {
    padding-top: 0px !important;
    padding-bottom: 90px;
  }
  .whatweDoLeftSideSvg {
    display: none;
  }
  .whatweDoLeftSideSvgHorizontal {
    display: block;
    height: auto;
    object-fit: contain;
    width: 100%;
    margin: 50px 0 80px 0;
  }
}

@media only screen and (min-width: 1023px) and (max-width: 1100px) {
  .mySwiperBrandVideo .swiper-button-next {
    right: 420px !important;
  }
  .mySwiperBrandVideo:hover .swiper-button-next {
    right: 420px !important;
  }
  .mySwiperBrandVideo .swiper-button-prev {
    left: 150px !important;
  }
  .mySwiperBrandVideo:hover .swiper-button-prev {
    left: 150px !important;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper {
    width: 182%;
    height: 352px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper-slide .ourFixSliderCon .videoSrc {
    width: 620px;
    height: 350px;
    border-radius: 22px;
  }
  .sliderChangePghCon {
    width: 99%;
    margin-top: 22px;
  }
  .voiletBoxConOurSerBrand {
    width: 300px !important;
    height: 250px !important;
    top: 8%;
    left: 3%;
  }

  .mySwiperCor .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 14px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 14px)
    );
  }
  .mySwiperCor .swiper-button-next,
  .mySwiperCor .swiper-button-prev {
    width: 28px;
    height: 28px;
  }
  .mySwiperCor .swiper-button-prev:after,
  .mySwiperCor .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
  }
  .mySwiperCor .swiper-button-next {
    right: 1% !important;
    top: 97%;
    opacity: 1;
  }
  .mySwiperCor .swiper-button-prev {
    left: 57% !important;
    opacity: 1;
    top: 97%;
  }
  .mySwiperCor .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 1px;
    left: 136px;
    width: 100%;
  }

  /* Cinematice Video Animation */

  .mySwiperBrandPreNextSliderCon {
    position: relative;
    left: -48%;
    top: -15px;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-next {
    right: 57% !important;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-prev {
    left: 19% !important;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-next,
  .mySwiperBrandPreNextSliderCon .swiper-button-prev {
    width: 28px;
    height: 28px;
  }
  .brandingOureSerSliderIndicatorCon {
    position: relative;
    left: -63.5%;
    top: 10px;
  }
  .brandingOureSerSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 13px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 13px)
    );
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-prev:after,
  .mySwiperBrandPreNextSliderCon .swiper-button-next:after,
  .brandPackPrevNextSliderCon .swiper-button-next:after,
  .brandPackPrevNextSliderCon .swiper-button-prev:after {
    font-size: 14px;
    font-weight: 700;
  }
  /* Brand & Packaging */
  #voiletBoxFixConId {
    width: 300px !important;
    height: 260px !important;
    top: 10%;
    left: 3%;
  }
  .brandPackPrevNextSliderCon .swiper-button-next {
    right: 53.5% !important;
  }
  .brandPackPrevNextSliderCon .swiper-button-prev {
    left: 15.5% !important;
  }
  .brandPackPrevNextSliderCon {
    position: relative;
    left: -48%;
    top: -29px;
  }
  .brandPackSliderIndicatorCon {
    position: relative;
    left: -67%;
    top: -13px;
  }
  .brandPackPrevNextSliderCon .swiper-button-next,
  .brandPackPrevNextSliderCon .swiper-button-prev,
  .uiUxPrevNextSliderCon .swiper-button-next,
  .uiUxPrevNextSliderCon .swiper-button-prev {
    width: 30px;
    height: 30px;
  }
  .brandingOureSerSliderIndicatorCon .swiper-pagination-bullet,
  .brandPackSliderIndicatorCon .swiper-pagination-bullet,
  .uiUxSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 14px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 14px)
    );
  }
  /* UiUx */
  .uiUxSliderIndicatorCon {
    left: -39.5%;
    top: -245px;
  }
  .uiUxPrevNextSliderCon {
    left: -19.8%;
    top: -260px;
  }
  .uiUxPrevNextSliderCon .swiper-button-next {
    right: 59% !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev {
    left: 20% !important;
  }

  /* home bottom slider Start */

  /* ONENNENEE   Addd*/
  .videoOneAdd {
    width: 60% !important;
  }
  .videoTWoAdd {
    width: 20% !important;
  }
  .videoTHreeAdd {
    width: 20% !important;
  }
  /* TWO Add */
  .videoOneAddTWo {
    width: 20% !important;
  }
  .videoTWoAddTWo {
    width: 60% !important;
  }
  .videoTHreeAddTWo {
    width: 20% !important;
  }
  /* THREE ADD */

  .videoOneAddThree {
    width: 20% !important;
  }
  .videoTWoAddThree {
    width: 20% !important;
  }
  .videoTHreeAddThree {
    width: 60% !important;
  }
  /* END */
  /* slider inner content width */
  .sliderInnerContentWidth {
    width: 36.5vmax;
  }
  /*  */
  .videoMainCon .videoTag {
    height: 370px;
    width: 100%;
    border-radius: 40px;
  }
  .videoMainCon::before {
    content: "";
    height: 370px;
    width: 100%;
    border-radius: 40px;
  }
  #videoOne {
    width: 60%;
  }
  #videoTwo {
    width: 20%;
  }

  #videoThree {
    width: 20%;
  }
  #videoNoTextOne,
  #videoNoTextTwo,
  #videoNoTextThree {
    font-size: 22px;
  }
  .imgSlider-COntent {
    gap: 15px;
    padding: 20px;
    padding-top: 32px;
  }
  #titleOne {
    line-height: 25px;
    font-size: 17px;
  }
  .sliderHeading-bott {
    font-size: 23px;
    font-weight: 500;
    line-height: 30px;
    word-break: break-word;
  }
  #titleTwo,
  #titleThree {
    font-size: 17px;
    font-weight: 300;
    line-height: 25px;
  }

  /* home bottom slider end */
}

@media only screen and (min-width: 1100px) and (max-width: 1200px) and (orientation: landscape) {
  .brandingOureSerSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 14px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 14px)
    );
  }
  .rightPorfolioSwiperSlider {
    display: block;
  }
  .mil-portfolio-item.mil-slider-item .mil-descr {
    justify-content: start;
    height: 150px;
    padding: 0 40px;
    gap: 40px;
  }
  .offset-xl-arrow {
    margin-left: calc(100% - 35vw);
  }
  .mil-portfolio-item.mil-slider-item .mil-cover-frame {
    margin-bottom: 30px;
    height: calc(100vh - 240px);
    border-radius: 18px;
  }
  .whatWeDoDTitleThCon,
  .padd-topWhat {
    padding-left: 14.5% !important;
    padding-right: 14.5% !important;
  }
  /* video */
  .ourServiceBoxFixSliderMainConVideo .swiper {
    width: 182%;
    height: 404px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper-slide .ourFixSliderCon .videoSrc {
    width: 700px;
    height: 394px;
    border-radius: 24px;
  }
  .voiletBoxConOurSerBrand {
    width: 345px !important;
    height: 285px !important;
    top: 11%;
    gap: 10px;
  }
  #voiletBoxFixConId {
    width: 345px !important;
    height: 270px !important;
    top: 10%;
    gap: 10px;
  }
  .voiletBoxConOurSerCinematic {
    top: 9% !important;
  }
  .mySwiperBrandVideo .swiper-button-next {
    right: 400px !important;
  }
  .mySwiperBrandVideo:hover .swiper-button-next {
    right: 400px !important;
  }
  .mySwiperBrandVideo .swiper-button-prev {
    left: 140px !important;
  }
  .mySwiperBrandVideo:hover .swiper-button-prev {
    left: 140px !important;
  }
  .mySwiperCor .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 14px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 14px)
    );
  }
  .mySwiperCor .swiper-button-next,
  .mySwiperCor .swiper-button-prev {
    width: 28px;
    height: 28px;
  }
  .mySwiperCor .swiper-button-prev:after,
  .mySwiperCor .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
  }
  .mySwiperCor .swiper-button-next {
    right: 5.5% !important;
    top: 97%;
    opacity: 1;
  }
  .mySwiperCor .swiper-button-prev {
    left: 54% !important;
    opacity: 1;
    top: 97%;
  }
  .mySwiperCor .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 1px;
    left: 125px;
    width: 100%;
  }
  /* Cinematice Video Animation */

  .mySwiperBrandPreNextSliderCon {
    position: relative;
    left: -50%;
    top: -30px;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-next {
    right: 57% !important;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-prev {
    left: 19% !important;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-next,
  .mySwiperBrandPreNextSliderCon .swiper-button-prev,
  .uiUxPrevNextSliderCon .swiper-button-next,
  .uiUxPrevNextSliderCon .swiper-button-prev {
    width: 30px;
    height: 30px;
  }
  .brandingOureSerSliderIndicatorCon {
    position: relative;
    left: -66%;
    top: -2px;
  }
  /* Brand & Packaging */
  .brandPackPrevNextSliderCon .swiper-button-next {
    right: 55% !important;
  }
  .brandPackPrevNextSliderCon .swiper-button-prev {
    left: 16% !important;
  }
  .brandPackPrevNextSliderCon {
    position: relative;
    left: -50%;
    top: -22px;
  }
  .brandPackSliderIndicatorCon {
    position: relative;
    left: -69.5%;
    top: -5px;
  }
  .brandPackPrevNextSliderCon .swiper-button-next,
  .brandPackPrevNextSliderCon .swiper-button-prev {
    width: 30px;
    height: 30px;
  }
  .brandingOureSerSliderIndicatorCon .swiper-pagination-bullet,
  .brandPackSliderIndicatorCon .swiper-pagination-bullet,
  .uiUxSliderIndicatorCon .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 14px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 14px)
    );
  }

  /* UiUx */
  .uiUxSliderIndicatorCon {
    left: -39.5%;
    top: -245px;
  }
  .uiUxPrevNextSliderCon {
    left: -19.8%;
    top: -260px;
  }
  .uiUxPrevNextSliderCon .swiper-button-next {
    right: 59% !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev {
    left: 20% !important;
  }

  /* home bottom slider Start */

  /* ONENNENEE   Addd*/
  .videoOneAdd {
    width: 56% !important;
  }

  .videoTWoAdd {
    z-index: 2 !important;
    width: 22% !important;
  }
  .videoTHreeAdd {
    width: 22% !important;
  }
  /* TWO Add */

  .videoOneAddTWo {
    width: 22% !important;
  }

  .videoTWoAddTWo {
    width: 56% !important;
  }
  .videoTHreeAddTWo {
    width: 22% !important;
  }
  /* THREE ADD */

  .videoOneAddThree {
    width: 22% !important;
  }
  .videoTWoAddThree {
    width: 22% !important;
  }
  .videoTHreeAddThree {
    width: 56% !important;
  }
  /* END */
  /* slider inner content width */
  .sliderInnerContentWidth {
    width: 34.5vmax;
  }
  /*  */
  .videoMainCon .videoTag {
    height: 370px;
    width: 100%;
    border-radius: 40px;
  }
  .videoMainCon::before {
    content: "";
    height: 370px;
    width: 100%;
    border-radius: 40px;
  }
  #videoOne {
    width: 56%;
  }
  #videoTwo {
    width: 22%;
  }

  #videoThree {
    width: 22%;
  }
  #videoNoTextOne,
  #videoNoTextTwo,
  #videoNoTextThree {
    font-size: 22px;
  }
  .imgSlider-COntent {
    gap: 15px;
    padding: 20px;
    padding-top: 32px;
  }
  #titleOne {
    line-height: 25px;
  }
  .sliderHeading-bott {
    font-size: 23px;
    font-weight: 500;
    line-height: 30px;
  }
  #titleTwo,
  #titleThree {
    font-size: 17px;
    font-weight: 300;
    line-height: 25px;
  }

  /* home bottom slider end */
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .portfolioMainDrop {
    height: 495px !important;
  }
  .iframeCinematicMotion {
    width: 100%;
    height: 620px;
  }
  /* home beforeSSecond*/
  .voiletDotActive {
    left: -40px !important;
  }
  .footerAddressHeading {
    font-size: 22px;
  }
  .dotTwo {
    left: -37px !important;
  }
  .mil-menu-btn .afterS {
    top: 53px;
  }
  .pr-120 {
    padding: 30px;
  }
  #myBtn {
    display: none;
    position: fixed;
    bottom: -75vh;
    right: 18px;
  }
  .mil-menu-frame .mil-frame-top {
    /* display: none; */
  }
  .mil-menu-btn .beforeS {
    top: 34px;
  }
  .mil-menu-btn .beforeSSecond {
    top: 40px !important;
  }
  .mil-menu-btn .afterS {
    width: 21px !important;
  }
  .mil-menu-btn .spanS {
    /* width: 32px; */
    height: 3px;
  }
  .mil-menu-btn.mil-active .spanS {
    -webkit-transform: translate(0px, -2px) rotate(43deg);
    transform: translate(0px, -2px) rotate(43deg);
  }
  .mil-menu-btn.mil-active .beforeS {
    -webkit-transform: translate(0px, 8px) rotate(-43deg);
    transform: translate(0px, 8px) rotate(-43deg);
  }
  .mil-menu-btn.mil-active .beforeSSecond {
    -webkit-transform: translate(0px, -16px) rotate(-43deg);
    transform: translate(0px, -16px) rotate(-43deg) !important;
  }
  .viewMoreSampConImgViewMore {
    width: 180px;
    height: 40px;
    background: rgb(255, 255, 255);
    border-radius: 34px;
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 1s ease;
    top: 89%;
    left: 53%;
  }
  .viewMoreText {
    font-size: 17px;
    font-weight: 500;
    font-family: outfit;
    line-height: 39px;
  }
  .mil-frame {
    width: 95%;
  }
  .Elevatingh2 {
    font-size: 46px !important;
  }
  .mil-frame {
    padding: 0;
    z-index: 5;
    height: 90px;
  }
  .mil-frame .mil-frame-top {
    height: 90px;
    padding-left: 15px;
    padding-right: 18px;
  }
  .mil-preloader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
  }
  .mySwiperCinematicSlider:hover .swiper-button-next {
    width: 45px;
    height: 42px;
    opacity: 1;
    background: #6c41ff;
    right: 150px !important;
  }
  .unleashingTitle {
    font-size: 72px;
    margin-bottom: 50px;
    width: 91%;
  }
  .spixelSvg {
    width: 165px;
    height: 52px;
  }
  .homePghBanner {
    font-size: 23px;
    line-height: 28px;
    color: white;
    font-weight: 100;
    /* width: 150%; */
  }
  .mil-soft-bg {
    overflow: hidden;
  }
  .leftRightSpaceWWithBG {
    background-color: #f3f3f3;
  }
  .leftRightSpaceWWith {
    width: 100%;
  }
  .leftRightSpace {
    width: 100%;
    padding-left: 13% !important;
    padding-right: 13% !important;
  }
  .mil-service-card-sm {
    padding: 30px 20px;
  }
  .mil-p-120-30 {
    padding-top: 80px;
    padding-bottom: 30px;
  }
  .leftRightSpaceWPadding {
    padding: 0 50px !important;
  }
  .scene {
    width: 300px;
    height: 300px;
    perspective: 20000px;
    position: absolute;
    top: -7% !important;
    left: 58% !important;
  }
  .face {
    position: absolute;
    width: 300px;
    height: 300px;
    box-sizing: border-box;
    border: 0.1px solid #000; /* Added #6C41FF outline  #909090*/
    opacity: 0.15;
  }
  .front {
    transform: rotateY(0deg) translateZ(150px);
  }
  .back {
    transform: rotateY(180deg) translateZ(150px);
  }
  .left {
    transform: rotateY(-90deg) translateZ(150px);
  }
  .right {
    transform: rotateY(90deg) translateZ(150px);
  }
  .top {
    transform: rotateX(90deg) translateZ(150px);
  }
  .bottom {
    transform: rotateX(-90deg) translateZ(150px);
  }
  .scene2 {
    width: 100px;
    height: 100px;
    perspective: 5000px;
    position: absolute;
    left: 28% !important;
    top: -3% !important;
  }
  .scene3 {
    width: 60px;
    height: 60px;
    perspective: 3500px;
    position: absolute;
    top: 38% !important;
    left: 88% !important;
  }
  .sceneBrand {
    top: -3% !important;
    left: 51% !important;
  }
  .scene2Brand {
    left: 21% !important;
    top: -1% !important ;
  }
  .scene3Brand {
    top: 6% !important;
    left: 88% !important;
  }
  .sceneUiUx {
    top: -13vh !important;
    left: 50% !important;
  }
  .scene2UiUx {
    left: 14% !important;
    top: -40px !important;
  }
  .scene3UiUx {
    top: 36vh !important;
    left: 85% !important;
  }
  .cardCounterIncreaseCon {
    width: 104%;
    height: 337px;
    background-color: #6c41ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 22px;
    margin: auto;
    margin-top: 20px;
  }
  /* .mil-mobile-hidden{
  display: none;
      }       */
  .cardCounterIncreaseIcon {
    width: 85px !important;
    height: 85px !important;
    object-fit: contain;
  }
  .cardCounterIncreaseNumTitle,
  .cardCounterIncreaseNumTitleFive {
    font-size: 45px;
    font-weight: 600;
    font-family: outfit;
    line-height: 52px;
    color: white;
    text-align: center;
  }
  .cardCounterIncreaseBottomDesc {
    font-size: 28px;
    font-weight: 300;
    font-family: outfit;
    line-height: 30px;
    color: white;
    text-align: center;
  }
  .footer {
    padding-top: 60px;
  }

  /* Corporate */
  .mil-inner-banner .mil-banner-content {
    padding-top: 160px !important;
  }
  h1,
  .mil-h1,
  h2 {
    font-family: "Outfit", sans-serif;
    color: rgb(0, 0, 0);
    font-weight: 600;
    line-height: 122%;
    font-size: 54px;
  }
  .yourApproachTitle {
    font-size: 27px !important;
  }
  .mil-muted {
    color: rgba(255, 255, 255, 0.9);
  }
  /* .sceneCor, .sceneCinematicV {
      top: -11% !important;
      left:60% !important;
    }
    .scene2Cor, .scene2CinematicV {
      left: 26% !important;
      top: -3% !important;
    }
    .scene3Cor,  .scene3CinematicV {
      top: 27% !important;
      left: 88% !important;
    } */
  .sceneCor,
  .sceneCinematicV {
    top: -2% !important;
    left: 60% !important;
  }
  .scene2Cor {
    left: 34% !important;
    top: -0.8% !important;
  }
  .scene2CinematicV {
    left: 26% !important;
    top: -1.2% !important;
  }
  .scene3Cor {
    top: 4% !important;
    left: 88% !important;
  }
  .scene3CinematicV {
    top: 8% !important;
    left: 88% !important;
  }
  .corporateSecOneImg img,
  .sectionTwoCOnExe img {
    width: 102%;
    object-fit: contain;
    margin-bottom: 0px;
  }
  .pghText {
    font-size: 15px;
    line-height: 23px;
  }
  .mil-mb-90 {
    margin-bottom: 50px;
  }
  .ourServicesImgConViewMore img {
    width: 100%;
    height: 570px;
    object-fit: cover;
    border-radius: 17px;
  }
  .ourServiceCorporateSliderMain {
    position: relative;
    padding-bottom: 0px;
  }
  .ourServiceCorporateSliderMain .swiper {
    width: 155%;
    height: 220px;
  }
  .ourServiceCorporateSliderMain .swiper-slide {
    height: 180px !important;
    border-radius: 10px;
  }
  .ourServiceCorporateSliderMain .swiper-slide .voiletBoxConOurSer {
    width: 240px !important;
    height: 180px !important;
    padding-left: 25px;
    gap: 2px;
  }
  .ourServiceCorporateSliderMain
    .swiper-slide
    .voiletBoxConOurSer
    .voiletBoxTitle {
    width: 195px;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active {
    width: 270px !important;
    height: 215px !important;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxConOurSer {
    width: 270px !important;
    padding-left: 35px;
    height: 215px !important;
    gap: 5px;
  }
  .ourServiceCorporateSliderMain h4 {
    margin-bottom: 28px !important;
    font-size: 40px !important;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxIcon {
    width: 40px;
    height: 40px;
    object-fit: contain;
  }
  .voiletBoxIcon {
    width: 32px;
    height: 32px;
    object-fit: contain;
  }
  .ourServiceCorporateSliderMain .swiper-slide-active .voiletBoxTitle {
    font-size: 25px;
    font-weight: 400;
    line-height: 28px;
    width: 210px !important;
  }
  .voiletBoxTitle {
    font-size: 20px;
    line-height: 23px;
    margin-top: 5px;
  }
  #sliderChangeDesChangeOurSer {
    width: 76%;
    font-size: 15px;
    line-height: 23px;
    margin-top: 20px;
  }
  .ourServicecopMainCOn {
    height: 750px;
  }

  /* voiletBox */
  .voiletBoxLeftImgCon {
    position: sticky;
    top: 0;
    height: 108vh !important;
    padding-top: 120px;
  }
  .leftSideImg {
    width: 100%;
    height: 60vh;
    object-fit: cover;
    border-radius: 16px;
  }
  .sectionMainCon {
    height: 3050px;
  }
  .opacityCon {
    height: 3050px;
  }
  .pinkBoxMainCon {
    height: 3050px;
    padding-left: 35px;
  }
  .rightSidePinkBox {
    position: relative;
    margin-bottom: 25px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    transition: 1s ease-in;
  }
  .pinkBoxCon {
    width: 100%;
    height: 300px;
    border: 1px solid rgba(255, 255, 255, 0.304);
    background-color: #b91f4b;
    padding: 20px;
    opacity: 0.3;
  }
  .headingSubHeadPinkBoxCon h4 {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: white;
    margin: 8px 0;
    font-family: outfit;
  }
  .showActiveInActiveBoxCon {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 104%;
  }
  .dotTwo {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #b91f4b;
    border: 1.5px solid rgba(255, 255, 255, 0.304);
    position: absolute;
    top: 11%;
    left: -40px;
  }
  .voiletDotActive {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.304);
    position: absolute;
    top: 8.5%;
    left: -45px;
  }
  .rightSidePinkBoxFirstBox {
    margin-top: 200px;
  }
  .dotActive {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.304);
    position: absolute;
    top: 9.2%;
    left: -10px;
  }
  .boxActive {
    opacity: 1;
    transition: 1s ease;
  }
  .boxInActive {
    opacity: 0.3;
  }
  .otherServiceFirstBox {
    padding: 30px !important;
  }
  .pr-75 {
    padding-right: 30px;
  }
  /* other service */
  .mil-service-card-lg.mil-other-card {
    padding: 30px;
  }

  /* Brand Pack */

  .voiletBoxConOurHideBox {
    width: 280px;
    height: 280px;
    opacity: 0;
  }
  .ourServiceBoxFixSliderMainCon .swiper-slide {
    background-color: #f3f3f3;
    justify-content: start;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper {
    width: 192%;
    height: 442px;
  }
  .ourServiceBoxFixSliderMainConVideo .swiper-slide .ourFixSliderCon .videoSrc {
    width: 770px;
    height: 434px;
    border-radius: 24px;
  }
  /* img hover increase */

  .imgHoverUpDownSliderMainCOn {
    width: 100%;
    height: 970px;
    background-image: url("../img/photo/blue-background-design.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0 !important;
  }

  .allImgHoverEffectMainCon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    padding-left: 0;
    padding-right: 0;
  }
  .imageHoverMainCon {
    align-items: end;
    display: flex;
    justify-content: flex-start;
    gap: 18px;
  }
  .imagesHoverBoxOne {
    width: 28vw;
    height: 245px;
    border-radius: 25px;
  }
  .imagesHoverBoxOne:hover {
    border-radius: 25px;
  }
  .mil-banner {
    height: 100vh;
  }
  /* Box One */
  .imagesHoverBoxOneMouseOver {
    width: 30vw !important;
    height: 270px !important;
  }
  .imagesHoverBoxTwoBoxOneMouseOver {
    width: 13vw !important;
    height: 340px !important;
  }
  .slideImgTitleTwoOneMoseOver {
    height: 335px !important;
  }
  .imagesHoverBoxThreeBoxOneMouseOver {
    width: 17vw !important;
    height: 310px !important;
  }
  .imagesHoverBoxFourBoxOneMouseOver {
    width: 21.7vw !important;
    height: 200px !important;
  }
  .imagesHoverBoxFiveBoxOneMouseOver {
    height: 315px !important;
  }
  .slideImgTitleThreeMouseOver {
    padding-top: 10px !important;
  }
  .slideImgTitleThreeMouseOverSec {
    padding-top: 38px !important;
  }
  .slideImgTitleFivesMouseOver {
    padding-left: 21px !important;
    height: 320px !important;
  }
  .imagesHoverBoxInnerTextCon .slideImgTitle,
  .slideImgTitleTwo,
  .slideImgTitleThree,
  .slideImgTitleFour {
    font-size: 22px;
    font-family: outfit;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    text-align: left;
    position: relative;
    padding: 18px 26px;
    height: 300px;
  }

  .imagesHoverBoxInnerTextConFive {
    width: 18vw !important;
    height: 138px !important;
  }
  .slideImgTitleFive {
    font-size: 22px;
    line-height: 28px;
    /* padding: 27px 15px;
    height: 374px; */
    padding: 27px 20px;
    height: 365px;
  }
  .pr-120 {
    padding: 30px;
  }
  .imagesHoverBoxInnerTextCon .slideImgDesc,
  .slideImgDescTwo,
  .slideImgDescThree,
  .slideImgDescFour,
  .slideImgDescFive {
    font-size: 14px;
    font-family: outfit;
    font-weight: 300;
    line-height: 19px;
    color: #fff;
    position: relative;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 10;
    /* padding: 0px 0px 38px 0px; */
    padding: 30px 0px 30px 25px;
  }

  .imageHoverMainConTwo {
    align-items: start;
    display: flex;
    justify-content: flex-start;
    gap: 18px;
    margin-left: 50px;
    margin-top: 18px;
  }
  .imagesHoverBoxTwo {
    width: 19vw;
    height: 345px;
    border-radius: 25px;
  }

  /* Box Two */
  .imagesHoverBoxTwoMouseOver {
    width: 22vw !important;
    height: 210px !important;
  }
  .imagesHoverBoxTwoMouseOverCon {
    width: 22vw !important;
  }
  .imagesHoverBoxTwoBoxTwoMouseOver {
    width: 20.2vw !important;
    height: 360px !important;
  }
  .imagesHoverBoxThreeBoxTwoMouseOver {
    width: 16vw !important;
    height: 310px !important;
  }
  .imagesHoverBoxFourBoxTwoMouseOver {
    width: 22vw !important;
    height: 210px !important;
  }
  .imagesHoverBoxFiveBoxTwoMouseOver {
    width: 29vw !important;
    height: 350px !important;
  }
  .imagesHoverBoxTwo:hover {
    border-radius: 25px;
  }

  .imagesHoverBoxThree {
    width: 19vw;
    height: 320px;
    border-radius: 25px;
  }
  .imagesHoverBoxThree:hover {
    border-radius: 25px;
  }
  /* Box Three */
  .imagesHoverBoxThreeMouseOver {
    width: 26vw !important;
    height: 205px !important;
  }
  .imagesHoverBoxTwoBoxThreeMouseOver {
    width: 16vw !important;
    height: 320px !important;
  }
  .slideImgTitleTwoThreeMoseOver {
    height: 325px !important;
  }
  .imagesHoverBoxThreeBoxThreeMouseOver {
    width: 22vw !important;
    height: 350px !important;
  }
  .imagesHoverBoxFourBoxThreeMouseOver {
    width: 16vw !important;
    height: 200px !important;
  }

  .imagesHoverBoxFour {
    width: 24vw;
    height: 220px;
    border-radius: 25px;
  }
  .imagesHoverBoxFour:hover {
    border-radius: 25px;
  }
  /* Box Four */
  .imagesHoverBoxFourMouseOver {
    width: 25.5vw !important;
    height: 205px !important;
  }
  .imagesHoverBoxTwoBoxFourMouseOver {
    width: 15.5vw !important;
    height: 310px !important;
  }
  .slideImgTitleTwoFourMoseOver {
    height: 315px !important;
  }
  .imagesHoverBoxThreeBoxFourMouseOver {
    width: 16vw !important;
    height: 335px !important;
  }
  .imagesHoverBoxFourBoxFourMouseOver {
    width: 20.8vw !important;
    height: 240px !important;
  }
  .imagesHoverBoxFiveBoxFourMouseOver {
    width: 23vw !important;
    height: 350px !important;
  }

  .imagesHoverBoxFive {
    width: 20vw;
    height: 350px;
    border-radius: 25px;
  }
  .imagesHoverBoxFive:hover {
    border-radius: 25px;
  }
  /* Box Five */
  .imagesHoverBoxFiveMouseOver {
    width: 25vw !important;
    height: 215px !important;
  }
  .imagesHoverBoxTwoBoxFiveMouseOver {
    width: 13vw !important;
    height: 325px !important;
  }
  .slideImgTitleTwoFiveMoseOver {
    height: 335px !important;
  }
  .imagesHoverBoxThreeBoxFiveMouseOver {
    width: 15vw !important;
    height: 325px !important;
  }
  .imagesHoverBoxFourBoxFiveMouseOver {
    width: 18.8vw !important;
    height: 205px !important;
  }
  .imagesHoverBoxFiveBoxFiveMouseOver {
    width: 23vw !important;
    height: 390px !important;
  }

  .cinematicOurSerCon {
    height: 950px;
    margin-bottom: 0 !important;
  }
  .ourServicesImgConVoiletImg {
    position: relative;
    top: -14%;
    left: 7%;
  }
  .ourServicesImgConVoiletImg img {
    z-index: -1;
    width: 105%;
    height: 420px;
    border-radius: 16px;
  }
  .viewMoreCinematicImg {
    padding-left: 0 !important;
  }
  .viewMoreSampConImg {
    width: 145px;
    height: 37px;
    top: 84%;
    left: calc(100% - 95%);
    opacity: 0;
  }
  .viewMoreText {
    font-size: 13px;
  }
  /* hover box size increase */

  .slideImgBoxMainCon {
    gap: 29px;
  }
  .pr-120 {
    padding: 40px 0 0 0;
  }
  .slideImgBoxCon {
    width: 370px;
    height: 480px;
    border-radius: 40px;
    background-image: url("../img/photo/girlLookLaptop.webp");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 35px;
    transition: all 0.8s ease-in-out;
    gap: 12px;
    overflow: hidden;
    position: relative;
  }
  .threeEightZero {
    width: 370px !important;
  }
  .oneThreeFive {
    width: 115px !important;
  }
  .paddingSixtyFiftyFive {
    padding: 50px 4vw !important;
  }
  .paddingFiftyEightFourty {
    padding: 28px 2.3vw !important;
  }
  .slideImgBoxCons {
    width: 115px;
    height: 480px;
    border-radius: 40px;
    background-image: url("../img/photo/efficent.webp");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 20px;
    transition: all 0.8s ease-in-out;
    gap: 12px;
    overflow: hidden;
    position: relative;
  }
  .slideImgBoxInnerCon {
    width: 245px;
    height: 380px;
    z-index: 2;
    cursor: pointer;
    position: relative;
    margin-top: 20px;
  }
  .opacityConInImageSlider {
    background: black;
    opacity: 0.4;
    height: 490px;
    width: 420px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
  }
  .slideImgBoxConsThree {
    background-image: url("../img/photo/enagmeent.webp");
  }
  .slideImgBoxConsFour {
    background-image: url("../img/photo/technologyIntegrition.webp");
  }
  .slideImgBoxConsFive {
    background-image: url("../img/photo/impactfulfact.webp");
  }
  .slideImgDescs br {
    display: none !important;
  }
  .purpleImgSliderMainCOn {
    width: 100%;
    height: 850px;
  }
  .slideImgBoxInnerCons {
    width: 245px;
    height: 380px;
    z-index: 2;
    cursor: pointer;
    position: relative;
    margin-top: 20px;
  }
  .animatedSlideImgIcon {
    width: 52px;
    height: 54px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
  }
  .animatedSlideImgIcons {
    width: 52px;
    height: 54px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    opacity: 0;
  }
  .slideImgTitle {
    font-size: 26px;
    font-family: outfit;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    text-align: left;
    position: relative;
    padding: 0px 0px;
    /* padding: 18px 40px; */
    display: block;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    /* height: 300px; */
  }
  .slideImgTitles {
    font-size: 26px;
    font-family: outfit;
    font-weight: 400;
    line-height: 30px;
    margin: 10px 0 12px 0;
    color: #fff;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 2;
  }
  .slideImgDesc {
    font-size: 17px;
    font-family: outfit;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
    position: relative;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    z-index: 10;
    padding: 0;
    margin-right: 0;
  }
  .slideImgDescs {
    font-size: 17px;
    font-family: outfit;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
    /* margin-right: 30px; */
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 2;
  }
  .animatedSlideImgIconCh {
    width: 52px;
    height: 57px;
    object-fit: contain;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 84%;
    z-index: 2;
  }
  .sectionTitle {
    margin-left: 0;
  }
  /* UI Ux */
  .uiUxOurSerMainCOn {
    height: 980px;
    padding-top: 60px !important;
    margin-bottom: 0 !important;
  }
  .padd {
    padding-top: 40px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .upDownImgSliderMainCOn {
    margin-top: 0;
  }
  .ourServicesImgConVoiletImgUIUX {
    position: relative;
    top: 2.8%;
    left: -1%;
    padding: 0;
  }
  .ourServicesImgConVoiletImgUIUX img {
    z-index: -1;
    width: 112%;
    height: 450px;
    border-radius: 16px;
  }
  .mil-p-120-60 {
    padding-left: 0;
    padding-right: 0;
  }

  .col-End {
    padding: 0px 2px;
  }
  .whyChoosePalUiUxTitle {
    font-weight: 600;
    font-size: 58px;
    color: #192652;
    line-height: 110%;
  }
  .upDownImgSliderMainCOn {
    width: 100%;
    height: 2400px;
  }
  .userCenteralDesignCon {
    width: 600px;
    height: 380px;
  }
  .viewMoreSampConImgUx {
    width: 150px;
    height: 41px;
    background: white;
    border-radius: 34px;
    text-align: center;
    position: absolute;
    top: 85%;
    left: 79%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 1s ease;
  }

  /* Portfolios */
  .mil-portfolio-item.mil-slider-item .mil-descr {
    justify-content: end;
    height: 150px;
    padding: 0 30px;
    gap: 30px;
  }
  .mil-descr .mil-button {
    padding: 0 15px 0 25px;
    height: 62px;
  }
  .mil-portfolio-nav {
    padding: 0px 25px;
    height: 150px;
  }
  .mil-descr .mil-button svg {
    margin-left: 20px;
    width: 35px;
    height: 35px;
    padding: 8px;
  }
  .sliderHeadingCon {
    width: 78vw;
    margin-top: 50px;
  }
  /* .sideLinkCon h5 br{
  display: none !important;
  }
.sideBarMainCon {
  height: 88vh;
  position: fixed;
  top: 90px;
  left: 2%;
  width: 300px;
  padding-bottom: 20px;
} */
  .offset-xl-33Per {
    margin-left: calc(100% - 60vw);
  }
  .offset-xl-arrow {
    margin-left: calc(100% - 60vw);
  }
  /* .sideLinkMainCon {
  height: 81vh;
  overflow-y: scroll;
  padding-left: 22px;
  width: 290px;
} */
  .sideLinkCon h5 {
    display: block;
  }
  .sideBarMainCon {
    top: 60px;
    right: 11%;
    z-index: 5;
  }
  .sideLinkCon:hover {
    background-color: #ededed;
    border-radius: 5px;
    transition: all 0.5s;
  }
  .sideLinkConActive {
    background-color: #6c41ff;
    border-radius: 5px;
  }
  .sideLinkConActive h5 {
    color: white !important;
  }
  .sideLinkConActive:hover {
    background-color: #6c41ff !important;
  }
  .sideLinkCon {
    gap: 20px;
    padding-left: 14px;
    height: 52px;
    width: 235px;
    margin-bottom: 3px;
    transition: all 0.5s;
    padding-right: 10px;
  }
  .sideLinkCon :last-child {
    border-bottom: 0;
  }
  .sideLinkCon .activeImgTitleCOn img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    cursor: pointer;
  }
  .sideLinkConActive .activeImgTitleCOn img {
    filter: invert(150%) brightness(125%);
  }
  .sideLinkCon h5 {
    font-size: 14px;
    font-family: outfit;
    font-weight: 400;
    line-height: 119%;
    color: #414042;
    cursor: pointer;
  }
  .sliderHeadingCon {
    width: 77vw;
    margin-top: 50px;
  }
  .sliderHeadingCon h2 {
    font-size: 38px;
    font-family: outfit;
    font-weight: 300;
    line-height: 60px;
    color: #000000;
    margin-bottom: 25px;
  }
  .mySwiperBrandVideo .swiper-button-next {
    right: 460px !important;
  }
  .mySwiperBrandVideo:hover .swiper-button-next {
    right: 460px !important;
  }
  .mySwiperBrandVideo .swiper-button-prev {
    left: 160px !important;
  }
  .mySwiperBrandVideo:hover .swiper-button-prev {
    left: 160px !important;
  }

  /* what we do */

  .bg-linearGradient {
    height: fit-content;
  }
  .leftRightSpaceWhat {
    width: 100%;
    padding: 0 22px 0 10px !important;
  }
  .whatweDoLeftSideSvg {
    height: 1280px;
    object-fit: contain;
    width: 100%;
    margin-bottom: 50px;
  }
  .bg-imgMobileV {
    height: 590px;
    background-image: url("../img/photo/Services_banner.webp");
    background-repeat: no-repeat;
    width: 100%;
    background-position: 65% 0.1%;
    background-size: cover;
  }
  .whatWeDoDTitleTh br {
    display: block !important;
  }
  .padd-topWhat {
    padding-top: 0px !important;
    padding-bottom: 80px;
  }
  .bg-Img {
    background-image: inherit;
    background-repeat: inherit;
    width: inherit;
    background-position: inherit;
    background-size: inherit;
  }
  .whatWeDoMainLinksHeading br {
    display: block !important;
  }
  .whatWeDoMainLinksHeading {
    line-height: 135% !important;
    font-size: 26px !important;
  }
  .mil-service-list {
    display: none;
  }
  .lineClampPghWhatWeDo {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    transition: 0.6s ease;
  }
  .corporateDesignwhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-bottom: 0 !important;
    height: 330px;
  }
  .mil-service-card-lg.mil-offset {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .cinematicVideowhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-bottom: 0 !important;
    height: 330px;
  }
  .brandingwhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    height: 330px;
    border-bottom: 0 !important;
  }
  .uiUxwhatWeDoCon {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    height: 330px;
  }
  .whatWeDoDTitleThCon,
  .padd-topWhat {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .whatWeDoDTitleTh {
    font-size: 58px !important;
    margin-top: 30px;
    margin-bottom: 90px;
  }
  .padd-topWhat {
    padding-top: 0px !important;
    padding-bottom: 90px;
  }
  .bg-imgMobileV .mil-inner-banner .mil-banner-content {
    padding-top: 145px !important;
  }
  .mil-banner .mil-banner-content {
    width: 100%;
    padding-bottom: 0;
    /* padding-bottom: 140px; */
    position: relative;
  }

  .mySwiperCor .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 14px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 14px)
    );
  }
  .mySwiperCor .swiper-button-next,
  .mySwiperCor .swiper-button-prev {
    width: 28px;
    height: 28px;
  }
  .mySwiperCor .swiper-button-prev:after,
  .mySwiperCor .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
  }
  .mySwiperCor .swiper-button-next {
    right: 25.5% !important;
    top: 96%;
    opacity: 1;
  }
  .mySwiperCor .swiper-button-prev {
    left: 43.5% !important;
    opacity: 1;
    top: 96%;
  }
  .mySwiperCor .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 4px;
    left: 60px;
    width: 100%;
  }
  /* Cinematice Video Animation */

  .mySwiperBrandPreNextSliderCon {
    position: relative;
    left: -50%;
    top: -44px;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-next {
    right: 56% !important;
  }
  .mySwiperBrandPreNextSliderCon .swiper-button-prev {
    left: 18% !important;
  }
  .brandingOureSerSliderIndicatorCon {
    position: relative;
    left: -66%;
    top: -13px;
  }
  /* Brand & Packaging */
  .brandPackPrevNextSliderCon .swiper-button-next {
    right: 53% !important;
  }
  .brandPackPrevNextSliderCon .swiper-button-prev {
    left: 14% !important;
  }
  .brandPackSliderIndicatorCon {
    position: relative;
    left: -69.5%;
    top: -35px;
  }
  /* UiUx */
  .uiUxSliderIndicatorCon {
    left: -39%;
    top: -315px;
  }
  .uiUxPrevNextSliderCon {
    left: -19.8%;
    top: -335px;
  }
  .uiUxPrevNextSliderCon .swiper-button-next {
    right: 58% !important;
  }
  .uiUxPrevNextSliderCon .swiper-button-prev {
    left: 20% !important;
  }
  .sliderInnerContentWidth {
    width: 32vmax;
  }
}
@media only screen and (max-width: 1400px) {
  .ourServiceBoxFixSliderMainConVideo .swiper-slide {
    background-color: #f3f3f3;
  }
}
@media only screen and (min-width: 1400px) {
  .sceneCor {
    top: -3% !important;
    left: 65% !important;
  }

  .sceneCinematicV {
    top: -4% !important;
    left: 65% !important;
  }
  .scene2Cor {
    left: 46% !important;
    top: -0.5% !important;
  }
  .scene2CinematicV {
    left: 46% !important;
    top: -1.2% !important;
  }
  .scene3Cor {
    top: 3.6% !important;
    left: 90% !important;
  }
  .scene3CinematicV {
    top: 5.4% !important;
    left: 90% !important;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .mySwiperBrandVideo .swiper-button-next {
    right: 650px !important;
  }
  .mySwiperBrandVideo:hover .swiper-button-next {
    right: 650px !important;
  }
  .mySwiperCinematicSlider:hover .swiper-button-next {
    width: 34px;
    height: 34px;
    opacity: 1;
    background: #6c41ff;
    right: 240px !important;
  }
  /* Portfolios */
  .mil-portfolio-item.mil-slider-item .mil-descr {
    justify-content: end;
    height: 150px;
    padding: 0 30px;
    gap: 30px;
  }
  .mil-descr .mil-button {
    padding: 0 15px 0 25px;
    height: 62px;
  }
  .mil-portfolio-nav {
    padding: 0px 25px;
    height: 150px;
  }
  .mil-descr .mil-button svg {
    margin-left: 20px;
    width: 35px;
    height: 35px;
    padding: 8px;
  }
  /* .sliderHeadingCon {
  width: 78vw;
  margin-top: 50px;
}
.sideBarMainCon {
  height: 88vh;
  position: fixed;
  top: 90px;
  left: 2%;
  width: 300px;
  padding-bottom: 20px;
} */
  .offset-xl-33Per {
    margin-left: calc(100% - 64vw);
  }
  .offset-xl-arrow {
    margin-left: calc(100% - 64vw);
  }
  /* .sideLinkMainCon {
  height: 81vh;
  overflow-y: scroll;
  padding-left: 22px;
  width: 290px;
} */
  .sideLinkCon h5 {
    display: block;
  }
  .sideLinkCon:hover {
    background-color: #ededed;
    border-radius: 5px;
    transition: all 0.5s;
  }
  .sideLinkConActive {
    background-color: #6c41ff;
    border-radius: 5px;
  }
  .sideLinkConActive h5 {
    color: white !important;
  }
  .sideLinkConActive:hover {
    background-color: #6c41ff !important;
  }
  /* .sideLinkCon {
      gap: 20px;
      padding-left: 14px;
      height: 52px;
      width: 235px;
      margin-bottom: 9px;
      transition: all 0.5s;
      padding-right: 10px;
  } */
  .sideLinkCon :last-child {
    border-bottom: 0;
  }
  .sideLinkCon .activeImgTitleCOn img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    cursor: pointer;
  }
  .sideLinkConActive .activeImgTitleCOn img {
    filter: invert(150%) brightness(125%);
  }
  .sideLinkCon h5 {
    font-size: 14px;
    font-family: outfit;
    font-weight: 400;
    line-height: 119%;
    color: #414042;
    cursor: pointer;
  }
  .sliderHeadingCon {
    width: 77vw;
    margin-top: 50px;
  }
  .sliderHeadingCon h2 {
    font-size: 45px;
    font-family: outfit;
    font-weight: 300;
    line-height: 60px;
    color: #000000;
    margin-bottom: 25px;
  }
  .mil-portfolio-slider-frame {
    padding-top: 35px !important;
  }

  /* what we do */

  .bg-imgMobileV {
    height: 550px;
    background-image: url("../img/photo/Services_banner.webp");
    background-repeat: no-repeat;
    width: 100%;
    background-position: 65% 39%;
    background-size: cover;
  }

  .mySwiperCor .swiper-button-next {
    right: 32% !important;
    top: 94%;
    opacity: 1;
    transition: all 0.4s ease-in;
  }
  .mySwiperCor .swiper-button-prev {
    left: 43.5% !important;
    opacity: 1;
    top: 94%;
    transition: all 0.4s ease-in;
  }
  .mySwiperCor .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 8px;
    left: 54px;
    width: 100%;
  }
  .sliderInnerContentWidth {
    width: 540px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .bg-imgMobileV {
    height: 550px;
    background-image: url("../img/photo/Services_banner.webp");
    background-repeat: no-repeat;
    width: 100%;
    background-position: 65% 39%;
    background-size: cover;
  }
  .mySwiperCinematicSlider:hover .swiper-button-next {
    width: 45px;
    height: 42px;
    opacity: 1;
    background: #6c41ff;
    right: 120px !important;
  }
  .mySwiperBrandVideo .swiper-button-next {
    right: 550px !important;
  }
  .mySwiperBrandVideo:hover .swiper-button-next {
    right: 550px !important;
  }
  .mySwiperCor .swiper-button-next {
    right: 32.5% !important;
    top: 95%;
    opacity: 1;
    transition: all 0.4s ease-in;
  }
  .mySwiperCor .swiper-button-prev {
    left: 43.3% !important;
    opacity: 1;
    top: 95%;
    transition: all 0.4s ease-in;
  }
  .mySwiperCor .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 5.5px;
    left: 52px;
    width: 100%;
  }
  .sliderInnerContentWidth {
    width: 33vmax;
  }
}