/*autocomplete background color  */
input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}

input[data-autocompleted] {
  background-color: transparent !important;
}

@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/MarkPro-Bold.eot");
  src: url("../fonts/MarkPro-Boldd41d.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MarkPro-Bold.woff2") format("woff2"),
    url("../fonts/MarkPro-Bold.woff") format("woff"),
    url("../fonts/MarkPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/MarkPro-Medium.eot");
  src: url("../fonts/MarkPro-Mediumd41d.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MarkPro-Medium.woff2") format("woff2"),
    url("../fonts/MarkPro-Medium.woff") format("woff"),
    url("../fonts/MarkPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/MarkPro-Heavy.eot");
  src: url("../fonts/MarkPro-Heavyd41d.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MarkPro-Heavy.woff2") format("woff2"),
    url("../fonts/MarkPro-Heavy.woff") format("woff"),
    url("../fonts/MarkPro-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/MarkPro.eot");
  src: url("../fonts/MarkProd41d.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MarkPro.woff2") format("woff2"),
    url("../fonts/MarkPro.woff") format("woff"),
    url("../fonts/MarkPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

#show_bg_2 {
  background-image:

  radial-gradient(ellipse at 50% 50%, rgba(208, 28, 0, 1) 11%, rgba(208, 28, 0, 0.43) 46%, rgba(208, 28, 0, 1) 70%),
  url('../images/banner.png');

  background-size: cover;
  color: white;
  padding: 20px;
}

:root {
  --primary-color: #D01C00; 
  /* --primary-color: #03081d; */
  --secondary-color: #FF0000;
  --white-color: #ffffff;
  --text-color: #d2d2d1;
  --dark-blue: #060a1a;
  --text-color100: #262631;
  --black-color: #000000;
  --read-text: #e6555c;
  --orange-color: #fc441e;
  --gray-color: #4a4a49;
  --text-blueColor: #080b1c;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


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


/* ==== Common ==== */

body {
  font-family: "Mark Pro";
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto;
}

.toaster-success {
  position: fixed;
  left: 50%;
  top: 0;
  transform: translate(-68%, 40%);
  width: 250px;
  padding: 15px;
  background: #399a6a;
  color: white;
  z-index: 100;
  transition: all 0.5s;
  border: 1px solid #15af66;
  border-radius: 6px;
  align-items: center;
  display: none;
}

.toaster-success img {
  height: 20px;
  margin-right: 10px;
}

.toaster-failure {
  position: fixed;
  left: 50%;
  top: 0;
  transform: translate(-68%, 40%);
  width: 250px;
  padding: 15px;
  background: #b93f3f;
  color: white;
  z-index: 100;
  transition: all 0.5s;
  border: 1px solid #f94054;
  border-radius: 6px;
  align-items: center;
  display: none;
}

.toaster-failure img {
  height: 20px;
  margin-right: 10px;
}

.terms-banner {
  margin-top: 50px;
  margin-bottom: 30px;
}

.terms-banner .terms-banner--innner h1 {
  font-size: 48px;
  color: #1d1d1b;
  margin-bottom: 30px;
}

.terms-banner .terms-banner--innner {
  padding: 0px 100px;
}

.terms-banner .terms-banner--innner .terms-banner--content p {
  font-size: 18px;
  color: #4a4a49;
  margin-bottom: 20px;
}
.terms-banner .terms-banner--innner .terms-banner--content p a {
  font-size: 16px;
  color: #4a4a49;
}
.terms-banner .terms-banner--innner .terms-banner--content ol li {
  margin-left: 25px;
}
.terms-banner .terms-banner--innner .terms-banner--content ol li h3 {
  margin-bottom: 20px;
}
.terms-banner--content--list {
  margin-left: 25px;
}
.terms-banner--content--list .terms-banner--content--list--sub-list {
  margin-left: 25px;
}
.terms-banner--content--list .terms-banner--content--list--title {
  text-decoration: underline;
  font-weight: 500;
}
.terms-banner--content--list .terms-banner--content--list--sub-list ol li {
  list-style: lower-roman;
}
.terms-banner--content--list ol li {
  list-style: lower-alpha;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}

.break-disable,
.disable {
  display: none;
}

@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
  .break-disable {
    display: block;
  }
}

@media (min-width: 768px) {
  /* .dots {
    display: none;
  } */
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}

.container-fluid {
  max-width: 1440px;
}

.container {
  max-width: 1270px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

a {
  text-decoration: none;
  display: inline-block;
}

img {
  max-width: 100%;
}

ul {
  list-style: none;
}

h1 {
  color: var(--white-color);
  font-weight: 700;
  font-size: 56px;
}

svg {
  width: 15px;
  fill: var(--white-color);
}

h1 span {
  background: linear-gradient(
    279.62deg,
    #0a0f27 -1.62%,
    #ffffff 24.99%,
    #e88b76 47.4%,
    #e55059 77.04%,
    #0a0f27 107.03%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.common-btn {
  width: 180px;
  height: 54px;
  background: #080c1f;
  box-shadow: 0px 7.63396px 38.1698px rgba(255, 255, 255, 0.02);
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  color: var(--white-color);
  font-weight: 700;
  font-size: 14px;
  background-image: linear-gradient(
    278.61deg,
    rgba(8, 12, 31, 0.4) 0.01%,
    rgba(255, 255, 255, 0.4) 29.21%,
    rgba(232, 139, 118, 0.4) 50.78%,
    rgba(229, 80, 89, 0.4) 69.87%,
    rgba(8, 12, 31, 0.4) 101.66%
  );
  position: relative;
  z-index: 0;
}

.common-btn:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 98%;
  height: 98%;
  background: #080c1f;
  border-radius: 16px;
  z-index: -1;
}

.common-btn:hover::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 98%;
  height: 98%;
  background-image: radial-gradient(
    70.37% 70.37% at 50% 50%,
    rgba(251, 67, 53, 0.2) 0%,
    rgba(251, 67, 53, 0) 100%
  );
  filter: drop-shadow(0px 7.63396px 38.1698px rgba(255, 255, 255, 0.02));
  /* background: #000; */
  border-radius: 16px;
  z-index: -1;
}

.common-btn svg {
  width: 8px;
  margin-left: 10px;
}

/* ===== Navigation ===== */

header .navbar {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

header {
  background: var(--primary-color);
  /* border-bottom: 1px solid #0A0F27; */
}

/*header nav.navbar {
  padding: 23px 0;
}
*/
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-expand-lg .navbar-nav {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

nav a.navbar-brand svg {
  width: 100%;
}

.navbar-nav a.nav-link,
.navbar-nav a.nav-link.active {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--white-color);
  padding: 8px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
  text-decoration: none;
  display: block;
}

.navbar-nav a.nav-link,
.navbar-nav a.nav-link.active {
  padding: 40px 20px 40px 8px;
}

.dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  background: var(--primary-color);
  padding: 16px 30px 16px;
  list-style: none;
  border-radius: 0px 0px 16px 16px;
  position: absolute;
  width: max-content;
  /* left: 50%; */
  left: 101%;
  top: 98px;
  z-index: 1;
  /* box-shadow: 0 0 3px rgb(255 255 255 / 30%); */
  transform: translateX(-50%);
}


nav a.nav-link:hover {
  color: var(--white-color);
}

.navbar-nav .nav-item,
.navbar-nav .nav-item.active {
  margin-left: 56px;
  position: relative;
}

.nav-item.dropdown:hover ul.dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 98px;
}

.dropdown-menu li {
  text-align: left;
}

.dropdown-menu li + li {
  margin-top: 15px;
}

.dropdown-menu .dropdown-item {
  color: var(--white-color);
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  /* text-align: center; */
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.dropdown-item:hover {
  background: linear-gradient(287.85deg, #FFFFFF 22.79%, #E88B76 62.6%, #E55059 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease;
  font-weight: 500;
}

.navbar-nav .dropdown a.nav-link:after {
  content: "";
  position: absolute;
  right: 3px;
  width: 6px;
  height: 6px;
  border: 2px solid #ffffff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  top: 42px;
}

/* ===== Banner(or Hero Section) ===== */

.main-banner {
  background: var(--primary-color);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.main-banner-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 230px 0 170px;
  text-align: center;
  position: relative;
}

.charging-wrapper {
  background: #03081d;
  padding: 150px 0 0;
}

.charging-wrapper a.common-btn {
  display: none;
}

.charging-wrapper .bg {
  width: 100%;
  position: relative;
}

.charging-wrapper .bg:after {
  content: "";
  position: absolute;
  background: linear-gradient(0deg, #060a1a 12.31%, rgba(6, 10, 26, 0) 100%);
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  top: auto;
}

.charging-wrapper .bg img {
  width: 100%;
}

.bottom-shape {
  width: 198px;
  height: 320px;
  display: block;
  border-radius: 120px;
  position: absolute;
  bottom: -80px;
  left: 0;
  z-index: 1;
  background-image: linear-gradient(
    287.85deg,
    rgba(255, 255, 255, 0.4) 22.79%,
    rgba(232, 139, 118, 0.4) 62.6%,
    rgba(229, 80, 89, 0.4) 100%
  );
  box-shadow: 0px 5.31058px 26.5529px rgba(255, 255, 255, 0.08);
}

.bottom-shape:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 99.5%;
  height: 99.6%;
  border-radius: 120px;
  z-index: -1;
  background-color: #131313;
  transform: translate(-50%, -50%);
}

.bottom-shape img {
  padding: 8px;
}

.main-banner-content h1 {
  font-weight: 700;
  font-size: 56px;
  text-align: center;
  color: var(--white-color);
  padding-bottom: 10px;
  text-shadow: 0px 8px 40px rgb(255 255 255 / 25%);
}

.charging-wrapper h1 {
  padding-bottom: 50px;
  text-shadow: inherit;
  /* filter: blur(.8px);*/
}

/*.charging-wrapper h1 span {
    filter: blur(0);
}*/

.main-banner-content h1 span {
  background: linear-gradient(
    279.62deg,
    #0a0f27 -1.62%,
    #ffffff 24.99%,
    #e88b76 47.4%,
    #e55059 77.04%,
    #0a0f27 107.03%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.main-banner-content > p {
  font-weight: 400;
  font-size: 28px;
  text-align: center;
  color: var(--white-color);
  text-shadow: 0px 8px 40px rgba(255, 255, 255, 0.25);
  line-height: 28px;
  margin-top: 5px;
  margin-bottom: 0;
  max-width: 50%;
}

.banner-apps {
  margin-top: 40px;
}

.banner-apps p {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--white-color);
  margin-bottom: 15px;
  text-shadow: 0px 8px 40px rgba(255, 255, 255, 0.25);
}

.banner-apps ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0;
}

.banner-apps li + li {
  margin-left: 20px;
  position: relative;
}

.banner-apps ul a {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(
    287.85deg,
    rgba(255, 255, 255, 0.4) 22.79%,
    rgba(232, 139, 118, 0.4) 62.6%,
    rgba(229, 80, 89, 0.4) 100%
  );
  position: relative;
}

.banner-apps ul a:after {
  content: "";
  position: absolute;
  width: 96%;
  height: 96%;
  background: #080c1f;
  z-index: 0;
  border-radius: 50px;
}

.banner-apps ul a svg {
  width: 22px;
  z-index: 1;
}

.banner-apps li + li:after {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 1px;
  height: 100%;
  background: var(--white-color);
}

/* ===== Featured ===== */

.featured-outer {
  background-color: var(--dark-blue);
  padding: 50px 0 55px;
}

.featured-outer h3 {
  color: var(--text-color);
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  font-variant: small-caps;
}

.featured-content {
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
  align-items: center;
}

.featured-content li {
  list-style: none;
  position: relative;
  padding: 20px 0;
}

.featured-content li + li {
  margin-left: 148px;
}

.featured-content li + li:after {
  content: "";
  position: absolute;
  left: -130px;
  top: 0;
  height: 100%;
  width: 1px;
  background: linear-gradient(
    279.62deg,
    #0a0f27 -1.62%,
    #ffffff 24.99%,
    #e88b76 47.4%,
    #e55059 77.04%,
    #0a0f27 107.03%
  );
  opacity: 0.3;
}

/* ===== revolution ===== */

.revolution-outer {
  background-color: var(--primary-color);
  padding: 100px 0;
}

.revolution-outer .container {
  position: relative;
}

.revolution-outer .bg {
  padding-top: 100px;
}

.revolution-content {
  position: absolute;
  top: 0;
  left: 100px;
}

.revolution-content h1 {
  font-weight: 700;
  font-size: 48px;
  color: var(--white-color);
}

.revolution-content p {
  color: var(--white-color);
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-shadow: 0px 8px 40px rgba(255, 255, 255, 0.25);
  max-width: 500px;
  margin-top: 25px;
}

/* ===== revolution ===== */

/*.chargingSteps-outer {
    background-image: linear-gradient(180deg, #F4F4F7 29.98%, rgba(244, 244, 247, 0) 100%);
}
*/
.chargingSteps-content {
  display: flex;
  flex-wrap: wrap;
  background: linear-gradient(
      250.44deg,
      rgba(235, 82, 45, 0.2) 1.19%,
      rgba(255, 255, 255, 0) 25.96%
    ),
    #f5f6f7;
}

.chargingSteps-wrapper {
  flex: 0 0 55%;
  max-width: 55%;
  line-height: 0;
  text-align: right;
}

.chargingSteps-rightContent {
  flex: 0 0 45%;
  max-width: 45%;
  padding: 100px 12px;
  align-self: center;
}

.chargingSteps-rightContent h3 strong {
  font-weight: 700;
  color: var(--primary-color);
  font-size: 48px;
}

.chargingSteps-rightContent h3 {
  font-weight: 400;
  font-size: 32px;
  line-height: 52px;
  color: #fb4335;
}

.chargingSteps-rightContent ul {
  list-style: none;
  margin-top: 20px;
}

.chargingSteps-rightContent ul svg {
  width: 20px;
  fill: #fb4335;
  margin-right: 20px;
  float: left;
}

.chargingSteps-rightContent ul li {
  font-weight: 400;
  font-size: 16px;
  color: var(--text-color100);
}

.chargingSteps-rightContent ul li + li {
  padding-top: 25px;
}

.appStores {
  display: flex;
  align-items: center;
  margin-top: 50px;
  flex-wrap: wrap;
}

.appStores-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  width: 196px;
  height: 61px;
  background: var(--black-color);
  border: 1px solid var(--black-color);
  border-radius: 6px;
  color: var(--white-color);
  font-weight: 700;
  font-size: 17px;
}

.appStores a + a {
  margin-left: 15px;
}

.chargingSteps-rightContent .appStores-wrap svg {
  width: 30px;
  margin-right: 10px;
}

/* ===== partner ===== */

.partner-outer {
  background: linear-gradient(180deg, #03081d 0%, #080b1c 100%);
  padding: 100px 0;
}

.partner-inner {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 12px;
}

.partner-inner .sub-title {
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  color: var(--white-color);
  opacity: 0.6;
}

.partner-inner h2 {
  font-weight: 700;
  font-size: 48px;
  color: var(--white-color);
  margin: 40px 0 15px;
  background: linear-gradient(
    279.62deg,
    #0a0f27 -1.62%,
    #ffffff 62.99%,
    #e88b76 47.4%,
    #e55059 77.04%,
    #0a0f27 107.03%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.partner-inner p {
  font-weight: 400;
  font-size: 16px;
  color: var(--white-color);
  padding-bottom: 50px;
  max-width: 70%;
  line-height: 26px;
}

.partner-inner ul {
  list-style: none;
  display: flex;
}

.partner-inner ul li {
  color: var(--white-color);
  font-weight: 400;
  font-size: 18px;
  position: relative;
  padding-top: 25px;
  padding-right: 85px;
}

.partner-inner ul li:last-child {
  padding-right: 0;
}

.partner-inner ul li:last-child:before {
  display: none;
}

.partner-inner ul li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  top: 0;
  background: linear-gradient(
    270deg,
    #eb522d 5.86%,
    rgba(255, 255, 255, 0.3) 98.77%
  );
  box-shadow: 0px 0px 12px #eb522d;
}

.partner-inner ul li:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
  width: 12px;
  height: 12px;
  background: linear-gradient(220.24deg, #eb522d -76.39%, #ffffff 175.35%);
  border-radius: 100%;
  box-shadow: 0px 0px 12px #eb522d;
}

.partner-inner .common-btn {
  margin-top: 50px;
}

.testimonials-outer {
  align-self: center;
}

.testimonials-outer .small-sub-title {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  padding-bottom: 15px;
  display: inline-block;
}

.testimonials-slide {
  position: relative;
}

.testimonials-slide .image-box {
  position: relative;
}

.testimonials-slide .image-box:after {
  content: "";
  position: absolute;
  width: 100%;
  /* height: 100%; */
  height: 189px;
  /* background: linear-gradient(180deg, #03081D 0%, #080B1C 100%); */
  top: 0;
  opacity: 1;
  left: 0;
  background-image: linear-gradient(
    -90deg,
    #060a1c 48.19%,
    rgba(0, 0, 0, 0) 79.66%
  );
  mix-blend-mode: normal;
  border-radius: 0px;
}

.testimonials-content {
  position: absolute;
  top: 50%;
  right: 0;
  max-width: 55%;
  transform: translateY(-50%);
}

.testimonials-content h3 {
  font-weight: 700;
  font-size: 24px;
  color: var(--white-color);
  margin-bottom: 15px;
}

.testimonials-content p {
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  max-width: 100%;
  padding: 0;
  line-height: 22px;
}

.testimonials-content .read-more {
  font-weight: 400;
  font-size: 14px;
  color: var(--read-text);
}

/* ===== Range-slider ===== */

.range-outer {
  padding: 100px 0 70px;
  background: linear-gradient(180deg, #03081d 0%, #080b1c 100%);
}

.range-outer h1 {
  text-align: center;
  margin-bottom: 50px;
}

.range-slide-Rightcontent-list svg {
  width: 15px;
}

.range-slider > ul::-webkit-scrollbar {
  display: none;
}

.range-slider > ul {
  text-align: center;
  padding-top: 80px;
  display: flex;
  overflow-x: auto;
  flex-wrap: nowrap;
}

.range-slide {
  padding: 0 12px;
  list-style: none;
  flex: 0 0 auto;
}

.range-slide-content {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 30px 30px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  mix-blend-mode: normal;
  border-radius: 15px;
  /* border: 0.95px solid;
  border-image-source: linear-gradient(
    179.95deg,
    rgba(255, 255, 255, 0.5) -47.99%,
    rgba(255, 255, 255, 0) 99.96%
  );
  border-image-slice: 1;*/
  height: 100%;
}

.range-slide-content img {
  flex: 0 0 0%;
  max-width: 36%;
  position: relative;
  top: -65px;
  height: fit-content;
  padding-right: 10px;
}

.range-slide-Rightcontent {
  flex: 0 0 64%;
  max-width: 64%;
  text-align: left;
  position: relative;
}

.range-slide-Rightcontent .topBtn {
  position: absolute;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--orange-color);
  text-shadow: 0px 8px 40px rgba(255, 255, 255, 0.25);
  border: 1px solid var(--orange-color);
  border-radius: 8px;
  padding: 12px 15px 7px;
  width: 116px;
  right: 0;
}

.range-slide-Rightcontent h4 {
  padding-top: 50px;
  font-weight: 700;
  font-size: 32px;
  color: var(--white-color);
}

.range-slide-Rightcontent-list {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 25px 0 12px;
  max-width: 100%;
}

.range-slide-Rightcontent-list li {
  flex: 0 0 50%;
  max-width: 50%;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  color: var(--white-color);
  text-shadow: 0px 8px 40px rgba(255, 255, 255, 0.25);
  text-align: left;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
}

.range-slide-Rightcontent-list li svg {
  fill: var(--white-color);
  margin-right: 10px;
  width: 25px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24));
  height: 25px;
  padding: 5px;
  mix-blend-mode: luminosity;
  backdrop-filter: blur(32px);
  border-radius: 16px;
}

.slider-controls {
  display: flex;
  padding-top: 80px;
}

.slider-controls > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.slide-bar {
  text-align: right;
}

.slide-nav {
  text-align: right;
  padding-right: 150px;
}

/* .slide-bar span {
  width: 20px;
  height: 6px;
  background: var(--gray-color);
  display: inline-block;
  border-radius: 10px;
}

.slide-bar span:first-child {
  width: 40px;
  background: var(--white-color);
} */

.slide-bar span + span {
  margin-left: 5px;
}

.slide-nav {
  text-align: right;
  padding-right: 100px;
  display: flex;
  justify-content: flex-end;
}

.left-btn,
.right-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 8px;
  width: 50px;
  box-shadow: 0px 7.63396px 38.1698px rgba(255, 255, 255, 0.02);
  border-radius: 24px;
  background-image: linear-gradient(
    278.61deg,
    rgba(8, 12, 31, 0.4) 0.01%,
    rgba(255, 255, 255, 0.4) 29.21%,
    rgba(232, 139, 118, 0.4) 50.78%,
    rgba(229, 80, 89, 0.4) 69.87%,
    rgba(8, 12, 31, 0.4) 101.66%
  );
  z-index: 0;
  position: relative;
}

.left-btn:before,
.right-btn:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #03081d;
  width: 95%;
  height: 95%;
  z-index: -1;
  border-radius: 24px;
}

.right-btn {
  margin-left: 10px;
}

.slide-nav svg {
  fill: var(--white-color);
}

.range-slider .common-btn:before {
  width: 97%;
  height: 96%;
}

/* ===== selectBlogs ===== */

.selectBlogs-outer {
  padding: 100px 0 70px;
  background: var(--primary-color);
}

.selectBlogs-outer h1 {
  text-align: center;
}

.selectBlogs-content {
  padding-top: 60px;
}

.selectBlogs-content li {
  list-style: none;
  padding: 30px 0 45px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.selectBlogs-wrapper span {
  display: block;
  border-radius: 6px;
  background-image: linear-gradient(
    279.62deg,
    #0a0f27 -1.62%,
    #ffffff 24.99%,
    #e88b76 47.4%,
    #e55059 77.04%,
    #0a0f27 107.03%
  );
  width: 150px;
  height: 120px;
  overflow: hidden;
  opacity: 0.1;
}

.selectBlogs-content li:last-child {
  border: 0;
}

.selectBlogs-rightContent {
  padding-left: 20px;
}

.selectBlogs-rightContent span {
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: #777776;
}

.selectBlogs-rightContent h2 {
  font-weight: 700;
  font-size: 32px;
  color: #ffffff;
  margin: 10px 0;
}

.selectBlogs-rightContent p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #e8e8e8;
}

.selectBlogs-content a {
  /* width: 225px;
  height: 54px;
  margin: 70px auto 0; */
  display: flex;
}

/* ===== Footer ===== */

footer {
  background: var(--primary-color);
  padding: 60px 0;
}

.footer-logo svg {
  width: 77%;
}

.footer-outer {
  display: flex;
  flex-wrap: wrap;
}

.footer-leftContent {
  flex: 0 0 30%;
  max-width: 30%;
}

.footer-rightContent {
  flex: 0 0 70%;
  max-width: 70%;
}

.footer-leftContent .banner-apps p {
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}

.footer-leftContent .banner-apps ul {
  justify-content: flex-start;
  align-items: center;
}

.footer-leftContent .banner-apps ul a {
  width: auto;
  height: auto;
  border: 0;
  background-image: none;
}

.footer-leftContent .banner-apps ul a:after {
  display: none;
}

.footer-leftContent .banner-apps svg {
  width: 25px;
}

.footer-leftContent .banner-apps li + li {
  margin-left: 40px;
}

.footer-leftContent .banner-apps li + li:after {
  left: -20px;
}

.footer-rightContent-outer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer-rightContent-outer > li {
  /* flex: 0 0 25%;
  max-width: 25%; */
}

.footer-SubTitle {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #f5f6f7;
}

.footer-rightContent-list > li + li {
  margin-top: 30px;
}

.footer-links {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ffffff;
  padding: 10px 0;
}

.footer-links:hover {
  background: linear-gradient(
    287.85deg,
    #ffffff 22.79%,
    #e88b76 60.19%,
    #e55059 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-shadow: none;
  position: relative;
  font-weight: 700;
}

/*
.footer-links:after, .footer-links:before {
    content: '';
    position: absolute;
    right: -16px;
    height: 100%;
    width: 1px;
    background: #fff;
    top: 0;
    opacity: .5;
}

.footer-links:before {
    left: 0;
    right: auto;
}
*/
.footer-bottom {
  /* margin-top: 100px; */
  margin-top: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 30px;
}

.footer-bottom p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #ffffff;
}

.footer-bottom .sub {
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #ffffff;
  opacity: 0.5;
}

.footer-bottom ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.footer-bottom ul li + li {
  margin-left: 25px;
}

.footer-bottom ul li svg {
  width: 100%;
}

/* ======= About-us =======
============================ */

.map-loctaion {
  padding-bottom: 40px;
}

.about-banner .main-banner-content {
  padding: 260px 0 100px;
}

.scroll-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  color: var(--white-color);
  justify-content: center;
  padding: 50px 0 100px;
}

.scroll-icon span {
  margin-right: 15px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 8px;
  width: 40px;
  height: 56px;
  box-shadow: 0px 7.63396px 38.1698px rgba(255, 255, 255, 0.02);
  border-radius: 24px;
  background-image: linear-gradient(
    278.61deg,
    rgba(8, 12, 31, 0.4) 0.01%,
    rgba(255, 255, 255, 0.4) 29.21%,
    rgba(232, 139, 118, 0.4) 50.78%,
    rgba(229, 80, 89, 0.4) 69.87%,
    rgba(8, 12, 31, 0.4) 101.66%
  );
  position: relative;
}

.scroll-icon span svg {
  z-index: 1;
}

.scroll-icon span:after {
  content: "";
  position: absolute;
  width: 95%;
  height: 95%;
  background: #080c1f;
  z-index: 0;
  border-radius: 50px;
}

/* ===== Future ===== */

.future-content {
  display: flex;
  flex-wrap: wrap;
}

.mainSub-title {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #777776;
  display: inline-block;
}

.future-outer {
  padding-bottom: 50px;
}

.future-content > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.future-left {
  padding: 80px 12px 0;
}

.future-right {
  padding: 0 12px;
}

.future-right .img-box {
  width: 624px;
  height: 363px;
  display: block;
  background: linear-gradient(
    279.62deg,
    #0a0f27 -1.62%,
    #ffffff 24.99%,
    #e88b76 47.4%,
    #e55059 77.04%,
    #0a0f27 107.03%
  );
  opacity: 0.1;
}

.future-right p {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  color: var(--text-blueColor);
  padding-top: 20px;
  line-height: 36px;
}

.mainTitle {
  font-weight: 700;
  font-size: 48px;
  color: #1d1d1b;
  margin-top: 25px;
}

/* ===== Achievements ===== */

.achievements-outer {
  padding: 50px 0;
}

.achievements-list {
  padding-top: 50px;
}

.achievements-list-item {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0;
}

.achievements-list-item + .achievements-list-item {
  margin-top: 30px;
}

.achievements-list-item.active {
  position: relative;
}

/*
.achievements-list-item.active:after {
    content: '';
    position: absolute;
    left: 20%;
    top: -180px;
    background-image: url(../images/roundg.svg);
    width: 400px;
    height: 400px;
    background-repeat: no-repeat;
    background-size: 400px;
}

.achievements-list-item.active:before {
    content: '';
    position: absolute;
    left: 40%;
    top:  -45%;
    background-image: url(../images/wwf.svg);
    width: 110px;
    height: 200px;
    background-size: 100px;
    display: block;
    background-repeat: no-repeat;
}
*/
.numbering {
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  color: rgba(42, 42, 42, 0.8);
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.achievements-name,
.achievements-year {
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  color: rgba(42, 42, 42, 0.8);
  transition: all 0.3s ease;
}

/*.achievements-list-item:hover .achievements-name,
.achievements-list-item:hover .numbering,
.achievements-list-item:hover .achievements-year {
    background: linear-gradient(90deg, #2a2a2a 0.13%, #ea522c 100.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 700;
}
*/
/*.achievements-list-item.active .numbering,
.achievements-list-item.active .achievements-year {
  color: #2a2a2a;
  font-weight: 700;
}
*/
.numbering,
.achievements-name,
.achievements-year {
  padding: 20px 30px;
}

.achievements-year {
  margin-left: auto;
}

/* ===== Deliver-Product ===== */

.deliver-products {
  padding: 100px 0;
}

.deliver-products-outer {
  padding-top: 80px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.deliver-products-content {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 12px;
}

.deliver-products-content h3 {
  font-weight: 700;
  font-size: 32px;
  color: #090c1d;
  margin: 25px 0 20px;
}

.deliver-products-content p {
  font-weight: 400;
  font-size: 16px;
  color: #090c1d;
  opacity: 0.7;
  padding-right: 40px;
}

/* ===== Deliver-Slider ===== */

.deliver-products-slider {
  padding: 100px 0 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.deliver-products-sliderContent {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 12px;
  align-self: self-end;
}

.orange-box {
  width: 8px;
  height: 8px;
  background: #fb4335;
}

.deliver-products-sliderContent h3 {
  font-weight: 700;
  font-size: 28px;
  color: #080b1c;
  margin: 10px 0 5px;
}

.deliver-products-sliderContent p {
  font-weight: 400;
  font-size: 16px;
  color: #080b1c;
}

.deliver-products-wrapper {
  padding-top: 30px;
}

.deliver-products-wrapper .img-box {
  max-width: 310px;
  height: 390px;
  background: linear-gradient(
    279.62deg,
    #0a0f27 -1.62%,
    #ffffff 24.99%,
    #e88b76 47.4%,
    #e55059 77.04%,
    #0a0f27 107.03%
  );
  opacity: 0.1;
  border-radius: 10px;
}

/* ===== Founders ===== */

.founders {
  padding: 100px 0;
}

.founders .container {
  max-width: 1170px;
}

.founders-outer {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.founders-details {
  flex: 0 0 60%;
  max-width: 60%;
  padding: 0 12px;
}

.founders-details h2 {
  color: #080b1c;
}

.designation {
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 1px;
  color: #fb4335;
  display: inline-block;
  margin: 5px 0 25px;
}

.founders-details p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #080b1c;
  text-shadow: 0px 8px 40px rgba(255, 255, 255, 0.25);
  padding-right: 80px;
}

.founders-social {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
}

.founders-social li + li {
  margin-left: 15px;
}

.founders-social a svg {
  width: 100%;
  fill: transparent;
}

.founders-wrapper {
  flex: 0 0 40%;
  max-width: 40%;
  padding: 0 12px;
}

.founders-img {
  position: relative;
  text-align: right;
}

.founders-img > img {
  filter: grayscale(1);
}

.dots {
  position: absolute;
  top: 0;
  right: 0;
}

.founders-img span.image-box {
  max-width: 411px;
  height: 411.95px;
  background: linear-gradient(
    279.62deg,
    #0a0f27 -1.62%,
    #ffffff 24.99%,
    #e88b76 47.4%,
    #e55059 77.04%,
    #0a0f27 107.03%
  );
  opacity: 0.1;
  display: block;
  position: relative;
}

/* ===== Advisors ===== */

.advisors-outer {
  padding: 100px 0;
}

.advisors-content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.advisors-left h2 {
  margin: 0;
  margin-bottom: 10px;
}

.advisors-left p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: #080b1c;
  text-shadow: 0px 8px 40px rgba(255, 255, 255, 0.25);
}

.advisors-left,
.advisors-right {
  padding: 0 12px;
}

.advisors-left {
  flex: 0 0 30%;
  max-width: 30%;
}

.advisors-right {
  flex: 0 0 70%;
  max-width: 70%;
}

.advisors-right-content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.advisors-card {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 0 12px;
}

.advisors-card h3 {
  font-weight: 700;
  font-size: 24px;
  color: #080b1c;
  margin: 20px 0 5px;
}

.advisors-card h5 {
  font-weight: 500;
  font-size: 16px;
  color: #fb4335;
  opacity: 0.8;
}

/* ===== Host ===== */

.host-outer {
  padding: 340px 0;
  background: var(--primary-color);
  background-repeat: no-repeat;
  background-size: cover;
}

.host-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 50%;
  margin: 0 auto;
}

.host-content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  /* text-transform: capitalize; */
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0px 8px 40px rgba(255, 255, 255, 0.25);
  margin: 20px 0 35px;
}

.host-content a.common-btn {
  width: 211px;
  height: 54px;
  margin-left:0;
  /* text-transform: uppercase; */
}

/* ======= Product page Circle =======
======================================= */

.product-banner {
  padding: 50px 0 0;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -12px;
  flex-direction: row;
}

/* .main-banner-content.product-banner {
  padding: 100px 0 150px;
} */
.main-banner-content.product-banner {
  padding-top: 60px;
  height: calc(100vh - 100px);
}

.main-banner-content.product-banner .product-banner-content h1 {
  text-shadow: none;
}

.product-banner-content,
.product-banner-wrapper {
  flex: 0 0 100%;
  max-width: 50%;
  padding: 0 15px;
}

/* .product-banner-wrapper img {
  width: 100%;
} */

.product-banner-content {
  padding-bottom: 150px;
}

.product-banner .acBtn a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  width: 116px;
  height: 34px;
  border: 1px solid #e55059;
  border-radius: 8px;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: #e55059;
  text-shadow: 0px 8px 40px rgba(255, 255, 255, 0.25);
  line-height: 1;
  margin-left: auto;
  margin-bottom: 15px;
}

.product-banner h1 {
  font-size: 96px;
  padding-bottom: 0;
  text-align: left;
}

.product-banner-content p {
  font-weight: 400;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.6);
  text-align: left;
}

.product-banner-content a.common-btn {
  width: 232px;
  height: 58px;
  margin-top: 60px;
  text-transform: uppercase;
  margin-left: 0;
}

.product-banner-wrapper {
  position: relative;
}

.product-banner-wrapper img {
  display: block;
  border-radius: 100%;
  position: absolute;
  left: -230px;
  top: 300px;
  z-index: 1;
  width: 80%;
}

/* ===== overview ===== */

.overview-outer {
  position: relative;
}

.overview-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.overview-left {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0;
}

.overview-left img {
  width: 90%;
}

.overview-right {
  flex: 0 0 40%;
  max-width: 40%;
}

.overview-right {
  padding: 100px 15px 50px 0;
}

.overview-right h3 {
  font-weight: 700;
  font-size: 32px;
  color: #04091e;
  margin-bottom: 10px;
}

.overview-right p {
  font-weight: 400;
  font-size: 20px;
  color: #03081d;
  opacity: 0.8;
}

.overview-list {
  padding-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.overview-list .icon {
  text-align: center;
}

.overview-list li {
  /* flex: 0 0 20%;
  max-width: 20%; */
  flex: 0 0 33.3% !important;
  max-width: 33.3% !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.overview-list li h5 {
  padding-top: 0 !important;
}

.overview-list .img-box {
  max-width: 25px;
  height: 25px;
  display: block;
  background: linear-gradient(
    279.62deg,
    #0a0f27 -1.62%,
    #ffffff 24.99%,
    #e88b76 47.4%,
    #e55059 77.04%,
    #0a0f27 107.03%
  );
  opacity: 0.1;
  margin: 0 auto;
}

.overview-list li h5 {
  text-align: center;
  padding-top: 10px;
  font-size: 16px;
  color: #000000;
}

/* ===== featured ===== */

.featured-list {
  padding: 50px 0;
}

.featured-list-outer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

/*.featured-list-content {
    flex: 0 0 20%;
    max-width: 20%;
}
*/
.featured-list-content h3 {
  font-weight: 700;
  font-size: 32px;
  color: #fb4335;
}

.featured-list-content p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
  padding-top: 8px;
}

/* ===== technical ===== */

.technical-outer {
  padding: 100px 0;
}

.technical-point {
  margin: 30px 0;
}

.technical-point > h2 {
  font-weight: 300;
   line-height: 1.2;
   letter-spacing: 0.5;
}

.technical-left .technical-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 43px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000000;
  opacity: 0.6;
  margin-bottom: 30px;
  display: inline-block;
}

.technical-content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.technical-left,
.technical-right {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 12px;
}

.technical-left {
  border-right: 2.5px solid rgba(3, 8, 29, 0.2);
  padding-top: 40px;
  padding-bottom: 80px;
}

.technical-point + .technical-point {
  margin-top: 30px;
}

.technical-point span {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #eb522d;
  display: inline-block;
  padding-bottom: 5px;
}

.technical-point h2 {
  font-weight: 700;
  font-size: 32px;
  color: #04091e;
}

.technical-right {
  align-self: center;
  text-align: center;
}

.technical-right .image-box {
  display: block;
  max-width: 350px;
  height: 350px;
  background: linear-gradient(
    279.62deg,
    #0a0f27 -1.62%,
    #ffffff 24.99%,
    #e88b76 47.4%,
    #e55059 77.04%,
    #0a0f27 107.03%
  );
  opacity: 0.1;
  margin: auto;
}

/* ===== PartnetCircle ===== */

.partnetCircle-outer {
  padding: 100px 50px;
  background: var(--primary-color);
  background-repeat: no-repeat;
  background-size: cover;
}

.partnetCircle-sub-title {
  font-weight: 400;
  font-size: 18px;
  line-height: 43px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fb4335;
}

.partnetCircle-content {
  max-width: 75%;
  /* margin: 0 auto; */
}

.partnetCircle-content h2 {
  font-weight: 700;
  font-size: 48px;
  color: #ffffff;
}

.partnetCircle-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0 -12px;
  padding: 80px 0 60px;
}

.partnetCircle-list li {
  margin: 10px 0 30px;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 0 12px;
}

.partnetCircle-card {
  padding-top: 8px;
  padding-left: 8px;
}

.partnetCircle-list + a {
  position: relative;
  /* left: 650px; */
  top:-280px
}

.partnetCircle-list li.one {
  background-image: url(../images/1.png);
  background-repeat: no-repeat;
  color: transparent;
}

.partnetCircle-list li.two {
  background-image: url(../images/2.png);
  background-repeat: no-repeat;
  color: transparent;
}

.partnetCircle-list li.three {
  background-image: url(../images/3.png);
  background-repeat: no-repeat;
  color: transparent;
}

.partnetCircle-card h4 {
  font-weight: 500;
  font-size: 24px;
  color: #ffffff;
}

.noWrap {

}

.partnetCircle-card p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.75px;
  white-space: nowrap;
  color: #ffffff;
  opacity: 0.7;
  max-width: 75%;
  padding-top: 5px;
}

.partnetCircle-content a.common-btn {
  width: 239px;
  height: 74px;
  font-size: 16px;
  text-transform: capitalize;
  letter-spacing: 0.01em;
}

/* ===== testimonialsCustomers ===== */

.testimonialsCustomers-outer {
  padding: 100px 0;
  background: #f5f6f7;
}

.testimonialsCustomers-content {
  text-align: center;
}

.testimonialsCustomers-content h2 {
  margin-top: 0;
}

.testimonialsCustomers-list {
  display: flex;
  flex-wrap: wrap;
  padding: 130px 0 0;
  margin: 0 -12px;
}

.testimonialsCustomers-list li {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 12px;
}

.testimonialsCustomers-card {
  background: #ffffff;
  padding: 0 40px 78px 40px;
  position: relative;
  border-radius: 8px;
  box-shadow: 4px 4px 68px rgba(0, 0, 0, 0.1);
  height: 100%;
}

.testimonialsCustomers-wrap {
  position: absolute;
  top: -58px;
  width: 110px;
  left: 50%;
  transform: translateX(-50%);
}

.testimonialsCustomers-card-content {
  padding-top: 80px;
}

.testimonialsCustomers-card-content h3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #000000;
}

.testimonialsCustomers-card-content h5 {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.6);
}

.testimonialsCustomers-card-content p {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #000000;
  padding: 15px 0;
}

.testimonialsCustomers-card-rating {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 29px;
}

/* ===== Faq ===== */

.faq-outer {
  padding: 100px 0 100px;
  background: #f5f6f7;
}

.faq-content {
  text-align: center;
  max-width: 90%;
  margin: 0 auto;
}

.faq-content .mainSub-title {
  margin-bottom: 10px;
}

.faq-content h2 {
  margin-top: 0;
}

.faq-tabs {
  padding-top: 50px;
  text-align: left;
}

.faq-tabs li {
  border-bottom: 1px solid rgb(0 0 0 / 5%);
}

.faq-tabs li + li {
  margin-top: 30px;
}

.faq-tabs-content h4 {
  font-weight: 700;
  font-size: 20px;
  display: flex;
  align-items: center;
  color: #1d1d1b;
  justify-content: space-between;
  padding-right: 10px;
}

.faq-tabs-content h4 svg {
  transform: rotate(90deg);
  fill: #111522;
  width: 10px;
  transition: 0.5s all;
}

.faq-tabs-content.active h4 svg {
  transform: rotate(-90deg);
  transition: 0.5s all;
}

.faq-tabs-content p {
  font-weight: 500;
  font-size: 16px;
  color: #4a4a49;
  line-height: 24px;
  padding: 10px 50px 0 0;
}

.faq-tabs-content {
  padding-bottom: 10px;
}

.faq-tabs ul a.common-btn {
  width: 251px;
  height: 58px;
  border: 2.5px solid #101941;
  filter: drop-shadow(0px 7.63396px 38.1698px rgba(255, 255, 255, 0.02));
  border-radius: 16px;
  text-transform: capitalize;
  font-size: 16px;
  background: transparent;
  color: #080c1f;
  margin: 60px auto 0;
  box-shadow: none;
}

.faq-outer-inner .faq-tabs ul a.common-btn {
  width: 285px;
  text-transform: uppercase;
}

.faq-tabs ul a.common-btn:before {
  display: none;
}

/* ===== RequestOuter ===== */

.request-outer {
  padding: 50px 0;
  background-image: url(../images/form.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.request-content h2 {
  color: #ffffff;
  margin: 0;
  margin-bottom: 15px;
}

.form-steps {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  padding: 0 12px;
}

.form-steps input[type="radio"] {
  background: linear-gradient(220.24deg, #eb522d -76.39%, #ffffff 175.35%);
  appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.form-check:first-child input {
  display: none;
}

.form-steps .form-check + .form-check {
  margin-left: 20px;
}

.request-content form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.request-item {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 12px;
  margin-bottom: 50px;
  position: relative;
}

.request-item img {
  position: absolute;
  top: 15px;
  left: 26px;
}

.request-item input,
.request-item textarea {
  width: 100%;
  padding: 10px 20px 10px 50px;
  /*max-width: 519px;*/
  height: 57px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  background: transparent;
  color: #fff;
  font-weight: 500;
}

.request-item input::placeholder,
.request-item textarea::placeholder {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  opacity: 0.6;
  font-family: "Mark Pro";
}

.request-item.textarea {
  flex: 0 0 100%;
  max-width: 100%;
}

.request-item.textarea textarea {
  height: auto;
  padding-top: 15px;
}

label.form-check-label {
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  margin-left: 10px;
  top: 1px;
  position: relative;
}

/* .request-outer .form-check:first-child label.form-check-label {
	margin-left: 0;
} */

.form-check-outer {
  display: flex;
  flex-wrap: wrap;
  padding: 0 12px;
  width: 100%;
}

.form-check-outer .form-check {
  display: flex;
  align-items: center;
}

.form-check + .form-check {
  margin-left: 50px;
}

.form-check-outer input[type="checkbox"] {
  background: transparent;
  appearance: none;
  width: 27px;
  height: 27px;
  border-radius: 2px;
  border: 2px solid #585e7a;
  position: relative;
}

.form-check-outer input[type="checkbox"]:checked {
  border-color: #fc5735;
}

.form-check-outer input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 19px;
  border: 2px solid #fc5735;
  display: block;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  left: 12px;
  top: -5px;
}

.form-check-outer input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  width: 10px;
  height: 16px;
  background: #080b1c;
}

.form-check-outer p {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 25px;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
}

.request-content button.common-btn {
  margin-top: 50px;
  margin-left: auto;
  width: 264px;
  text-transform: uppercase;
  margin-right: 10px;
  cursor: pointer;
}

.request-outer .request-item:nth-child(3) {
  flex: 0 0 50%;
  max-width: 50%;
}

/* ===== Blog-Outer ===== */

.blog-outer {
  padding: 100px 0;
}

.blog-content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.blog-content-item {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 12px;
}

.blog-content-item h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 150%;
  color: #1d1d1b;
  margin: 30px 0 15px;
}

.blog-content-item a {
  font-weight: 500;
  font-size: 20px;
  color: #fb432d;
  display: flex;
  align-items: center;
}

.blog-content-item a svg {
  fill: #fb432d;
  margin-left: 15px;
  width: 8px;
}

/* ======= Product Page Pillar =======
============================ */

.uno-pillar .product-banner-wrapper img {
  display: block;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  width: auto;
  transform: translateX(-50%);
}

.uno-pillar .overview-content {
  padding: 100px 0;
}

.uno-pillar .technical-right img {
  width: 70%;
}

.uno-pillar .main-banner {
  background-position: bottom;
}

/* ======= PWU Page =======
============================ */

.fullwidth-banner {
  padding: 200px 0;
}

.fullwidth-banner .product-banner-content {
  flex: 0 0 100%;
  max-width: 100%;
  padding-bottom: 0;
}

.fullwidth-banner p {
  max-width: 65%;
}

.pwd-btns {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}

.pwd-btns .common-btn:before {
  width: 98%;
  height: 97%;
}

.pwd-btns a.common-btn {
  font-size: 16px;
}

.articleBtn {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: #ffffff;
  display: flex;
  align-items: center;
  margin-left: 50px;
}

.fullwidth-banner .pwd-btns a {
  margin-top: 0;
  width: 239px;
  height: 74px;
  text-transform: capitalize;
}

.articleBtn svg {
  margin-left: 10px;
  width: 10px;
}

.host-list {
  background: var(--primary-color);
}

.host-list-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -12px;
}

.host-list-item {
  flex: 0 0 50%;
  max-width: 50%;
  padding-top: 50px;
  padding: 0 12px;
}

.host-item-number {
  font-weight: 400;
  font-size: 20px;
  color: #e8e8e8;
}

.host-list-item h3 {
  font-weight: 700;
  font-size: 44px;
  color: #ffffff;
  margin: 15px 0;
}

.host-list-item p {
  font-weight: 400;
  font-size: 24px;
  color: #d2d2d1;
}

.host-list-item:first-child {
  padding-right: 80px;
  position: relative;
  padding-top: 90px;
}

.host-item-wrapper {
  margin: 100px 0 0;
}

.host-list-item + .host-list-item {
  padding-left: 80px;
}

.host-list ul {
  position: relative;
  padding-bottom: 100px;
}

.host-list ul:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    279.62deg,
    #0a0f27 -1.62%,
    #ffffff 24.99%,
    #e88b76 47.4%,
    #e55059 77.04%,
    #0a0f27 107.03%
  );
  transform: rotate(-180deg) translateX(-50%);
}

.host-btn {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.01em;
  background: linear-gradient(97.79deg, #f94054 -0.1%, #fc441e 100.3%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-top: 30px;
}

.host-btn svg {
  margin-left: 10px;
  width: 8px;
  fill: #f94054;
}

.host-list-icons {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.host-list-icons img + img {
  margin-left: 15px;
}

.host-list-icons .image-box + .image-box {
  margin-left: 25px;
}

/* ======= Whyparnter =======*/

.whyParnter-outer {
  padding: 100px 0 40px;
}

.whyParnter-outer .mainTitle {
  margin: 0;
  margin-bottom: 60px;
}

.whyParnter-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.whyParnter-list li {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 12px;
  margin-bottom: 60px;
}

.whyParnter-icon {
  margin-bottom: 20px;
}

.whyParnter-item p {
  font-weight: 500;
  font-size: 16px;
  color: #090c1d;
  opacity: 0.7;
  padding-right: 50px;
}

/* ======= Review-Outer =======*/

.review-outer {
  padding: 100px 0;
}

.review-outer .container {
  max-width: 1080px;
}

.review-wrap {
  flex: 0 0 26%;
  max-width: 26%;
}

.review-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

.review .image-box {
  max-width: 50px;
  height: 50px;
}

.review-wrapContent {
  flex: 0 0 45%;
  max-width: 45%;
}

.review-wrapContent h3 {
  font-weight: 700;
  font-size: 40px;
  color: #000000;
}

.review-wrapContent p {
  font-weight: 400;
  font-size: 14px;
  color: #777776;
}

.review-wrapContent h3,
.review-wrapContent p {
  padding-left: 40px;
}

.review {
  background: var(--primary-color);
  padding: 40px 30px;
  margin-top: 25px;
  position: relative;
  z-index: 200;
}

.review img {
  display: flex !important;
  align-items: flex-start;
  height: 35px;
  width: 45px !important;
}

.review p {
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  padding-top: 15px;
}

.arrow-box {
  max-width: 100%;
  height: 136px;
  background: linear-gradient(
    to right,
    #f94054 0,
    transparent 61%,
    transparent 85%,
    #f94054 21%,
    #fc441e 100%
  );
  mix-blend-mode: multiply;
  position: absolute;
  bottom: 241px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  left: 0;
  z-index: 1;
}

.arrow-box svg:first-child {
  transform: rotate(180deg);
  width: 30px;
  margin-left: 60px;
}

.owl-carousel-review .owl-nav .owl-next {
  transform: rotate(180deg);
  margin-right: 50px;
}

.owl-carousel-review .owl-nav .owl-prev {
  margin-left: 50px;
}

.arrow-box svg:last-child {
  width: 30px;
  margin-right: 60px;
  margin-left: auto;
}

.review-nav {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 30px;
}

.review-nav span {
  font-weight: 400;
  font-size: 28px;
  text-align: center;
  color: #000000;
}

.review-nav span + span {
  padding-left: 20px;
}

.review-nav .active {
  font-weight: 400;
  font-size: 104px;
  line-height: 140%;
  text-align: center;
  background: linear-gradient(97.79deg, #f94054 -0.1%, #fc441e 100.3%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.pwd-form .form-check-outer p {
  margin-bottom: 0;
}

.pwd-form .form-check-outer .form-check-text {
  margin-bottom: 25px;
}

.faq-outer-inner {
  padding: 100px 0;
}

.pwd-form label.form-check-label {
  margin-left: 20px;
}

.pwd-form a.common-btn {
  text-transform: capitalize;
  width: 232px;
  letter-spacing: 0.01em;
}

.faq-outer-inner .mainSub-title {
  padding-bottom: 5px;
}

.faq-outer-inner .faq-tabs {
  padding-top: 70px;
}

/* ======= CSMS page =======
============================ */

.csms-product-banner {
  background-image: url(../images/csms-banner.png);
  background-position: 0 -120px;
}

.csms-product-banner .product-banner {
  padding: 100px 0 0;
}

.csms-product-banner .pwd-btns a.common-btn {
  margin: 0;
  width: 308px;
  text-transform: capitalize;
  height: 74px;
}

.csms-product-banner .pwd-btns a.articleBtn svg {
  width: 8px;
}

.csms-product-banner .product-banner-wrapper img {
  position: inherit;
  border-radius: inherit;
  left: 0;
  bottom: -200px;
  top: auto;
}

.csms-product-overview {
  padding: 150px 0 300px;
  background-image: url(../images/csms-banner-graph.png);
  background-repeat: no-repeat;
  background-position: 100% 110%;
}

.csms-product-overview .mainTitle {
  color: #04091e;
  margin: 0 0 25px 0;
}

.csms-product-overview p {
  font-size: 20px;
  max-width: 50%;
  margin-bottom: 100px;
}

/* ======= important-featured =======*/

.important-featured-outer {
  padding: 50px 0;
}

.important-featured-outer h2.mainTitle {
  text-align: center;
  margin: 0 0 100px 0;
}

.important-featured-content span {
  width: 80px;
  height: 80px;
  background: #343432;
  display: flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}

.important-featured-content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.important-featured-item:nth-child(2) li:first-child span {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background-color: inherit;
  align-items: inherit;
  justify-content: inherit;
}

.important-featured-item:nth-child(2) li:first-child span img {
  width: 70%;
}

.important-featured-item {
  flex: 0 0 28%;
  max-width: 28%;
  padding: 0 12px;
}

.important-featured-item:nth-child(2) {
  flex: 0 0 44%;
  max-width: 44%;
}

.important-featured-item li {
  margin-bottom: 80px;
}

.important-featured-item li h3 {
  padding-top: 20px;
  font-weight: 700;
  font-size: 24px;
  color: #090d1f;
}

.important-featured-item:nth-child(2) ul {
  padding-top: 50px;
}

/* ======= Client page ======= */

.client-outer {
  padding: 50px 0;
  background: #04091d;
}

.client-outer h2.mainTitle,
.partners-outer h2.mainTitle {
  color: #fff;
  text-align: center;
  margin: 0 0 20px 0;
}

.client-outer p {
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  max-width: 36%;
  margin: 0 auto 50px;
}

.client-content {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  /* overflow-x: auto; */
  animation: marquee 10s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(80vw);
  }

  100% {
    transform: translateX(-10vw);
  }
}

.client-content li {
  padding: 26px;
  margin: 0 10px;
  border: 1px solid rgba(29, 29, 27, 0.5);
  border-radius: 9.29412px;
  flex: 0 0 10.5%;
  max-width: 10.5%;
}

/* ======= Mobile-app ======= */

.mobile-app-outer {
  padding: 100px 0;
  background: #f5f6f7;
}

.mobile-app-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -12px;
}

.mobile-app-leftContent,
.mobile-app-rightContent {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
}

.mobile-app-rightContent h2.mainTitle {
  margin: 0 0 50px 0;
}

.mobile-app-content-list li + li {
  margin-top: 20px;
}

.mobile-app-content-list li {
  padding: 30px;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 15px;
  background: #f5f6f7;
  box-shadow: 0px 8px 52px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  transition: all 0.3s ease;
}

.mobile-app-content-list li h3 {
  font-size: 24px;
}

.mobile-app-content-list li:hover {
  border: 1px solid #f94054;
  /* border-image-source: linear-gradient(97.79deg, #F94054 -0.1%, #FC441E 100.3%);
    border-image-slice: 1;*/
}

.mobile-app-content-list li span {
  width: 55px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  margin-right: 20px;
  background: #ffece9;
}

.download-app-outer {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.download-app-outer a + a {
  margin-left: 20px;
}

.csms .request-content a.common-btn {
  text-transform: capitalize;
}

.csms .faq-outer {
  padding: 100px 0;
}

/* ======= Contact-Us =======*/

.contact-Us .main-banner-content {
  display: block;
  flex-direction: inherit;
  align-items: inherit;
  padding: 0;
  text-align: inherit;
  position: inherit;
  max-width: 90%;
  margin: 0 auto;
}

.contact-Us .main-banner-content h1 {
  font-size: 96px;
  text-align: left;
  text-shadow: none;
  padding: 50px 0 50px 12px;
}

.contact-Us .main-banner-content form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.contact-formCenter {
  flex-wrap: wrap;
  display: flex;
  align-content: flex-start;

}
.contact-formLeft {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.contact-formLeft,
.contact-formRight {
  padding: 0 12px;
}

.contact-formLeft a.common-btn {
  margin-left: 12px;
}

.contact-formLeft {
  flex: 0 0 60%;
  max-width: 60%;
}

.contact-formRight {
  flex: 0 0 40%;
  max-width: 40%;
}

.request-item:nth-child(3) {
  flex: 0 0 100%;
  max-width: 100%;
}

.contact-formRight-contant {
  border: 1px solid #fff;
  border-radius: 16px;
  display: inline-block;
  overflow: hidden;
  width: 100%;
}
.contact-formRight-contant iframe{
  width: 100%;
}

.contact-formRight-contant img {
  mix-blend-mode: luminosity;
}

.contact-formRight-contant h4 {
  font-weight: 400;
  font-size: 20px;
  text-transform: capitalize;
  color: #ffaab3;
  margin-top: 25px;
  margin-bottom: 5px;
}

.contact-formRight-contant p,
a,
span.days,
span.time {
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
}

.contact-formRight-address a,
span.days,
span.time {
  font-weight: 500;
  padding: 4px 0;
}

.contact-formRight-address {
  padding: 15px;
}

.contact-formRight-address a.number,
.contact-formRight-address span.days {
  padding-right: 10px;
  margin-right: 5px;
  border-right: 1px solid #888ca0;
}

.contact-social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 70px;
  border-top: 1px solid #283054;
  padding-top: 20px;
}

.contact-social-links li + li {
  margin-left: 20px;
}

.contact-social-links svg {
  width: 24px;
}

.contact-social-links path {
  fill: #8c8c8c;
}

.main-banner.contact-Us {
  padding: 50px 0 80px;
  background-image: url(../images/contact-banner-light.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}

/* ======= Blog detail page  =======
=============================== */

.blog-detail-banner h1 {
  font-weight: 700;
  font-size: 56px;
  line-height: 120%;
  text-align: center;
  color: #000000;
  max-width: 80%;
  margin: 60px auto 20px;
}

.blog-detail-banner p {
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #4a4a49;
  max-width: 80%;
  margin: 0 auto 50px;
}

.blog-detail-banner img {
  width: 100%;
}

.blog-detail-content p,
.blog-detail-content li {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: #000000;
}

.blog-detail-content {
  max-width: 40%;
  margin: 0 auto 100px;
}

.blog-detail-author {
  margin: 45px auto 0;
  border-top: 2px solid #000000;
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}

.blog-detail-authorLeft {
  flex: 0 0 50%;
  max-width: 50%;
}

.blog-detail-authorLeft h4 {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000000;
  padding-top: 5px;
}

.blog-detail-authorLeft p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  padding-top: 5px;
}

.blog-detail-authorLeft img {
  float: left;
  padding-right: 15px;
}

.blog-detail-authorRight .social-links {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #eaeaea;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.blog-detail-authorRight .social-links a {
  padding: 11px 25px;
  display: inherit;
}

.social-links a:first-child {
  border-right: 1px solid #eaeaea;
}

.blog-detail-content h2 {
  margin: 60px 0 30px;
}

/*.blog-detail-content img {
    margin: 40px 0 0;
}*/

.image-description {
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  color: #000000;
  max-width: 65%;
  display: block;
  margin: 10px auto 0;
}

.blog-detail-wwrapper {
  padding: 50px 0;
}

.blog-detail-content ul {
  margin: 50px 0;
}

.blog-detail-content ul h3 {
  font-weight: 400;
  margin-bottom: 15px;
}

.blog-detail-content ul li {
  padding-left: 20px;
  position: relative;
  display: inherit;
}

.blog-detail-content ul li:after {
  content: "";
  position: absolute;
  left: 0;
  width: 6px;
  height: 6px;
  background: #000;
  transform: rotate(45deg);
  top: 12px;
}

.blog-detail-content ul li + li {
  margin-top: 20px;
}

.blog-detail-authorFooter {
  margin-top: 50px;
}

.blog-detail-footer ul {
  display: flex;
  align-items: center;
  list-style: none;
  background: #ffffff;
  border: 1px solid #eaeaea;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.blog-detail-footer li:after {
  display: none;
}

.blog-detail-content .blog-detail-footer a {
  padding: 20px;
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
}

.blog-detail-content .blog-detail-footer a + a {
  margin: 0;
}

.blog-detail-content .blog-detail-footer li img {
  padding-right: 15px;
}

.blog-detail-content .blog-detail-footer a:first-child {
  border-right: 1px solid #eaeaea;
}

.blog-detail-footer p {
  font-weight: 500;
  font-size: 16px;
  color: #0c0c0c;
  margin-bottom: 25px;
}

.blog-detail-authorContent {
  padding-top: 30px;
  border-top: 1px dashed #000000;
  display: flex;
  align-items: center;
}

.blog-detail-authorContent p {
  margin: 0;
}

.blog-detail-authorContent p {
  margin: 0;
  padding-left: 25px;
}

.blog-sections h2:nth-child(n),
.blog-sections p:nth-child(n),
.blog-sections h3:nth-child(n) {
  margin-bottom: 10px;
}

.blog-sections h3:nth-child(n) {
  margin-top: 20px;
}

.blog-detail-img {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* ======= community Page  =======
=============================== */

.community .main-banner-content {
  padding: 100px 0 0;
  flex-direction: row;
}

.community .main-banner-contentLeft {
  flex: 0 0 60%;
  max-width: 60%;
}

.community .main-banner-contentRight {
  flex: 0 0 40%;
  max-width: 40%;
}

.community .main-banner-contentLeft h1 {
  text-align: left;
  line-height: 140%;
  text-shadow: none;
  padding-bottom: 30px;
}

.main-banner-contentLeft p {
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: #ffffff;
  text-shadow: 0px 8px 40px rgba(255, 255, 255, 0.25);
  text-align: left;
  padding-right: 180px;
}

.community .main-banner-contentRight img {
  position: relative;
  bottom: -15px;
  z-index: 1;
}

.blog-slider {
  padding: 100px 0;
}

.blog-slider-outer {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-right: -30px;
}

.blog-slider-item {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 0 30px;
}

.blog-date-outer {
  margin: 10px 0;
}

.blog-date-outer span {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #777776;
}

.blog-slider-item h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: #374151;
  margin-bottom: 10px;
}

.blog-slider-item p {
  font-weight: 500;
  font-size: 18px;
  line-height: 160%;
  color: #6b7280;
}

.blog-slider-outer .slide-bar span:first-child {
  width: 40px;
  border: 0;
  background: linear-gradient(97.79deg, #f94054 -0.1%, #fc441e 100.3%);
}

.blog-slider-outer .slide-bar span {
  background: #a5a5a4;
}

.blog-slider-outer .slide-bar {
  margin-top: 50px;
  margin-left: 30px;
}

.community .selectBlogs-outer {
  background: transparent;
}

.community .selectBlogs-outer h2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 140%;
  color: #1d1d1b;
}

.community .selectBlogs-content {
  padding-top: 0;
}

.community .selectBlogs-content .selectBlogs-rightContent {
  padding-left: 20px;
  flex: 0 0 80%;
  max-width: 80%;
}

.community .selectBlogs-content .selectBlogs-rightContent h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
  color: #374151;
}

.subscribe-uter {
  padding: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.subscribe-content {
  display: flex;
  align-items: center;
}

.subscribe-content > * {
  flex: 0 0 50%;
  max-width: 50%;
}

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

.subscribe-left h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 140%;
  color: #ffffff;
  padding-right: 50px;
}

.subscribe-left input {
  border: 1.5px solid #404353;
  filter: drop-shadow(0px 7.63396px 38.1698px rgba(255, 255, 255, 0.02));
  border-radius: 16px;
  background: transparent;
  padding: 16px 32px;
  width: 380px;
  position: relative;
}

.subscribe-left input::placeholder {
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.01em;
  color: #ffffff;
  font-family: "Mark Pro";
}

.subscribe-left form {
  margin-top: 40px;
  padding: 0 12px;
  align-items: center;
}

.subscribe-left form button {
  padding: 16px 32px;
  margin-left: 10px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.01em;
  font-family: "Mark Pro";
  color: #ffffff;
  position: relative;
  filter: drop-shadow(0px 7.63396px 38.1698px rgba(255, 255, 255, 0.02));
  border-radius: 16px;
  border: 0;
  background: radial-gradient(
    70.37% 70.37% at 50% 50%,
    rgba(251, 67, 53, 0.2) 0%,
    rgba(251, 67, 53, 0) 100%
  );
}

.subscribe-left form button:after {
  content: "";
  position: absolute;
  width: 99%;
  height: 99%;
  z-index: 0;
  border-radius: 16px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-image: linear-gradient(
    88.41deg,
    rgba(229, 80, 89, 0.5) 0%,
    rgba(232, 139, 118, 0.5) 42.31%,
    rgba(255, 255, 255, 0.5) 99.7%
  );
  border: 1px solid;
}

.host-list-item + .host-list-item .host-item-number,
.host-list-item + .host-list-item h3 {
  display: none;
}

/* ===== Media Query =====
============================ */

@media (max-width: 1440px) {
  .range-slide-content {
    /* width: 620px; */
  }

  .host-outer {
    padding: 200px 0;
    background-position: top;
  }

  .client-content li {
    flex: 0 0 auto;
    max-width: inherit;
  }

  .product-banner-wrapper img {
    left: -180px;
    top: 300px;
    width: 70%;
  }
}

@media (max-width: 1280px) {
  .uno-pillar .product-banner-wrapper img {
    width: 50%;
  }

  .uno-pillar .overview-content {
    padding: 0 0;
  }

  .overview-right {
    padding: 100px 15px 50px 0;
  }

  .product-banner h1,
  .contact-Us .main-banner-content h1 {
    font-size: 76px;
  }

  .partnetCircle-content {
    max-width: 85%;
  }

  .request-outer {
    padding: 50px 12px;
  }

  .client-outer p {
    max-width: 55%;
  }

  .blog-detail-banner h1 {
    font-size: 48px;
    max-width: 80%;
  }

  .community .main-banner-contentLeft h1 {
    font-size: 48px;
  }

  .subscribe-left h2 {
    font-size: 36px;
  }

  .blog-slider-outer {
    margin: 0;
  }
}

@media (min-width: 992px) and (max-width: 1110px) {
  .navbar-nav .nav-item,
  .navbar-nav .nav-item.active {
    margin-left: 30px;
  }
}

@media (max-width: 1080px) {
  .host-content {
    max-width: 70%;
  }

  .overview-right {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .partnetCircle-card p {
    max-width: 100%;
  }

  .partnetCircle-content {
    max-width: 100%;
  }

  .csms-product-banner .pwd-btns a.common-btn {
    width: 250px;
    height: 65px;
    font-size: 14px;
    padding: 16px;
  }

  .product-banner h1,
  .contact-Us .main-banner-content h1 {
    font-size: 56px;
  }
}

@media (max-width: 1024px) {
  .product-banner-wrapper img {
    left: -140px;
    top: 220px;
    width: 65%;
  }

  .main-banner-content {
    padding: 100px 0;
  }

  .main-banner-content.product-banner {
    padding: 50px 0 0;
  }

  .revolution-outer,
  .partner-outer,
  .range-outer,
  .selectBlogs-outer {
    padding: 50px 0;
  }

  .chargingSteps-rightContent {
    padding: 50px 12px;
  }

  .slider-controls,
  .range-slider > ul {
    padding-top: 50px;
  }

  .selectBlogs-content a {
    margin: 50px auto 0;
  }

  .main-banner-content.product-banner.fullwidth-banner {
    padding: 50px 0;
  }

  .blog-detail-banner h1 {
    max-width: 70%;
  }

  .blog-detail-banner p {
    max-width: 80%;
  }

  .blog-detail-content {
    max-width: 60%;
  }

  .csms-product-overview {
    padding: 100px 0 300px;
    background-position: 0 110%;
  }

  .pwd-form .partner-check-box label.form-check-label {
    margin-left: 15px;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
}

@media only screen and (max-width: 991px) {
  .navbar-collapse.show {
    left: 0;
  }

  header .navbar {
    padding: 14px 0;
  }

  h1 {
    font-size: 36px;
  }

  .mainTitle {
    font-size: 34px;
  }

  .navbar-toggler {
    padding: 0;
    background: transparent;
    border: 0;
  }

  /*.navbar-collapse {
    display: none;
  }
*/
  .navbar-toggler span {
    display: block;
    width: 25px;
    height: 3px;
    background: #fff;
  }

  .navbar-toggler span + span {
    margin-top: 5px;
  }

  .navbar-collapse {
    position: absolute;
    top: 55px;
    background-image: url(../images/mobile-menu-bg.png);
    background-color: var(--primary-color);
    width: 100%;
    height: 100vh;
    left: -100%;
    z-index: 2;
    padding: 0 15px 0 15px;
    transition: all 0.3s ease;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .navbar-collapse.show .nav-item.dropdown ul.dropdown-menu {
    left: 0;
  }

  .nav-item.dropdown ul.dropdown-menu {
    left: 0;
    top: 0;
    transform: inherit;
    position: relative;
    padding: 0;
    height: 0;
  }

  .nav-item.dropdown:hover ul.dropdown-menu {
    top: 0;
    position: relative;
    opacity: 0;
    visibility: hidden;
  }

  .nav-item.dropdown.show-dropdown ul.dropdown-menu {
    height: 100%;
    opacity: 1;
    visibility: visible;
  }

  .dropdown-menu li {
    text-align: left;
  }

  .nav-item.dropdown.show-dropdown ul.dropdown-menu {
    height: 100%;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    /* padding-left: 50px; */
    padding-left: 36px;
  }

  .dropdown-menu .dropdown-item:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 0.5px;
    background: #fff;
    left: -23px;
    top: 50%;
    transform: translateY(-50%);
  }

  .dropdown-menu .dropdown-item {
    font-size: 16px;
    position: relative;
  }

  .nav-item.dropdown.show-dropdown ul.dropdown-menu li {
    text-align: left;
  }

  .navbar-expand-lg .navbar-nav {
    margin-right: auto;
    margin-left: inherit;
    max-width: 350px;
    padding-top: 30px;
  }

  .navbar-nav .nav-item {
    margin-left: 0;
    margin-bottom: 15px;
  }

  .navbar-nav a.nav-link,
  .navbar-nav a.nav-link.active {
    font-size: 20px;
    padding: 15px 0 15px 8px;
    width: 90%;
  }

  .navbar-nav .dropdown a.nav-link:after {
    display: none;
  }

  .navbar-nav .nav-item:after {
    position: relative;
  }

  .navbar-nav .nav-item.dropdown:after {
    content: "";
    position: absolute;
    right: 10px;
    width: 6px;
    height: 6px;
    border: 2px solid #ffffff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
    top: 20px;
  }

  .main-banner-content {
    padding: 50px 0 0;
  }

  .main-banner-content h1,
  .community .main-banner-contentLeft h1 {
    font-size: 36px;
  }

  .bottom-shape {
    position: relative;
    margin-top: 50px;
    width: 140px;
    height: 230px;
    bottom: 0;
  }

  .featured-content li + li {
    margin-left: 20px;
  }

  .featured-content li + li:after {
    left: -50px;
  }

  .featured-content li img {
    width: 80%;
  }

  .main-banner-content > p {
    max-width: 90%;
  }

  .chargingSteps-content {
    flex-direction: column-reverse;
  }

  .chargingSteps-rightContent,
  .chargingSteps-wrapper,
  .partner-inner,
  .range-slide-Rightcontent,
  .range-slide-content img,
  .selectBlogs-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .selectBlogs-rightContent {
    flex-direction: column;
    max-width: 100%;
  }

  .partner-inner {
    text-align: center;
  }

  .partner-inner p {
    margin: 0 auto;
  }

  .partner-inner ul {
    justify-content: center;
  }

  .partner-inner .common-btn {
    margin: 50px auto;
  }

  .testimonials-slide .image-box {
    margin: 0 auto;
  }

  .testimonials-content {
    position: relative;
    /*margin: 0 auto;*/
    margin: 20px auto 0;
    /*top: -35px;*/
    transform: inherit;
  }

  .range-slide-content img {
    height: auto;
    max-width: fit-content;
    margin: 0 auto;
  }

  .range-slide-content {
    /* width: 500px; */
  }

  .range-slide-Rightcontent h4 {
    text-align: center;
  }

  .selectBlogs-wrapper {
    margin-bottom: 30px;
  }

  .selectBlogs-wrapper span {
    width: 100%;
  }

  .footer-rightContent-outer > li {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 40px;
  }

  .bottom-shape img {
    padding: 4px;
  }

  .revolution-content h1,
  .chargingSteps-rightContent h3 strong,
  .partner-inner h2,
  .range-outer h1,
  .selectBlogs-outer h1,
  .product-banner h1,
  .contact-Us .main-banner-content h1 {
    font-size: 36px;
  }

  .revolution-outer .bg {
    padding-top: 250px;
  }

  .revolution-content {
    left: 30px;
  }

  .chargingSteps-rightContent h3 {
    font-size: 24px;
    line-height: 45px;
  }

  .host-outer {
    padding: 100px 0;
  }

  .about-banner .main-banner-content {
    padding: 70px 0 0;
  }

  .map-loctaion img {
    width: 80%;
  }

  .deliver-products-content {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 12px 30px;
  }

  .achievements-outer,
  .deliver-products,
  .founders,
  .advisors-outer,
  .technical-outer,
  .partnetCircle-list,
  .testimonialsCustomers-outer {
    padding: 50px 0;
  }

  .deliver-products h2 {
    margin: 0;
  }

  .deliver-products-slider {
    padding: 50px 0 0;
    overflow: auto;
    flex-wrap: nowrap;
  }

  .deliver-products-sliderContent {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 12px;
  }

  .product-banner-content p {
    font-size: 18px;
    margin-top: 15px;
  }

  .overview-right h3 {
    font-size: 28px;
  }

  .overview-right p {
    font-size: 18px;
  }

  .overview-list {
    padding-top: 30px;
  }

  .overview-list li {
    flex: 0 0 22%;
    max-width: 22%;
  }

  .overview-list li h5 {
    font-size: 15px;
  }

  .technical-point h2 {
    font-size: 28px;
  }

  .partnetCircle-outer {
    padding: 50px 30px;

  }

  .partnetCircle-card h4 {
    font-size: 20px;
  }

  .partnetCircle-content h2 {
    font-size: 34px;
  }

  .testimonialsCustomers-list {
    padding: 100px 0 0;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .testimonialsCustomers-list li {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .form-check-outer input[type="checkbox"] {
    width: 22px;
    height: 22px;
  }

  label.form-check-label {
    font-size: 15px;
  }

  .form-check-outer input[type="checkbox"]:checked::after {
    width: 6px;
    height: 15px;
    left: 10px;
    top: -5px;
  }

  .form-check + .form-check {
    margin-left: 30px;
  }

  .blog-outer {
    padding: 50px 10px;
  }

  .blog-content-item h3 {
    font-size: 28px;
  }

  .fullwidth-banner .pwd-btns a {
    width: 230px;
    height: 54px;
    border-radius: 8px;
  }

  .host-list-item h3 {
    font-size: 36px;
  }

  .host-list-item p {
    font-size: 20px;
  }

  .host-list-item:first-child {
    padding-right: 50px;
    padding-top: 50px;
  }

  .host-list-item + .host-list-item {
    padding-left: 50px;
  }

  .whyParnter-outer {
    padding: 50px 0;
  }

  .whyParnter-outer .mainTitle {
    margin-bottom: 40px;
  }

  .review-outer {
    padding: 50px 0;
  }

  .arrow-box {
    height: 86px;
    bottom: 197px;
  }

  .review p {
    font-size: 16px;
    padding-top: 10px;
  }

  .review-wrap {
    flex: 0 0 35%;
    max-width: 35%;
  }

  .arrow-box svg:last-child {
    width: 25px;
    margin-right: 25px;
  }

  .arrow-box svg:first-child {
    width: 25px;
    margin-left: 20px;
  }

  .review {
    padding: 20px;
  }

  .review-nav .active {
    font-size: 75px;
  }

  .whyParnter-item p {
    padding-right: 0;
  }

  .faq-outer-inner {
    padding: 50px 0;
  }

  .faq-outer-inner .faq-tabs {
    padding-top: 40px;
  }

  .csms-product-banner .product-banner-wrapper img {
    bottom: -150px;
  }

  .csms .pwd-btns {
    margin-top: 30px;
  }

  .csms .articleBtn {
    margin-top: 30px;
  }

  .csms-product-banner .pwd-btns a.common-btn {
    height: 55px;
  }

  .csms-product-overview p {
    margin-bottom: 50px;
    max-width: 100%;
  }

  .important-featured-outer h2.mainTitle {
    margin: 0 0 50px 0;
  }

  .important-featured-item,
  .important-featured-item:nth-child(2) {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

  .important-featured-item li {
    margin-bottom: 50px;
  }

  .client-outer {
    padding: 50px 0;
  }

  .client-outer p {
    max-width: 90%;
  }

  .mobile-app-outer {
    padding: 50px 0;
  }

  .download-app-outer img {
    width: 160px;
  }

  .csms .faq-outer {
    padding: 50px 0;
  }

  .footer-bottom {
    margin-top: 30px;
  }

  .important-featured-item li h3,
  .client-outer p {
    font-size: 18px;
  }

  .mobile-app-content-list li h3 {
    font-size: 18px;
  }

  .blog-detail-banner h1 {
    max-width: 90%;
    font-size: 24px;
    margin: 30px auto 20px;
  }

  .blog-detail-banner p {
    max-width: 80%;
    margin-bottom: 30px;
  }

  .blog-detail-content {
    max-width: 80%;
    margin: 0 auto 50px;
  }

  .community .main-banner-content {
    padding: 50px 0 0;
  }

  .main-banner-contentLeft p {
    padding-right: 100px;
  }

  .blog-slider {
    padding: 50px 0;
  }

  .blog-slider-item {
    padding: 0 10px;
  }

  .blog-slider-item h2 {
    font-size: 20px;
  }

  .blog-slider-item p {
    font-size: 18px;
  }

  .blog-slider-outer .slide-bar {
    margin-top: 30px;
  }

  .blog-slider {
    padding: 50px 0 0;
  }

  .community .selectBlogs-outer h2 {
    font-size: 36px;
  }

  .community .selectBlogs-wrapper,
  .landing-page .selectBlogs-wrapper {
    flex: 0 0 auto;
    max-width: inherit;
    margin: 0;
  }

  .community .selectBlogs-content .selectBlogs-rightContent {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .selectBlogs-content li {
    padding: 20px 0;
  }

  .community .selectBlogs-content .selectBlogs-rightContent h2 {
    font-size: 28px;
  }

  .subscribe-left h2 {
    font-size: 26px;
    padding: 0;
  }

  .subscribe-right {
    flex: 0 0 30%;
    max-width: 30%;
    margin-left: auto;
  }

  .subscribe-content {
    padding: 30px 0 20px;
  }

  .subscribe-left {
    flex: 70%;
    max-width: 70%;
  }

  .subscribe-left input {
    width: 350px;
  }

  .product-banner-content {
    padding-bottom: 100px;
  }

  .product-banner-wrapper img {
    left: -120px;
    top: 190px;
    width: 76%;
  }

  .contact-Us .main-banner-content h1 {
    padding: 0 0 25px 12px;
  }

  .contact-Us .main-banner-content {
    max-width: 95%;
  }

  .contact-formRight,
  .contact-formLeft {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .request-item {
    margin-bottom: 25px;
  }

  .contact-formLeft a.common-btn {
    margin-left: auto;
  }

  .contact-formRight {
    margin-top: 50px;
    text-align: center;
  }

  .contact-formRight-contant {
    text-align: left;
  }

  .contact-social-links {
    margin-top: 40px;
  }

  .csms-product-overview {
    padding: 50px 0 0;
    background-image: none;
  }
}

@media only screen and (max-width: 767px) {
  .product-banner-content,
  .product-banner-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 0;
  }

  .product-banner-content p {
    font-size: 16px;
  }

  .product-banner .acBtn a {
    margin-right: auto;
    margin-left: 0;
  }

  .product-banner-content a.common-btn {
    margin-top: 30px;
  }

  .overview-left,
  .overview-right {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 30px 20px 0;
  }

  .overview-right {
    padding: 130px 20px 0;
  }

  .main-banner-content.product-banner {
    padding: 50px 0 200px;
  }

  .product-banner-wrapper img {
    left: 230px;
    top: 0;
    width: 40%;
  }

  .overview-left {
    display: none;
  }

  .overview-right p {
    font-size: 16px;
  }

  .overview-list li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    margin-bottom: 35px;
  }

  .featured-list-outer {
    padding: 0 12px;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .featured-list-content {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 50px;
  }

  .featured-list {
    padding: 50px 0 0;
  }

  .faq-outer {
    padding: 50px 0;
  }

  .form-check-outer .form-check {
    margin-bottom: 25px;
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }

  .main-banner-content.product-banner.fullwidth-banner h1 {
    font-size: 32px;
  }

  .pwd-btns {
    margin-top: 30px;
  }

  .fullwidth-banner .product-banner-content a.common-btn {
    margin-top: 0;
  }

  .host-list-item {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .host-list ul:after {
    display: none;
  }

  .host-item-wrapper {
    display: none;
  }

  .host-list-item img {
    display: block !important;
  }

  .host-list-item:first-child {
    display: none;
  }

  .host-list-item + .host-list-item .host-item-number,
  .host-list-item + .host-list-item h3 {
    display: block;
  }

  .host-list-item + .host-list-item h3 {
    float: left;
  }

  .host-list-icons {
    padding-left: 20px;
    margin: 27px 0 0 0;
  }

  .host-list-icons img {
    width: 18px;
    height: 18px;
  }

  .host-list-icons img + img {
    margin-left: 10px;
  }

  .host-list-item + .host-list-item {
    padding: 30px 24px;
  }

  .host-list-item p {
    font-size: 20px;
    clear: both;
  }

  .host-btn {
    margin-top: 10px;
    margin-bottom: 50px;
  }

  .whyParnter-list li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    margin-bottom: 40px;
  }

  .pwd-form .form-check-outer p {
    margin-bottom: 25px;
  }

  .csms-product-banner .product-banner-wrapper img {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
  }

  .csms-product-banner .product-banner-wrapper {
    bottom: -120px;
  }

  .csms-product-overview p {
    max-width: 100%;
  }

  .csms .articleBtn {
    margin-top: 0;
  }

  .main-banner-content h1,
  .community .main-banner-contentLeft h1 {
    font-size: 24px;
  }

  .main-banner-contentLeft p {
    padding-right: 0;
    font-size: 16px;
  }

  .blog-slider-item {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .blog-slider-item + .blog-slider-item {
    margin-top: 40px;
  }

  .blog-slider-outer .slide-bar {
    margin-top: 20px;
    margin-left: 10px;
  }

  .selectBlogs-content li {
    justify-content: center;
  }

  .community .selectBlogs-content .selectBlogs-rightContent {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px 0;
  }

  .community .selectBlogs-outer {
    padding: 50px 12px;
  }

  .community .selectBlogs-content .selectBlogs-rightContent h2 {
    font-size: 24px;
  }

  .uno-pillar .product-banner-wrapper img {
    width: 20%;
  }

  .uno-pillar .technical-right img {
    width: 100%;
  }
  .terms-banner .terms-banner--innner {
    padding: 0px 25px;
  }
  .terms-banner {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .terms-banner--content--list {
    margin-left: 10px;
  }
  .terms-banner .terms-banner--innner .terms-banner--content p {
    font-size: 16px;
  }
  .terms-banner .terms-banner--innner h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 600px) {
  .dots {
    display: none;
  }

  .featured-content li + li:after {
    left: -30px;
  }
}

@media only screen and (max-width: 575px) {
  .partner-check-box {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
  }

  .submit-button {
    margin-top: 30px !important;
    width: 100% !important;
  }

  .dots {
    display: none;
  }

  nav a.navbar-brand svg {
    width: 80%;
  }

  h1 {
    font-size: 36px;
  }

  .mainTitle {
    font-size: 24px;
  }

  .mainSub-title {
    font-size: 14px;
  }

  .charging-wrapper a.common-btn {
    display: flex;
    width: 120px;
    height: 35px;
    font-size: 12px;
    padding: 8px 16px;
    border-radius: 8px;
    line-height: 18px;
  }

  .charging-wrapper a.common-btn:before {
    border-radius: 8px;
  }

  .main-banner-content h1 {
    font-size: 24px;
    line-height: 36px;
  }

  .main-banner-content > p {
    font-size: 14px;
    color: var(--text-color);
  }

  .banner-apps ul a {
    width: 30px;
    height: 30px;
  }

  .banner-apps {
    margin-top: 30px;
  }

  .bottom-shape {
    width: 96px;
    height: 152px;
  }

  .bottom-shape img {
    padding: 6px;
  }

  .charging-wrapper h1 {
    padding-bottom: 30px;
  }

  .featured-outer {
    padding: 0 0 25px;
  }

  .featured-content {
    padding-top: 20px;
  }

  .featured-outer h3 {
    font-size: 14px;
  }

  .featured-content li + li {
    margin-left: 0;
  }

  .revolution-content h1,
  .chargingSteps-rightContent h3 strong,
  .partner-inner h2,
  .range-outer h1,
  .range-slide-Rightcontent h4,
  .selectBlogs-outer h1,
  .partnetCircle-content h2 {
    font-size: 24px;
  }

  .revolution-content p {
    font-size: 14px;
    line-height: 22px;
  }

  .revolution-outer .bg {
    padding-top: 200px;
  }

  .chargingSteps-rightContent h3 {
    font-size: 20px;
    line-height: 35px;
  }

  .appStores-wrap {
    padding: 12px;
    width: 148px;
    height: 48px;
    font-size: 12px;
  }

  .chargingSteps-rightContent {
    padding: 50px 0;
  }

  .partner-inner p {
    font-size: 14px;
    max-width: 90%;
    line-height: 26px;
    padding-bottom: 40px;
  }

  .partner-inner h2 {
    background: linear-gradient(
      279.62deg,
      #0a0f27 -1.62%,
      #ffffff 24.99%,
      #e88b76 47.4%,
      #e55059 77.04%,
      #0a0f27 107.03%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 18px 0 15px;
  }

  .partner-inner .sub-title {
    font-size: 14px;
  }

  .partner-inner ul li {
    padding-top: 25px;
    font-size: 12px;
  }

  .partner-inner .common-btn {
    width: 150px;
    height: 46px;
    padding: 16px 12px;
  }

  .testimonials-outer .small-sub-title {
    display: none;
  }

  .testimonials-content {
    position: relative;
    margin: -40px auto 0;
    transform: inherit;
    max-width: 90%;
  }

  .testimonials-slide .image-box:after {
    background-image: linear-gradient(
      357deg,
      #060a1c 8.19%,
      rgba(0, 0, 0, 0) 79.66%
    );
  }

  .testimonials-content p {
    padding: 0;
  }

  .range-slide-Rightcontent .topBtn {
    display: none;
  }

  .range-slide-Rightcontent-list li {
    font-weight: 400;
    font-size: 14px;
  }

  .range-slide-Rightcontent .common-btn {
    margin: 0 auto;
    width: 150px;
    height: 46px;
    padding: 16px 12px;
  }

  .selectBlogs-wrapper {
    margin: 0 auto 30px;
    text-align: center;
  }

  .footer-leftContent {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 50px;
  }

  .footer-logo svg {
    width: 40%;
  }

  .footer-SubTitle {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff;
  }

  .footer-links {
    font-size: 12px;
    padding: 0;
    opacity: 0.6;
  }

  .footer-rightContent-list > li + li {
    margin-top: 18px;
  }

  .footer-rightContent {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .footer-bottom {
    margin-top: 0;
    justify-content: center;
    flex-direction: column;
    border: 0;
    padding: 0;
    border-bottom: 1px solid;
    border-image-source: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.23) 54.17%,
      rgba(255, 255, 255, 0) 100%
    );
    border-image-slice: 1;
    padding-bottom: 30px;
  }

  footer .banner-apps ul a svg {
    width: 20px;
    opacity: 0.6;
  }

  .banner-apps ul a svg {
    width: 14px;
    z-index: 1;
  }

  footer {
    padding: 60px 12px 30px;
  }

  footer .banner-apps li + li:after {
    opacity: 0.3;
  }

  .footer-bottom ul {
    margin-top: 25px;
    align-items: self-start;
    max-width: 70%;
  }

  footer .banner-apps {
    display: none;
  }

  footer .banner-apps {
    margin-top: 0;
  }

  .footer-leftContent {
    margin-bottom: 30px;
  }

  footer .banner-apps p {
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
  }

  footer .banner-apps ul {
    justify-content: start;
  }

  .footer-bottom ul li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    margin-bottom: 20px;
    text-align: center;
  }

  .footer-bottom ul li + li {
    margin: 0;
  }

  .footer-bottom ul li svg {
    opacity: 0.6;
  }

  .footer-rightContent-outer li:nth-child(5),
  .footer-rightContent-outer li:nth-child(6) {
    display: block !important;
  }

  .footer-rightContent-outer li:nth-child(6) .banner-apps {
    display: block;
  }

  .footer-rightContent-outer li:nth-child(5) .footer-bottom ul {
    display: flex;
  }

  .footer-rightContent-outer li:nth-child(5) .footer-bottom {
    border: 0;
    padding: 0;
  }

  .footer-rightContent-outer li:nth-child(5) .footer-bottom p {
    text-align: left;
  }

  .footer-bottom ul {
    display: none;
  }

  .footer-bottom p {
    text-align: center;
    color: #bbbbbd;
  }

  .scroll-icon {
    display: none;
  }

  .map-loctaion img {
    width: 60%;
  }

  .about-banner .main-banner-content {
    padding: 70px 0;
  }

  .map-loctaion {
    padding-bottom: 20px;
  }

  .future-content > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .future-left {
    padding: 0 12px 0;
  }

  .future-right img {
    display: none;
  }

  .future-left img {
    display: block !important;
  }

  .future-left span.mainSub-title {
    margin-top: 20px;
    font-size: 14px;
  }

  .future-left h2.mainTitle {
    margin-top: 10px;
  }

  .future-right p {
    padding-top: 5px;
    font-size: 16px;
    line-height: 24px;
  }

  .future-outer {
    padding-bottom: 20px;
  }

  .achievements-content h2.mainTitle {
    margin-top: 10px;
  }

  .achievements-content h2.mainTitle,
  .achievements-content span.mainSub-title {
    padding-left: 12px;
  }

  .numbering,
  .achievements-name,
  .achievements-year {
    padding: 10px 20px;
    font-size: 16px;
  }

  .achievements-list-item + .achievements-list-item {
    margin-top: 0px;
  }

  .achievements-outer,
  .deliver-products,
  .founders,
  .advisors-outer {
    padding: 30px 0;
  }

  .deliver-products h2 br {
    display: none;
  }

  .deliver-products-outer {
    padding-top: 40px;
  }

  .deliver-products-content h3 {
    font-size: 20px;
    margin: 15px 0 10px;
  }

  .deliver-products-content p {
    padding-right: 0;
  }

  .deliver-products-sliderContent h3 {
    font-size: 18px;
  }

  .deliver-products-sliderContent p {
    font-size: 12px;
  }

  .founders-details,
  .founders-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 24px;
  }

  .founders .mainSub-title {
    padding-left: 12px;
  }

  .designation {
    font-size: 16px;
    margin: 5px 0 15px;
  }

  .founders-details p {
    padding-right: 0;
  }

  .founders-social {
    padding-top: 20px;
  }

  .founders-wrapper {
    margin-top: 50px;
  }

  .founders-img {
    text-align: center;
  }

  .founders-img img {
    width: 100%;
  }

  .dots {
    display: none;
    /* width: 188px;
    top: -143px; */
  }

  .advisors-left {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .advisors-outer {
    padding-left: 12px;
    padding-right: 12px;
  }

  .advisors-right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .advisors-right-content {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .advisors-card {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 12px;
  }

  .advisors-card h3 {
    font-size: 20px;
    margin: 10px 0 5px;
  }

  .host-outer {
    padding: 50px 0;
  }

  .host-content {
    max-width: 96%;
  }

  .host-content p {
    font-size: 16px;
  }

  .partnetCircle-list li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 12px;
    margin-bottom: 50px;
  }

  .partnetCircle-list li.one,
  .partnetCircle-list li.two,
  .partnetCircle-list li.three {
    padding-left: 30px;
    background-size: 30px;
  }

  .partnetCircle-list li.one {
    background-size: 30px;
    background-position: 10px 40px;
  }

  .partnetCircle-list li.two,
  .partnetCircle-list li.three {
    background-size: 50px;
    background-position: 10px 40px;
  }

  .partnetCircle-list {
    padding: 0;
    display: flex;
    flex-direction: column;
  }

  .partnetCircle-outer {
    padding: 50px 30px;
    background-image: none !important;
  }

  .request-content a.common-btn {
    margin-top: 20px;
    margin-left: auto;
    width: 239px;
    font-size: 12px;
  }

  .blog-content-item {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .blog-content-item h3 {
    font-size: 20px;
    margin: 10px 0 15px;
  }

  .blog-content-item a {
    margin-bottom: 35px;
  }

  .blog-outer {
    padding: 50px 10px 0;
  }

  .technical-point span {
    font-size: 14px;
  }

  .technical-point h2 {
    font-size: 16px;
  }

  .technical-left {
    border-right: 0;
    border-left: 2.5px solid rgba(3, 8, 29, 0.2);
    padding: 20px 12px 40px 12px;
  }

  .partnetCircle-content a.common-btn {
    width: 213px;
    height: 46px;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0.01em;
    margin: 0 auto;
    border-radius: 8px;
  }

  .technical-content {
    padding-left: 15px;
    flex-wrap: nowrap;
    display: flex;
  }

  .technical-content-img-mob {
    display: flex;
    flex-direction: column;
    justify-content: end;
  }

  .partnetCircle-content a.common-btn:before {
    border-radius: 8px;
  }

  .testimonialsCustomers-content {
    text-align: left;
  }

  .testimonialsCustomers-card-content {
    text-align: center;
  }

  .product-banner-content a.common-btn {
    border-radius: 8px;
  }

  .product-banner-content a.common-btn:before {
    border-radius: 8px;
  }

  .technical-left .technical-title {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .main-banner-content.product-banner.fullwidth-banner {
    padding: 50px 0 200px;
  }

  .fullwidthBanner.main-banner {
    background-position: right top;
  }

  .fullwidth-banner .product-banner-content a.common-btn,
  .fullwidth-banner .pwd-btns a {
    padding: 16px;
    width: 160px;
    font-size: 12px;
    height: 50px;
  }

  .fullwidth-banner .articleBtn {
    margin-left: 20px;
  }

  .fullwidth-banner p {
    max-width: 80%;
  }

  .host-list-item h3 {
    font-size: 24px;
  }

  .host-list-icons {
    margin: 22px 0 0 0;
  }

  .host-list-item p {
    font-size: 18px;
  }

  .whyParnter-list li {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 24px;
  }

  .whyParnter-item p {
    font-size: 14px;
  }

  .whyParnter-outer .mainTitle {
    padding-left: 12px;
  }

  .whyParnter-icon {
    margin-bottom: 10px;
  }

  .whyParnter-outer {
    padding: 50px 0 0;
  }

  .review-wrap,
  .review-wrapContent {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .review-wrap {
    text-align: center;
  }

  .review-wrapContent {
    padding-top: 10px;
  }

  .review-wrapContent h3 {
    padding-bottom: 5px;
    font-size: 20px;
  }

  .owl-carousel .owl-item img {
    height: 350px;
  }

  .review {
    margin-top: 15px;
    padding: 30px;
  }

  .review img {
    height: 20px;
  }

  .review-outer {
    padding: 50px 12px;
  }

  .review img {
    width: 24px;
  }

  .review p {
    font-size: 14px;
    line-height: 24px;
  }

  .review-nav {
    display: none;
  }

  .arrow-box {
    display: none;
  }

  /* .request-outer.pwd-form {
		padding: 20px 12px 30px;
	} */

  .pwd-form label.form-check-label {
    font-size: 16px;
  }

  .pwd-form .request-item,
  .pwd-form .request-item:nth-child(3) {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }

  .pwd-form .form-check-outer .form-check {
    flex: 0 0 auto;
    max-width: inherit;
  }

  .pwd-form .form-check-outer {
    justify-content: space-between;
  }

  .pwd-form .request-item input::placeholder,
  .pwd-form .request-item textarea::placeholder {
    font-weight: 400;
  }

  .faq-outer-inner {
    padding: 50px 0;
  }

  .faq-content {
    text-align: left;
  }

  .faq-outer-inner .mainSub-title {
    padding-bottom: 0;
  }

  .important-featured-item:nth-child(3) li {
    width: 50%;
    float: left;
  }

  .important-featured-item:nth-child(3) {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .important-featured-item {
    text-align: center;
  }

  .important-featured-item,
  .important-featured-item:nth-child(2) {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .important-featured-item:nth-child(2) {
    order: -1;
  }

  .important-featured-content span {
    margin: 0 auto;
  }

  .important-featured-item:nth-child(2) li:first-child span {
    justify-content: center;
  }

  .mobile-app-leftContent,
  .mobile-app-rightContent {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .mobile-app-rightContent h2.mainTitle br {
    display: none;
  }

  .mobile-app-rightContent h2.mainTitle {
    margin: 0 0 30px 0;
  }

  .mobile-app-leftContent img {
    width: 80%;
    margin: 0 auto;
    display: block;
  }

  .csms-product-overview p {
    font-size: 18px;
  }

  .blog-detail-banner p {
    font-size: 16px;
    color: #4a4a49;
  }

  .blog-detail-content h2 {
    margin: 30px 0;
  }

  .image-description {
    max-width: 90%;
  }

  .blog-detail-wwrapper {
    padding: 50px 0 20px;
  }

  .community .main-banner-content {
    flex-wrap: wrap;
  }

  .community .main-banner-contentRight,
  .community .main-banner-contentLeft {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .community .main-banner-contentRight {
    margin-top: 35px;
  }

  .community .main-banner-contentRight img {
    width: 70%;
  }

  .subscribe-content {
    flex-wrap: wrap;
  }

  .subscribe-left,
  .subscribe-right {
    flex: 100%;
    max-width: 100%;
  }

  .subscribe-right {
    text-align: center;
    order: -1;
  }

  .subscribe-left form > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .subscribe-left form .col-md-6 + .col-md-6 {
    text-align: right;
  }

  .subscribe-left input {
    width: 100%;
  }

  .subscribe-right img {
    width: 60%;
  }

  .subscribe-left form button {
    margin-top: 10px;
  }

  .subscribe-left {
    padding: 0 12px;
  }

  .product-banner-wrapper img {
    left: 140px;
    top: 20px;
    width: 50%;
  }

  .uno-pillar .product-banner-wrapper img {
    width: 30%;
    left: auto;
    transform: inherit;
    right: 0;
  }

  .technical-outer {
    display: none;
  }

  .technical-outer-mobile {
    display: block !important;
    padding: 50px 0;
  }

  .technical-outer-mobile .technical-left {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .technical-point img {
    padding: 50px 0 20px;
  }

  .uno-pillar .technical-outer-mobile .technical-point span,
  .uno-pillar .technical-outer-mobile .technical-point h2 {
    text-align: left;
    display: block;
  }

  .uno-pillar .technical-outer-mobile .technical-point {
    text-align: right;
  }

  .uno-pillar .technical-outer-mobile .technical-point img {
    padding: 50px 0 20px;
    width: 50%;
  }
}

@media only screen and (max-width: 480px) {
  .dots {
    display: none;
  }

  .featured-content li img {
    width: 50%;
  }

  .featured-content li + li:after {
    left: -20px;
  }

  .featured-content li {
    padding: 10px 0;
  }

  .chargingSteps-rightContent ul li {
    font-size: 12px;
  }

  .chargingSteps-rightContent ul svg {
    width: 16px;
  }

  .selectBlogs-rightContent h2 {
    font-size: 18px;
  }

  .selectBlogs-content li {
    padding: 30px 0 30px;
    border-bottom: 0;
  }

  .selectBlogs-content a {
    margin: 50px auto 0;
    display: flex;
    flex-direction: column;
  }

  .selectBlogs-outer {
    padding: 50px 0 0;
  }

  .future-right p {
    font-size: 14px;
  }

  .deliver-products-content p {
    font-size: 12px;
  }

  .founders-details p {
    font-size: 14px;
  }

  .deliver-products {
    padding: 30px 12px;
  }

  .overview-right h3 {
    font-size: 24px;
  }

  .overview-right p {
    font-size: 14px;
  }

  .overview-list li h5 {
    font-size: 14px;
  }

  .overview-list li:first-child .icon img {
    width: 14%;
  }

  .overview-list .icon img {
    width: 25%;
  }

  .product-banner-content a.common-btn {
    width: 200px;
    height: 48px;
    font-size: 12px;
    padding: 16px;
  }

  .featured-list-content:nth-child(3) {
    order: 1;
  }

  .testimonialsCustomers-list li {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .faq-content .mainSub-title,
  .faq-content .mainTitle,
  .faq-content {
    text-align: left;
  }

  .faq-content .mainSub-title {
    font-size: 18px;
  }

  .faq-tabs-content h4 {
    font-size: 16px;
  }

  .faq-tabs-content p {
    font-size: 14px;
    padding: 10px 10px 0 0;
  }

  .faq-tabs-content h4 svg {
    flex: 0 0 3.5%;
    max-width: 3.5%;
    margin-left: 5px;
  }

  .faq-tabs ul a.common-btn {
    display: none;
  }

  .request-item,
  .request-outer .request-item:nth-child(3) {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
    padding: 0;
  }

  .contact-Us .main-banner-content h1 {
    padding: 0 0 25px 0;
  }

  .main-banner.contact-Us {
    padding: 50px 0 50px;
  }

  .request-item img {
    left: 15px;
  }

  .form-check-outer {
    justify-content: left;
  }

  .testimonialsCustomers-card-content p {
    font-size: 10px;
  }

  .csms-product-banner .product-banner-wrapper img {
    width: auto;
  }

  .csms .main-banner-content h1 {
    font-size: 48px;
    line-height: 67px;
    text-align: center;
  }

  .csms .pwd-btns {
    flex-direction: column;
    align-items: center;
  }

  .csms .articleBtn {
    margin-top: 30px;
    margin-left: 0;
  }

  .csms-product-banner .pwd-btns a.common-btn {
    height: 44px;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 16px;
  }

  .csms-product-overview p {
    font-size: 16px;
  }

  .csms-product-overview {
    padding: 80px 0 0px;
  }

  .csms-product-overview .mainTitle {
    margin: 0 0 15px 0;
  }

  .important-featured-item,
  .important-featured-item:nth-child(2) {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .important-featured-item:nth-child(2) ul {
    padding-top: 0;
  }

  .i mportant-featured-outer h2.mainTitle {
    margin: 0 0 30px 0;
  }

  .important-featured-item li {
    float: left;
    width: 50%;
  }

  .important-featured-item:nth-child(2) li:first-child {
    width: 100%;
  }

  .important-featured-content span {
    width: 60px;
    height: 60px;
  }

  .important-featured-content span img {
    width: 50%;
  }

  .important-featured-item li h3 {
    font-size: 16px;
  }

  .client-outer p {
    font-size: 16px;
  }

  .mobile-app-content-list li {
    padding: 20px;
  }

  ul.mobile-app-content-list li h3 {
    font-size: 16px;
  }

  .important-featured-item ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .blog-detail-author {
    flex-wrap: wrap;
  }

  .blog-detail-authorLeft {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .blog-detail-authorRight {
    margin-top: 25px;
  }

  .blog-detail-author {
    margin: 20px 0 30px;
  }

  .blog-detail-content p,
  .blog-detail-content li {
    font-size: 14px;
  }

  .blog-detail-content h3 {
    font-size: 16px;
  }

  .blog-detail-content h2 {
    margin: 30px 0 10px;
    font-size: 18px;
  }

  .blog-detail-content ul {
    margin: 20px 0;
  }

  .blog-detail-authorFooter {
    margin-top: 20px;
  }

  .blog-detail-content .blog-detail-footer li {
    font-size: 0;
  }

  .blog-detail-authorContent p {
    font-size: 14px;
  }

  .blog-detail-authorLeft p {
    font-size: 13px;
  }

  .product-banner-wrapper img {
    left: 80px;
    top: 20px;
    width: 60%;
  }

  .overview-right {
    padding: 100px 20px 0;
  }

  .subscribe-uter {
    background-position: top;
  }

  .important-featured-outer {
    padding: 50px 0 0;
  }

  .uno-pillar .product-banner-wrapper img {
    width: 35%;
    left: auto;
    transform: inherit;
    right: 0;
    top: -70px;
  }

  .overview-list li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 400px) {
  .technical-left .technical-title {
    font-size: 13px;
    margin-bottom: 10px;
  }

  .dots {
    display: none;
  }
}

@media only screen and (max-width: 375px) {
  .dots {
    display: none;
  }

  .mainTitle {
    font-size: 18px;
  }

  .main-banner-content > p {
    max-width: 100%;
  }

  .product-banner-wrapper img {
    left: 80px;
    top: 35px;
    width: 50%;
  }

  .main-banner-content.product-banner {
    padding: 50px 0 150px;
  }

  .overview-right {
    padding: 80px 20px 0;
  }

  .achievements-list {
    padding-top: 20px;
  }

  .numbering,
  .achievements-name,
  .achievements-year {
    padding: 10px;
    font-size: 14px;
  }

  .deliver-products-content h3 {
    font-size: 16px;
  }

  .deliver-products-slider {
    padding: 20px 0 0;
  }

  .host-content h1 {
    font-size: 32px;
  }

  .featured-list {
    padding: 20px 0 0;
  }

  .featured-list-content h3 {
    font-size: 25px;
  }

  .technical-outer {
    padding: 0;
  }

  .technical-left {
    padding-bottom: 30px;
  }

  .partnetCircle-sub-title {
    font-size: 16px;
    line-height: 33px;
  }

  .faq-tabs {
    padding-top: 20px;
  }

  .blog-detail-banner h1 {
    font-size: 26px;
  }

  .blog-detail-banner p {
    font-size: 16px;
  }
}

/* owl  */
.range-slider .owl-theme .owl-dots .owl-dot.active span {
  background: #fff !important;
  width: 40px;
  height: 6px;
  /* transition: .5s; */
}

.range-slider .owl-theme .owl-dots .owl-dot:hover span {
  background: #fff !important;
  /* width: 40px; */
  height: 6px;
  transition: 0.5s;
}

.range-slider .owl-theme .owl-dots .owl-dot span {
  width: 20px;
  height: 6px;
  background: var(--gray-color);
  display: inline-block;
  border-radius: 10px;
}

.range-slider .owl-carousel .owl-stage-outer {
  padding-top: 50px;
}

.coming-soon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

.coming-soon-wrapper p {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #b7bac6;
}

.coming-soon-wrapper img {
  padding-bottom: 20px;
}

.coming-soon-text {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  color: #585e7a;
}

.coming-soon-menu {
  font-style: normal;
  font-weight: 400;
  font-size: 8px;
  line-height: 18px;
  /* identical to box height, or 225% */

  letter-spacing: 0.06em;
  text-transform: capitalize;

  background: linear-gradient(
    101.18deg,
    #ffffff 22.87%,
    #e88b76 50%,
    #e55059 78.29%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.coming-soon-footer {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  /* identical to box height, or 225% */

  letter-spacing: 0.06em;
  text-transform: capitalize;

  background: linear-gradient(
    101.18deg,
    #ffffff 22.87%,
    #e88b76 50%,
    #e55059 78.29%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.form-check-outer #productCheckbox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
}

#productCheckbox .form-check {
  color: #fff;
  flex: 1 0 48%;
}

#productCheckbox .form-check input {
  margin-right: 10px;
}

.form-check-outer #productCheckbox .form-check-input {
  display: block;
}

/* Our Partners */

.partners {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  gap: 20px;
}

.why-partner-with-us-outer {
  padding: 50px 0;
  background: #ffffff;
}

.why-partner-with-us-outer h2.mainTitle {
  color: #090c1d;
  margin: 0 0 20px 0;
}

.why-partner-with-us-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  margin-top: 30px;
  width: 100%;
}

.why-partner-with-us-reason-container {
  width: 50%;
  margin-bottom: 30px;
}

.why-partner-with-us-reason-container > h4 {
  margin-top: 10px;
}

.why-partner-with-us-inner div:nth-child(2n + 1) {
  padding-right: 20px;
}

/* .why-partner-with-us-reason-container {
	padding-bottom: 40px;
} */

.why-partner-with-us-banner {
  padding: 168px 0 100px 0;
}

.partnering-reasons-outer-container {
  padding: 20px 0;
  background-color: var(--primary-color);
  color: #ffffff;
}

.partnering-reasons-container {
  display: flex;
  flex-direction: column-reverse;
  gap: 40px 0;
  justify-content: space-between;
  align-items: center;
}

.partnering-reasons-container {
  display: flex;
  flex-direction: column-reverse;
  gap: 40px 0;
  justify-content: space-between;
  align-items: center;
}

.partnering-reasons-container:nth-child(2) {
  flex-direction: column;
}

.partnering-reasons-container > div > h6 {
  font-size: 14px;
  font-weight: 400;
  color: #d2d2d1;
}

.partnering-reasons-container > div > h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-top: 8px;
}
.partnering-reasons-container p {
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: #d2d2d1;
  margin: 8px 0 16px 0;
}

.learn-more-button {
  font-size: 12px;
  width: fit-content;
}

.partners-outer {
  padding-bottom: 50px;
  background-color: var(--primary-color);
}

@media (min-width: 768px) {
  .why-partner-with-us-outer h2.mainTitle {
    text-align: center;
  }

  .why-partner-with-us-reason-container {
    text-align: center;
  }

  .why-partner-with-us-inner > * {
    flex: 1;
  }

  .partners {
    margin-top: 83px;
  }

  .partners-outer {
    padding-bottom: 100px;
  }

  .why-partner-with-us-inner {
    justify-content: center;
    gap: 20px;
  }

  .why-partner-with-us-banner {
    padding: 168px 0 0 0;
  }

  .partnering-reasons-container {
    flex-direction: row;
  }

  .partnering-reasons-container div {
    flex: 0 0 50%;
  }

  .partnering-reasons-container > div > h3 {
    font-size: 32px;
    line-height: 44px;
  }

  .partnering-reasons-container p {
    font-size: 14px;
  }

  .partnering-reasons-container > div > h6 {
    font-size: 20px;
  }

  .partnering-reasons-content {
    max-width: 430px;
  }

  .learn-more-button {
    font-size: 14px;
    text-transform: uppercase;
  }

  .partnering-reasons-container:nth-child(2) {
    flex-direction: row;
  }

  .hide-break-indesktop-view {
    display: none;
  }
}

@media (min-width: 992px) {
  .why-partner-with-us-outer {
    padding: 100px 0;
  }

  .why-partner-with-us-inner {
    gap: 110px;
    margin-top: 56px;
  }

  .why-partner-with-us-reason-container {
    max-width: 250px;
  }
}

.ad_wall_banner_content_container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.ad_wall_banner_content {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  padding-right: 15px;
}

.ad_wall_banner_content h4 {
  font-weight: 500;
  font-size: 15px;
  color: #fc5735;
}

.ad_wall_banner_content a {
  width: fit-content;
  font-size: 12px;
  margin-top: 12px;
  padding: 10px 14px;
}

.ad_wall_feature_container > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ad_wall_feature {
  margin-top: 60px;
  flex: 1;
}

.ad_wall_feature h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
}

.ad_wall_feature p {
  font-size: 14px;
  margin-top: 8px;
  line-height: 160%;
}

.ad_wall_feature_images_container {
  margin: 40px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ad_wall_feature_images_container > div {
  width: 33.33%;
  text-align: center;
  padding: 20px 10px;
}

.ad_wall_feature_images_container > div h4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  padding-top: 8px;
}

.ad_wall_feature_carousal_container {
  flex: 1;
  width: 100%;
}

.ad_wall_feature_carousal_container > div {
  padding-top: 20px;
  background: linear-gradient(
    180deg,
    rgba(232, 232, 232, 0.18) 0%,
    rgba(232, 232, 232, 0.36) 44.1%,
    rgba(232, 232, 232, 0.24) 100%
  );
  border-radius: 10px;
  position: relative;
}

.ad_wall .owl-nav {
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* height: 52%; */
  padding: 0 25px !important;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.ad_wall .owl-prev,
.ad_wall .owl-next {
  margin: 0 !important;
  background-color: transparent !important;
  border: none;
  height: fit-content;
}
.ad_wall .owl-prev span,
.ad_wall .owl-next span {
  font-size: 60px;
  line-height: 100%;
  color: #585e7a;
}

.ad_wall .owl-dots {
  padding-top: 10px !important;
  padding-bottom: 40px !important;
}
.ad_for_section_container {
  width: 100%;
}

.ad_for_container {
  width: 100%;
  /* display: flex;
	justify-content: space-between; */
  margin-top: 60px;
}

/* .ad_for_container > div:nth-child(2n + 1) {
	display: none;
} */

.ad_for_carousel .owl-nav {
  display: none;
}

.ad_for_carousel .owl-dots {
  margin-top: 10px;
}

.ad_for_carousel .item img {
  width: 100%;
  object-fit: cover;
}

.ad_for_container h4 {
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  margin-top: 8px;
}

.ad_stats_container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0;
  justify-content: space-around;
  margin-bottom: 80px;
}

.ad_stats_container > div {
  flex: 1 0 50%;
}

.ad_stats_container > div h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: #fc5735;
}

.ad_stats_container > div h4 {
  font-size: 14px;
  line-height: 150%;
  color: #4a4a49;
}

.ad_wall_details_section {
  margin-bottom: 60px;
}

.ad_wall_details_container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0;
}

.ad_wall_details_container > div {
  flex: 1 0 50%;
}

.ad_wall_details_container > div:nth-child(2n + 1) {
  padding-right: 20px;
}

.ad_wall_details_container > div h2 {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #fc5735;
}

.ad_wall_details_container > div h4 {
  font-size: 12px;
  line-height: 150%;
  color: #4a4a49;
}

.ad_wall_why {
  background-color: #03081d;
  padding-top: 60px;
}

.ad_wall_why_title h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #ffffff;
  margin-bottom: 40px;
}

.ad_wall_why_items_container {
  display: flex;
  flex-wrap: wrap;
}

.ad_wall_why_items_container > div {
  text-align: center;
  flex: 1 0 20%;
  margin-bottom: 32px;
}

.ad_wall_why_items_container > div h4 {
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  color: #b7bac6;
}

.ad_wall_container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ad_wall_container > div {
  flex: 1 0 48%;
}

.ad_wall_container > div:first-child {
  margin-right: 2%;
  margin-bottom: 32px;
}

.ad_wall_container > div h2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
}

.ad_wall_container > div a {
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  color: #fb432d;
}

.ad_wall_container > div a span {
  margin-left: 15px;
  display: none;
}

.ad_wall_media_carousal_container {
  position: relative;
}

.ad_wall .ad_wall_media_carousal_container .owl-dots {
  padding-top: 20px !important;
  padding-bottom: 50px !important;
}

.ad_wall .ad_wall_media_carousal_container .owl-nav {
  display: none;
}

.ad_wall_media_carousal_container > div {
  width: 100%;
}

.ad_wall_media_carousal_container .owl-carousel > div {
  width: 100%;
}

.ad_wall_media_carousal_container .owl-carousel > div img {
  object-fit: cover;
}

.br10 {
  border-radius: 10px;
}

.ad_wall_media_carousal_container > div .item,
.ad_wall_media_carousal_container > div .item-video {
  height: 250px;
}

.redirect {
  display: flex;
  justify-content: space-between;
}

.ad_wall_links {
  margin: 60px 0;
}

.ad_for_without_carousel {
  display: none;
}

@media (min-width: 1024px) {
  .ad_wall .ad_wall_media_carousal_container .owl-nav {
    display: flex;
    padding: 0 30px !important;
    height: 40%;
  }

  .ad_wall .ad_wall_media_carousal_container .owl-nav .owl-prev,
  .ad_wall .ad_wall_media_carousal_container .owl-nav .owl-next {
    transform: translate(0, 100%);
  }
}

@media (min-width: 1350px) {
  .ad_wall .ad_wall_media_carousal_container .owl-nav {
    display: flex;
    padding: 0 !important;
    height: 40%;
  }

  .ad_wall .ad_wall_media_carousal_container .owl-nav .owl-prev {
    margin-left: -40px !important;
    transform: translate(0, 100%);
  }

  .ad_wall .ad_wall_media_carousal_container .owl-nav .owl-next {
    margin-right: -40px !important;
    transform: translate(0, 100%);
  }
}

@media (min-width: 1280px) {
  .ad_wall_container > div h2 {
    font-size: 32px;
  }

  .ad_for_container h4 {
    font-size: 36px;
  }
}

@media (min-width: 1024px) {
  .ad_wall_banner_content {
    padding-right: 150px;
  }

  .ad_wall_feature {
    margin-right: 120px;
  }

  .ad_wall_feature_container > div {
    flex-direction: row;
  }

  .ad_wall_banner_content h4 {
    font-size: 36px;
  }

  .ad_wall_why_items_container > div h4 {
    font-size: 16px;
  }

  .ad_wall_why_items_container > div {
    flex: 0 1 auto;
    margin-bottom: 0;
  }

  .ad_wall_why {
    padding: 60px 0;
  }
}

@media (min-width: 768px) {
  .ad_wall_feature_container > div {
    flex-direction: row;
  }

  .ad_wall_feature {
    margin: 120px 40px 120px 0;
    flex: 1;
  }

  .ad_wall_feature_carousal_container {
    flex: 1;
    max-width: 50%;
    margin: 120px 0;
  }

  .ad_wall_banner_content h4 {
    font-size: 24px;
  }

  .ad_wall_container {
    flex-direction: row;
  }

  .ad_wall_container > div:first-child {
    margin-bottom: 0;
  }

  .ad_wall_why_items_container > div h4 {
    font-size: 14px;
  }

  .ad_wall_why_items_container {
    flex-wrap: no-wrap;
    justify-content: space-between;
  }

  .ad_wall_why_title h3 {
    font-size: 24px;
  }

  .ad_wall_details_container {
    gap: 40px 0;
  }

  .ad_wall_details_container > div {
    flex: 1 0 25%;
    padding-right: 40px;
  }

  .ad_stats_container {
    flex-wrap: no-wrap;
  }

  .ad_stats_container > div {
    flex: 0 1 auto;
  }
  .ad_for_container {
    margin-top: 0;
    margin-bottom: 120px;
  }

  .ad_for_container .ad_for_without_carousel > div {
    margin-right: 30px;
  }

  .ad_for_container .ad_for_without_carousel > div:nth-child(3) {
    margin-right: 0;
  }

  /* .ad_for_container > div:nth-child(2n + 1) {
		display: block;
	} */

  .ad_wall_banner_content a {
    font-size: 14px;
    margin-top: 0;
    padding: 16px 32px;
  }

  .ad_wall_media_carousal_container > div .item,
  .ad_wall_media_carousal_container > div .item-video {
    height: 580px;
  }

  .disable {
    display: block;
  }

  .ad_wall_feature h3 {
    font-size: 24px;
  }

  .ad_wall_feature p {
    font-size: 18px;
  }

  .ad_wall_feature_images_container > div h4 {
    font-size: 16px;
  }

  .ad_for_container div h4 {
    font-size: 28px;
  }

  .ad_stats_container > div h2 {
    font-size: 32px;
  }

  .ad_stats_container > div h4 {
    font-size: 16px;
  }

  .ad_wall_details_container > div h2 {
    font-size: 20px;
  }

  .ad_wall_details_container > div h4 {
    font-size: 16px;
  }

  #productCheckbox .form-check {
    flex: 0 1 auto;
  }

  .ad_wall_container > div a span {
    display: inline;
  }
  .send_link {
    display: none;
  }

  .ad_stats_container {
    margin-bottom: 120px;
  }

  .ad_wall_details_section {
    margin-bottom: 120px;
  }

  .ad_wall_why_title h3 {
    margin: 40px 0;
  }

  .ad_wall_links {
    margin: 100px 0;
  }

  .ad_for_without_carousel {
    display: flex;
    justify-content: space-between;
  }

  .ad_for_carousel {
    display: none !important;
  }
}

/* Styles by Harsh Vardhan. */

.circle_why_title > h3,
.pillar_why_title > h3 {
  display: inline-block;
  background: linear-gradient(
    279.62deg,
    #0a0f27 -1.62%,
    #ffffff 24.99%,
    #e88b76 47.4%,
    #e55059 77.04%,
    #0a0f27 107.03%
  );

  position: relative;
  top: 50%;
  left: 35%;
  text-align: center;
  margin: 40px auto;
}

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

/* css shweta starts */


/* .circle-product-banner-wrapper{ */
.product-banner-wrapper{
  position: static;
  flex: unset;
  max-width: unset;
  width: 50%;
  padding-left: 100px;
}
/* .circle-product-banner-wrapper img{ */
.product-banner-wrapper img{
  position: static;
  flex: unset;
  max-width: unset;
  min-width: unset;
  width:70%;
  height:auto;
}
/* .circle-overview-content{ */
.overview-content{
  margin-top: 50px;
}

.circle_why_title {
  text-align: center;
}

.circle_why_title h3{
  position: static;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  margin-bottom: 35px;
}

.partnetCircle-outer{
  background-position-x: right;
}
.partnetCircle-content{
  position: relative;
}
.partnetCircle-content a.common-btn{
  position: absolute;
  right: 0;
  top: 50%;
}
.partnetCircle-content-bg-img{
  display: none;
}

.pillar_why_title{
  text-align: center;
}

.pillar_why_title h3{
  position: static;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  margin-bottom: 35px;
}

.pillar-product-banner{
  position: relative;
  height: calc(100vh - 50px) !important;
}

.pillar-product-banner-wrapper{
  position: absolute;
  right: 0;
  /* bottom: -95px; */
  top: 35px;
}

.pillar-product-banner-wrapper img{
  height: auto;
  max-width: 54%;
  margin: 0 auto;
}


/* white label css */
  .white-label-body{
    background-color: #F5F6F7;
  }
  .white-label-main-banner-content{
    height: auto !important;
    /* justify-content: space-between; */
    background-image: none;
    width: 100%;
    /* padding-left: 24px;
    padding-right: 24px; */
    margin: 0;
  }
  .white-label-main-banner-content-inner{
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
  }
  .white-label-product-banner-content{
    background-image: url(../images/white-label/white-label-banner-img.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 28px;
    width: 40% !important;
    margin-top: 54px;
    padding-top: 0;
    /* padding-left: 66px; */
  }
  .white-label-product-banner-content h1 span{
    display: inline-block;
    width: 541px;
  }
  .white-label-product-banner-wrapper{
    background-image: url(../images/white-label/white-label-banner-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 40% !important;
    padding: 0;
    position: relative;
    height: 400px;
  }
  .white-label-product-banner-wrapper img{
    border-radius: 0;
    /* width: 50%; */
    width: 55%;
    position: absolute;
    left: 0;
    /* top: 88px; */
    top: 109px;
    /* bottom: -10px; */
    z-index: 0;
  }
  .gradient-box{
    width: 436px;
    height: 436px;
    position: absolute;
  }
  .top-gradient-box{
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #EA522C 0%, #FB4335 100%);
    opacity: 0.16;
    filter: blur(188.02px);
  }
  .bottom-gradient-box{
    bottom: -45px;
    right: 0;
    background: linear-gradient(180deg, #EA522C 0%, #FB4335 100%);
    opacity: 0.22;
    filter: blur(188.02px);
  }
  .white-label-overview-outer{
    /* padding-left: 80px;
    padding-right: 80px; */
    padding-top: 194px;
  }

  .white-label-overview-outer .overview-right{
    padding-top: 0;
    padding-left: 80px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .white-label-overview-outer .overview-right h3{
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
  }
  .white-label-overview-outer .overview-right p{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    margin-top: 10px;
  }
  .white-label-overview-outer .imp-feature{
    width: 100%;
    padding-left: 52px;
  }
  .white-label-overview-outer .imp-feature-img{
    display: none;
  }
  .white-label-overview-outer .imp-feature-img img{
    width: 100%;
  }
  .white-label-overview-outer .imp-feature-cont{
    display: flex;
    flex-wrap: wrap;
  }
  .white-label-overview-outer .imp-feature .imp-feature-block{
    width: 25%;
    padding-right: 68px;
    margin-bottom: 65px;
  }
  .white-label-overview-outer .imp-feature .imp-feature-block h6{
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    color: #090D1F;
  }
  .white-label-overview-outer .imp-feature .imp-feature-block .icon{}
  .white-label-overview-outer .imp-feature h2{
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    text-transform:capitalize;
    margin-bottom: 55px;
    margin-top: 94px;
    color: #1D1D1B;
  }
  .white-label-our-client{
    background-color: #04091D;
    /* padding: 101px 185px; */
    padding: 101px 0px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .white-label-our-client h3{
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    /* background: linear-gradient(to right, #E55059 0%, #E88B76 6%, #FFFFFF 19%, #595C6C 42%); */
    background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 16px;
    width: 264px;
    margin: 0 auto;
  }
  .white-label-our-client p{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.7);
    width: 65%;
    margin: 0 auto;
    margin-bottom: 60px;
  }
  .white-label-our-client .client-list{
    display: flex;
    flex-wrap: wrap;
    width: 85%;
    margin: 0 auto;
  }
  .white-label-our-client .client-list li{
    /* font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 140%;
    color: #D2D2D1;
    display: inline-block;
    margin-right: 20px; */
    max-width: 20%;
    flex: 0 0 20%;
  }
  .white-label-our-client .gradient-box{
    background: #EA522C;
      opacity: 0.55;
      filter: blur(133.448px);
      width: 200px;
      height: 200px;
      overflow: hidden;
  }
  .white-label-our-client .top-gradient-box{
    right: 0;
    top: 0;
    left: unset;
  }
  .white-label-our-client .bottom-gradient-box{
    left: -119px;
    bottom: -142px;
    right: unset;
  }
  .white-label-mob-app-features{
    /* display: flex;
    justify-content: space-between; */
    background-image: linear-gradient(250.44deg, rgba(235, 82, 45, 0.2) 1.19%, rgba(255, 255, 255, 0) 15%), url(../images/white-label/mob-app-feature-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    /* padding: 199px 80px 200px 99px; */
    padding: 199px 0 200px 0;
  }
  .white-label-mob-app-features-inner{
    display: flex;
    justify-content: space-between;
  }
  .white-label-mob-app-features .mob-app-features-img{
    width: 40%;
  }
  .white-label-mob-app-features .mob-app-features-img img{
    width: 100%;
  }
  .white-label-mob-app-features .mob-app-features-cont{
    width: 50%;
  }
  .white-label-mob-app-features .mob-app-features-cont h3{
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    color: #1C1C28;
    margin-bottom: 40px;
  }
  .white-label-mob-app-features .mob-app-features-cont ul{}
  .white-label-mob-app-features .mob-app-features-cont ul li{
    padding: 24px 24px 14px 24px;
    background: #F5F6F7;
    border-radius: 16px;
    box-shadow: 0px 8px 52px transparent;
    border-radius: 16px;
    border: 1px solid transparent;
    /* background: linear-gradient(97.79deg, #F94054 -0.1%, #FC441E 100.3%) border-box; */
    margin-bottom: 22px;
    transition: 0.4s;
  }
  .white-label-mob-app-features .mob-app-features-cont ul li p{
    margin-bottom: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #1C1C28;
    padding-left: 25px;
  }
  .mob-app-features-li-wrap{
    /* background: #F5F6F7;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    padding: 24px; */
    display: flex;
    align-items: flex-start;
  }
  .white-label-mob-app-features .mob-app-features-cont ul li:hover{
    box-shadow: 0px 8px 52px rgba(0, 0, 0, 0.05);
    border: 1px solid #FC441E;

  }
/* white label css */


/* landing-page css */
  .landing-main-banner{
    /* background-image:url(../images/landing-page/banner-bg-2.svg), linear-gradient(279.62deg, #050A1D 5.55%, #050A1D 21.86%, #050A1D 50.3%, #050A1D 77.04%, #050A1D 107.03%); */
    background-image:url(../images/landing-page/banner-bg-2.svg);
    background-color: #050A1D;
    background-repeat: no-repeat;
    background-size: 50%;
    position: relative;
    background-position: right;
  }
  .landing-product-banner-content{
    width: 100%;
    max-width: unset;
    flex: unset;
    padding-bottom: 0;
  }
  .landing-product-banner-content h1 span{
    width: 823px;
    display: inline-block;
    background: linear-gradient(279.62deg, #0A0F27 5.55%, #FFFFFF 21.86%, #E88B76 50.3%, #E55059 77.04%, #0A0F27 107.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  .landing-main-banner-content{
    align-items: center;
    padding-top: 0 !important;

  }
  .report-sec{
    background-color: #080b1c;
  }
  .report-sec .report-sec-inner{
    display: flex;
    flex-wrap: wrap;
  }
  .report-sec .report-form{
    width: 50%;
    border-width: 1px;
    border-style: solid;
    border-image:
      linear-gradient(
        to bottom,
        #0A0F27,
        #FFFFFF,
        #E88B76,
        #E55059,
        #0A0F27
      ) 1 100%;
      border-left: none;
      padding-right: 40px;
      padding-top: 111px;
      padding-bottom: 115px;
  }
  .report-sec .report-form form{
    display: flex;
    flex-wrap: wrap;
  }
  .report-sec .request-item{
    margin-bottom: 40px;
  }
  .report-sec .request-item:nth-child(3) {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .report-sec .request-item:nth-child(5), .report-sec .request-item:last-child{
    margin-bottom: 0;
  }
.report-form a.common-btn,.download-report-btn button.common-btn{
  width: 232px;
  height: 58px;
  margin-top: 60px;
  text-transform: uppercase;
  margin-top: 0;
}

.download-report-btn button.common-btn{
  border-width:0;
  box-shadow: none;
}

.report-form .download-report-btn{
  padding-left: 12px;
}
.report-sec .report-cont{
    width: 50%;
    padding-left: 50px;
    padding-top: 55px;
}
.report-sec .report-cont h5{
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  color: #D2D2D1;
  /* margin-bottom: 40px; */
  margin-bottom: 14px;
}

.report-sec .report-cont .report-grd-text{
  background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 3.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%),
linear-gradient(0deg, #D2D2D1, #D2D2D1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.report-sec .report-cont ul li{
  display: flex;
  align-items: center;
  /* margin-bottom: 25px; */
  margin-bottom: 37px;
}

.report-sec .report-cont ul li p{
  font-weight: 400;
  font-size: 24px;
  color: #D2D2D1;
  padding-left: 12px;
}

.ev-charging-inner-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.landing-ev-charging{
  /* background: linear-gradient(250.44deg, rgba(235, 82, 45, 0.2) 1.19%, rgba(255, 255, 255, 0) 25.96%), #F5F6F7; */
  background-image:linear-gradient(250.44deg, rgba(235, 82, 45, 0.2) 1.19%, rgba(255, 255, 255, 0) 25.96%), url(../images/landing-page/ev-charging.png) ;
  background-repeat: no-repeat;
  padding-top: 150px;
  padding-bottom: 153px;
  background-size: contain;
  background-position-y: bottom;
}
.ev-charging-img{
  width: 50%;
}
.ev-charging-cont{
  width: 40%;
}
.ev-charging-cont h3{
  font-weight: 700;
  font-size: 48px;
  line-height: 52px;
  color: #1D1D1B;
  margin-bottom: 20px;
}
.ev-charging-cont h6{
  font-weight: 400;
  font-size: 30px;
  color: #FB4335;
  margin-bottom: 35px;
}
.ev-charging-li-wrap{
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.ev-charging-li-wrap p{
  font-weight: 700;
  font-size: 16px;
  color: #262631;
  padding-left: 20px;
}
.ev-charging-li-wrap p span{
  font-weight: 400;
}
.app-btn{
  display: flex;
  align-items: center;
  margin-top: 45px;
  flex-wrap: wrap;
}
.app-btn a{
  display: flex;
  align-items: center;
  background: #000000;
  border-radius: 6.46581px;
  padding: 16px 24px;
  margin-right: 19px;
}
.app-btn a:last-child{
  margin-right: 0;
}
.app-btn a span{
  font-weight: 700;
  font-size: 17.8866px;
  color: #F4F4F7;
  padding-left: 12px;
}

/* landing-page css */

/* page7 css */
  .page7-main-banner{
    background-image:url(../images/page7/page7-banner.png);
    background-repeat: no-repeat;
  }
  .page7-product-banner-content{
    max-width: unset;
    flex: unset;
  }

  .page7-product-banner-content h1 span{
    background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 5.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  .page7-product-banner{
    height: auto !important;
  }
  .page7-main-banner .top-gradient-box{
    display: none;
  }
  .page7-featured-list{
    background-color:#080b1c;
    padding-top: 143px;
  }
  .page7-featured-list .featured-list-content p{
    font-weight: 500;
    color: #E8E8E8;
  }

  .page7-map{

    background-image: url(../images/page7/page7-map-desktop.svg), linear-gradient(279.62deg, #080b1c -1.62%, #080b1c 5.99%, #080b1c 47.4%, #080b1c 77.04%, #080b1c 107.03%);
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: auto;
    background-position-y: top;
    padding-bottom: 26%;
  }
  .page7-map-inner{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .page7-map-cont{
    width: 50%;
    padding-top: 21%;
  }
  .page7-map-cont p{
    font-weight: 400;
    font-size: 32px;
    color: #E8E8E8;
  }
  .page7-map-cont p:first-child{
    margin-bottom: 40px;
  }
  .page7-map-img{
    width: 50%;

  }
  .page7-map-img img{
    display: none;
  }

  .what-getting{
    background-image: linear-gradient(90deg, rgba(3, 8, 29, 0.9) 37.43%, rgba(3, 8, 29, 0.4) 142.31%), url(../images/page7/getting-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0 86px 0;
  }
  .what-getting ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /* align-items: center; */
    align-items: baseline;
    width: 70%;
    margin: 0 auto;
  }
  .what-getting ul li{
    text-align: center;
    width: 25%;
    padding-right: 52px;
  }
  .what-getting ul li:last-child{
    padding-right: 0;
  }
  .what-getting li p{
    font-weight: 500;
    font-size: 16px;
    color: #B7BAC6;
  }
  .what-getting li .get-img{
    width: 46px;
    margin: 0 auto;
    margin-bottom: 2px;
  }
  .what-getting li .get-img img{
    width: 100%;
  }
  .what-getting h3{
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 35.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 60px;
  }


  .what-special{
    background-image: none;
  }
  .what-special h3{
    background: linear-gradient(279.62deg, #090C1D -1.62%, #090C1D 35.99%, #090C1D 47.4%, #090C1D 77.04%, #090C1D 107.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  .what-special ul{
    align-items: baseline;
    justify-content: space-between;
  }
  .what-special ul li{
    width: 33.33%;
  }
  .what-special li p{
    color: #1D1D1B;
    font-weight: 400;
  }
  .what-special li h6{
    font-weight: 500;
    font-size: 18px;
    color: #1D1D1B;
  }
  .what-special li .get-img{
    height: 48px;
    width: 48px;
  }
  .what-special li .get-img img{
    max-width: unset;
    width: unset;
    height: 100%;
  }

/* page7 css */

/* home page tuned section */
.tuned{
  background: #070A1D;
  padding: 50px 0;
}
.tuned p{
  font-weight: 400;
  font-size: 32px;
  color: #fff;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 60px;
}
.tuned h1{
  text-align: center;
  margin-bottom: 40px;
}
.tuned form{
  display: flex;
  width: 60%;
  margin: 0 auto;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tuned form .request-item{
  max-width: 80%;
  flex: 0 0 80%;
}
.tuned form .common-btn{
  width: 20%;
  margin-top: 0;
  /* background: #070A1D; */
}
/* home page tuned section */


/* home page FAQ section */

#faq-section{
  background-color: var(--primary-color);
  color: var(--white-color);
  padding: 60px 12px;

  & h4{
    color: var(--secondary-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 1px;
  }

  & h2{
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
  }

  .faq-items{
    margin : 35px 0;

    .faq-details{
      padding: 24px 0;
      border-top: 1px solid rgba(255, 255, 255, 0.20);
      border-bottom: 1px solid rgba(255, 255, 255, 0.20);

      &[open] summary:after{
        content: "";
        width: 24px;
        height: 24px;
        background: url("../images/chevron-up.svg") no-repeat center;
        cursor: pointer;
      }

       & summary{
        display: flex;
        justify-content: space-between;

        & h3{
          font-size: 16px;
          font-weight: 700;
          line-height: 150%;
        }
          
        &::after{
          content: "";
          width: 24px;
          height: 24px;
          background: url("../images/chevron-down.svg") no-repeat center;
          cursor: pointer;
        }
       }

       & p{
        padding: 16px 0;
        color: #E7E8EC;
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
       }
    }

    .faq-items-hidden{
      display: none;
    }
  }
  .faq-bottom-btn{
    padding: 24px 48px;
    border-radius: 10px;
    border: 1.5px solid #E55059;
    background: radial-gradient(70.43% 70.37% at 50% 50%, rgba(251, 67, 53, 0.20) 0%, rgba(251, 67, 53, 0.00) 100%);
    box-shadow: 0px 7.63396px 38.1698px 0px rgba(255, 255, 255, 0.02);
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.14px;
    text-transform: capitalize;
    font-family: Mark Pro;
    margin-top: 45px;
    cursor: pointer;
  }

  .faq-view-btn{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    width: fit-content;
    float: right;

    & p{
      text-shadow: 0px 8px 40px rgba(255, 255, 255, 0.25);
      font-size: 14px;
      font-weight: 700;
      line-height: 160%;
      letter-spacing: 0.12px;
      text-transform: uppercase;
      background: linear-gradient(280deg, #0A0F27 -1.62%, #FFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }

  .less-btn{
    display: none;
  }
}


@media only screen and (min-width: 786px) {
  #faq-section{
    & h4{
     text-align: center;
    }

    & h2{
      text-align: center;
      font-size: 48px;
    }

    .faq-items{
      & summary{
        & h3{
          font-size: 20px !important
        }
      }

      & p{
        font-size: 16px !important
       }
     }

     .faq-bottom-btn{
      border-radius: 16px;
      padding: 18px 48px;
      width: 252px;
      position: relative;
      transform: translateX(-50%);
      left: 50%;
      margin-top: 50px;
     }
  }
}

/* home page FAQ section */

/* home page bottom text section */
.homepage-bottom-text{
  background-color: var(--primary-color);
  color: var(--white-color);
  padding: 20px 12px 40px 12px;
  margin-top: -1px;

  .container{
    padding-bottom: 16px;

    & div:nth-child(1){
      border-top: 1px solid rgba(255, 255, 255, 0.60) ;
    }

    & div:last-child{
      border-bottom: 1px solid rgba(255, 255, 255, 0.60) ;
      padding-bottom: 24px;
    }
  }

  .bottom-text-content{
    padding-top: 24px;

    & h2{
      font-size: 16px;
      font-weight: 700;
      line-height: 150%;
    }

    & p, ul {
      color: #E7E8EC;
      font-size: 14px;
      font-weight: 400;
      line-height: 150%; /* 21px */
      margin-top: 16px !important;
    }

    & h5{
      color: #FFF;
      font-family: Mark Pro;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%; /* 24px */
    }

    & ul{
      list-style: disc !important;
      list-style-position: inside !important;
      margin-top: 5px;
    }
  }
}

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

  .bottom-text-content{
    padding-top: 24px;

    & h2{
      font-size : 20px;
    }

    & p, ul{
      font-size: 16px;
    }
  }
}
/* home page bottom text section */

/* dc-chargers css starts*/
  .dc-product-banner-wrapper{
    top: 118px;
  }
  .dc-product-banner-wrapper img{
    max-width: 100%;
  }
  .dc-carousel .item{
    opacity: 0.4;
    transform: scale(0.9) !important;
  }
  .dc-carousel{
    padding-top: 112px;
    background: #f5f6f7;
  }
  .dc-carousel .active .item{
    opacity: 1 !important;
    transform: scale(1) !important;
  }
  .dc-carousel .owl-nav{
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    top: 45%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .dc-carousel .owl-nav button{
    position: relative;
  }
  .dc-carousel .owl-nav button::after{
    content: "";
    position: absolute;
    background-image: url(../images/dc-chargers/carrousel-nav.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 17px;
    background-size: contain;
  }
  .dc-carousel .owl-nav button.owl-prev::after{
    transform: rotate(180deg);
  }
  .dc-carousel .owl-nav button span{
    font-size: 50px;
    display: none;
  }
  .dc-carousel .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent;
    color: inherit;
  }
  .dc-testimonialsCustomers-content .mainSub-title{
    color: rgba(251, 67, 53, 1);
  }
  .dc-partnetCircle-list.partnetCircle-list li{
    max-width: 50%;
  }
  .dc-testimonialsCustomers-list{
    padding-top: 64px;
  }
  .dc-product-banner .acBtn a{
    padding: 8px 15px;
  }


/* dc-chargers css ends*/

/* thank you section starts */
.request-content{
  position: relative;
}
  .request-content.deactivate-request-form::after{
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    /* display: none; */
  }
  #on_submit_click{
    padding-top: 255px;
    padding-left: 102px;
    padding-right: 102px;
    padding-bottom: 150px;
    position: relative;
    display: none;
  }
  .thankyou-content{
    padding-top: 255px;
    padding-left: 102px;
    padding-right: 102px;
    padding-bottom: 150px;
    position: relative;
    display: none;
  }
  .thankyou-title{
    font-style: normal;
    font-weight: 700;
    font-size: 96px;
    background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    width: 601px;
    margin-bottom: 20px;
  }
  .thankyou-cont{
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 200%;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px 8px 40px rgba(255, 255, 255, 0.25);
  }
  .thankyou-img{
    position: absolute;
    top: 55px;
    right: 100px;
  }
/* thank you section ends */

/* csms starts */
  .csms-body .product-banner-content h1{
    font-size: 70px;
    width: 742px;
  }
  .csms-body .white-label-product-banner-content h1 span{
    width: auto;
  }
  .csms-body .csms-white-label-product-banner-content{
    /* width: 70% !important; */
    max-width: 65% !important;
  }
  .csms-body .white-label-product-banner-content{
    background-image: none;
  }
  .csms-body .white-label-product-banner-wrapper{
    background-image: none;
  }
  .csms-body .csms-white-label-product-banner-wrapper{
    /* width: 30% !important; */
    max-width: 35% !important;
  }
  .csms-body .white-label-product-banner-wrapper img{
    width: 100%;
    position: static;
    padding-top: 53px;
  }
  .csms-body .product-banner-content a.common-btn{
    margin-top: 23px;
  }
  .csms-body .white-label-overview-outer {
    padding-top: 110px;
  }
  .csms-body .nav-item.dropdown:hover ul.dropdown-menu{
    z-index: 2;
  }

/* csms ends */


/* addwall starts */

.ad_wall .bottom-gradient-box{
  bottom: -158px;
}
.ad_wall .gradient-box {
  width: 328px;
}

.ad_wall .dc-carousel .owl-stage{
  display: flex;
}

.ad_wall .owl-theme .owl-dots .owl-dot.active span{
  background: transparent;
  border: solid 1px #869791;
  transform: scale(1.5);
}

.ad_wall .owl-theme .owl-dots .owl-dot span{
  background: #869791;
}
.ad_wall .ad_for_section_container{
  margin-top: 114px;
}
.ad_wall .faq-outer{
  padding-top: 9px;
}

.ad_wall .ad_wall_banner_content p{
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.6);
  text-align: right;
  margin-bottom: 20px;
}
/* adwall ends */

/* franchise landing page starts */

  .franchise-landing .main-banner{
    background-image:radial-gradient(32.57% 58.93% at 65.9% 50%, rgba(5, 10, 29, 0) 18.02%, #050A1D 105.46%), url(../images/franchise-landing-page/banner-img.svg);
    background-size: cover;
    /* background-position-y: top;
    background-position-x: 261%; */

    padding-top: 50%;
    position: relative;
  }
  .franchise-landing .product-banner{
    padding-top: 0;

    position: absolute;
    bottom: -14%;
  }
  .franchise-landing .product-banner-content{
    max-width: unset;
    padding-top: 398px;
    padding-bottom: 0;
  }
  .franchise-landing .product-banner-content p{
    color: #D2D2D1 !important;

  }
  .franchise-landing .why-section{
    text-align: center;
    background-color:#080B1C;
    padding-top: 240px;
    padding-bottom: 105px;
  }
  .franchise-landing .why-section h3{
    font-weight: 700;
    font-size: 48px;
    color: #FFFFFF;
    margin-bottom: 23px;
  }
  .franchise-landing .why-section p{
    font-weight: 400;
    font-size: 26px;
    color: #FFFFFF;
  }

  .franchise-landing .featured-list{
    background-color:#080B1C;
    padding-bottom: 94px;
  }
  .franchise-landing .featured-list h4{
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 60px;
  }
  .franchise-landing .featured-list .featured-list-outer{
    width: 67%;
    margin: 0 auto;
  }
  .franchise-landing .featured-list-content p{
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
  }
  .franchise-landing .invest{
    background-color:#080B1C;

  }
  .franchise-landing .invest h3{
    font-weight: 700;
    font-size: 48px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 80px;
  }
  .franchise-landing .invest-reason-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* width: 70%; */
    width: 85%;
    margin: 0 auto;
  }
  .franchise-landing .invest-reason-list ul{
    /* list-style-image: url('../images/franchise-landing-page/Checkmark.svg'); */
  }

  .franchise-landing .invest-reason-list ul li{
    display: flex;
    align-items: center;
    margin-bottom: 70px;
    /* justify-content: space-between; */
  }

  .franchise-landing .invest-reason-list h6{
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
  }
  .franchise-landing .invest-reason-list p{
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
  }

  .franchise-landing .investment-cont{
    padding-left: 10px;
  }
  .franchise-landing .what-will-get{
    background-color:#080B1C;
    padding-top: 170px;
  }
  .franchise-landing .what-will-get h4{
    font-weight: 500;
    font-size: 32px;
    color: #D2D2D1;
    text-align: center;
    margin-bottom: 14px;
  }
  .franchise-landing .what-will-get h4:nth-child(2){
    margin-bottom: 60px;
  }
  .franchise-landing .what-will-get h4 span{
    width: 1149px;
    display: inline-block;
    font-weight: 700;
    background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 10px;
  }
  .franchise-landing .get-block{
    width: 33.3%;
    margin-bottom: 140px;
  }
  .franchise-landing .get-block h6{
    font-weight: 500;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 25px;
  }
  .franchise-landing .get-block p{
    font-weight: 400;
    font-size: 16px;
    /* color: #FFFFFF; */
    color: rgba(255, 255, 255, 0.7);
    line-height: 22px;

  }
  .franchise-landing .get-block img{
    height: 48px;
  }
  .franchise-landing .get-list{
    display: flex;
    /* align-items: center; */
    justify-content:space-between;
    flex-wrap: wrap;
    width: 70%;
    margin: 0 auto;
  }
  .franchise-landing .request-content, .franchise-landing .thankyou-content{
    width: 70%;
    margin: 0 auto;
  }
  .franchise-landing #request-form{
    padding-top: 0;
  }
  .franchise-landing .request-content button.common-btn{
    margin-top: 0;
  }
  .franchise-landing .request-content p{
    font-weight: 500;
    font-size: 18px;
    color: #D2D2D1;
    margin-bottom: 30px;
  }

  .franchise-landing .top-gradient-box,
  .franchise-landing .bottom-gradient-box{
    display: none;
  }

  .franchise-landing .invest-reason-list, .franchise-landing .invest-reason-list ul li{
    align-items: flex-start;
  }

/* franchise landing page ends */


/* media landing page starts */

  .media-landing .main-banner{
    background-image: url(../images/media-landing-page/media-banner-img-full.png);
    background-size: 100%;
    background-position-x: left;
    background-position-y: 75%;
  }
  .media-landing .product-banner-content{
    max-width: 65%;
  }
  .media-landing .product-banner{
    display: flex;
    justify-content: flex-end;
    /* bottom: 19%; */
    bottom: unset;
    top: 10%;
    right: 53px;
  }
  .media-landing .product-banner h1{
    text-align: right;
  }
  /* .media-landing .product-banner{
    bottom: 19%;
  } */
  .media-landing .media-banner-btn{
    display: flex;
    justify-content: flex-end;
  }

  .media-landing .invest-reason-list ul:nth-child(1){
    width: 75%;
  }


  .media-landing .featured-list h4{
    /* background: transparent; */
    background: transparent;
    color: #d3d3d3;
    webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    text-fill-color: unset;
    margin-bottom: 48px;
  }
  .media-landing .featured-list-content p{
    font-weight: 400;
  }

  .media-landing .white-label-our-client h3{
    width: 359px;
    margin-bottom: 40px;
  }

  .media-landing .white-label-our-client .client-list{
    width: 70%;
    align-items: center;
  }
  .media-landing .white-label-our-client .client-list li{
    /* max-width: 25%;
    flex: 0 0 25%; */
    max-width: 33.3%;
    flex: 0 0 33.3%;
    padding-right: 12%;
  }
  .media-landing .white-label-our-client .client-list li:nth-child(2){
    padding-right: 6%;
  }
  .media-landing .white-label-our-client .client-list li:nth-child(3){
    padding-left: 6%;
    padding-right: 0;
  }

  .media-landing .white-label-our-client .client-list li img{
    width: 100%;
  }
  .media-landing .white-label-our-client{
    padding-top: 65px;
    background-color: #080B1C;
  }
  /* .featured-list-outer .featured-list-outer{
    width: 25%;
  } */

  .media-landing .product-feature h4{
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    text-align: center;
    margin-bottom: 90px;
  }
  .media-landing .product-feature .prod-feature-cont{
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin: 0 auto
  }
  .media-landing .product-feature{
    background-color: #080b1c;
    padding-bottom: 200px;
  }
  .media-landing .product-feature .prod-feature-cont .prod-feature-cont-text{
    width: 50%;
    border-right: 2.5px solid rgba(183, 186, 198, 0.15);
    padding-top: 30px;
  }
  .media-landing .product-feature .prod-feature-cont .prod-feature-cont-text h6{
    font-weight: 400;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 30px;
  }
  .media-landing .product-feature .prod-feature-cont .prod-feature-list li{
    margin-bottom: 70px;
  }
  .media-landing .product-feature .prod-feature-cont .prod-feature-list li:last-child{
    margin-bottom: 0;
  }
  .media-landing .product-feature .prod-feature-cont .prod-feature-list li span{
    font-weight: 700;
    font-size: 20px;
    color: #EB522D;
  }
  .media-landing .product-feature .prod-feature-cont .prod-feature-list li p{
    font-weight: 700;
    font-size: 28px;
    color: #fff;
  }
  .media-landing .product-feature .prod-feature-cont-img{
    width: 50%;
    display: flex;
    justify-content: flex-end;
    padding-top: 22px;
    padding-left: 8%;
  }
  .media-landing .request-content, .media-landing .thankyou-content{
    width: 90%;
  }
  .media-landing .invest{
    padding-top: 60px;
  }
  .media-landing .featured-list{
    padding-top: 60px;
  }

  .media-landing .white-label-our-client{
    padding-bottom: 147px;
  }
  /* .media-landing #navbar{
    z-index: 1;
  } */
  .media-landing .product-banner-content{
    padding-top: 0;
  }

/* media landing page ends */


/* product landing page starts */

.product-landing-page .main-banner-content.product-banner{
  width: 100%;
  height: auto;
}
.product-landing-page .main-banner-content.product-banner .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-landing-page .product-banner-wrapper img{
  border-radius: 0;
  width: 100%;
}
.product-landing-page .product-banner-content h1{
  font-weight: 700;
  font-size: 48px;
  color: #FFFFFF;
  line-height: 72px;
}
.product-landing-page .product-banner-content p{
  font-weight: 500;
  font-size: 24px;
  color: rgba(221, 77, 50, 0.7);
  line-height: 36px;
  white-space: nowrap;
}
.product-landing-page .product-banner-content{
  /* max-width: 60%; */
  max-width: 45%;
  padding-bottom: 0;
  z-index: 1;
}

.product-landing-page .product-banner-wrapper{
  padding-left: 0;
  width: 54%;
  z-index: 1;
  margin-top: 50px;
}
.product-landing-page .main-banner-content.product-banner{
  padding-bottom: 150px;
  z-index: 0;
}
.product-landing-page .main-banner{
  padding-top: 28px;
}
.product-landing-page .product-banner-content a.common-btn{
  margin-top: 12px;
}
.product-landing-page .explore-products{
  background-color: #050A1D;
  padding-bottom: 140px;
}
.product-landing-page .explore-products h3{
  font-weight: 700;
  font-size: 56px;
  line-height: 78px;
  color: #E8E8E8;
  text-align: center;
  margin-bottom: 38px;
}
.product-landing-page .explore-products h4{
  font-weight: 500;
  font-size: 40px;
  line-height: 56px;
  color: rgba(232, 232, 232, 0.7);
  margin-bottom: 39px;
}
.product-landing-page .explore-product-block{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 120px;
}
.product-landing-page .explore-product-block:last-child{
  margin-bottom: 0;
}
.product-landing-page .explore-product-block .explore-product-text span{
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #FC5735;
}
.product-landing-page .explore-product-block .explore-product-text h6{
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  color: #FFFFFF;
  margin: 8px 0;
}
.product-landing-page .explore-product-block .explore-product-text p{
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  color: #FFFFFF;
}
.product-landing-page .explore-product-img{
  width: 40%;
  padding-left: 85px;
}
.product-landing-page .explore-product-text{
  width: 55%;
  /* padding: 0 95px; */
}
.product-landing-page .explore-product-block:nth-child(even) .explore-product-img{
  order: 2;
  text-align: right;
  padding-right: 85px;
  padding-left: 0;
}
.product-landing-page .explore-product-text .common-btn{
  margin-top: 30px;
  margin-left: 0;
}
.product-landing-page .hassle-free-installation{
  background-color: #050A1D;
  padding-bottom: 153px;
}
.product-landing-page .hassle-free-installation h3{
  font-weight: 700;
  font-size: 56px;
  line-height: 78px;
  background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 639px;
  margin: 0 auto;
  margin-bottom: 35px;
}
.product-landing-page .installation-step{
  display: flex;
  justify-content: space-between;
}
.product-landing-page .install-block{
  width: 30.7%;
}
.product-landing-page .install-block .install-img img{
  width: 100%;
}
.product-landing-page .install-des{
  text-align: center;
  padding-top: 16px;
}
.product-landing-page .install-des h6{
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.product-landing-page .install-des p{
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #D9D9D9;
}
.product-landing-page .featured-list{
    padding-top: 93px;
    padding-bottom: 114px;
}
.product-landing-page .partner{
  background-color: #070A1D;
  padding-top: 122px;
  padding-bottom: 110px;
}
.product-landing-page .partner h3{
  font-weight: 700;
  font-size: 56px;
  line-height: 78px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 25px;
}
.product-landing-page .partner p{
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #FFFFFF;
  width: 76%;
  margin: 0 auto;
}
.product-landing-page .partner .partner-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
}
.product-landing-page .partner-btn .partner-link-btn{
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #FC5735;
  margin-left: 30px;
}
.product-landing-page .faq-tabs-content p a{
  color: #4717ee;
}
.product-landing-page .explore-products-wrap{
  width: 80%;
  margin: 0 auto;
}
.product-landing-page .main-banner .top-gradient-box{
  z-index: 0;
  opacity: 0.37;
  filter: blur(135.02px);
  width: 299px;
  height: 231px;
}
.product-landing-page #navbar{
  z-index: 1;
  position: relative;
}
.product-landing-page .exp-sec-title-2{
  margin-bottom: 0 !important;
}


/* product landing page ends */


.about-class .abt-ban-gradient{
  position: relative;
  z-index: 1;
  background-size: cover;
}
.about-class .about-banner{
  background-size: cover;
}
.about-class .abt-ban-img{
  z-index: 0;
}
.about-class .abt-ban-img img{
  max-width: unset;
  width: 100%;
}

.uno-circle-gif-wrap{
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
}
.uno-circle .main-banner{
  position: relative;
}
.product-banner-wrapper img.static-circle-rep-img, .static-circle-rep-img-shadow-1, .static-circle-rep-img-shadow-2{
  display: none !important;
}


.fleet-electrification .landing-main-banner{
  background-image: url(../images/fleet-electrification/fleet-management.svg);
}
.fleet-electrification .landing-product-banner-content h1 span{
  width: 850px;
  background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.fleet-electrification .landing-product-banner-content h1{
  font-size: 80px;
}
.fleet-electrification .report-sec .report-cont ul li {
  align-items: start;
}
.fleet-electrification .landing-product-banner-content p{
  font-weight: 400;
  font-size: 24px;
  /* line-height: 36px; */
  color: #D2D2D1;
}
.ccs-main .dc-product-banner-wrapper img{
  max-width: 55% !important;
}

.index-h1-copy{
  font-weight: 700;
  font-size: 56px;
  text-align: center;
  color: var(--white-color);
}
.index-h1-copy span, .index-elec-rev-title span{
  background: linear-gradient( 279.62deg, #0a0f27 -1.62%, #ffffff 24.99%, #e88b76 47.4%, #e55059 77.04%, #0a0f27 107.03% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.index-elec-rev-title{
  font-weight: 700;
  font-size: 48px;
  color: var(--white-color);
}

.dropdown-menu{
  width: 280px;
  z-index: 2;
  padding-bottom: 21px;
  padding-top: 31px;
  background: #05081D;
  border: 0.5px solid rgba(251, 67, 53, 0.2);
  box-shadow: 0px 7.63396px 38.1698px rgba(255, 255, 255, 0.04);
  border-radius: 0px 0px 16px 16px;
}

.dropdown-menu .nav-sub-title{
  font-weight: 500;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #B2B3B4;
  margin-bottom: 39px;
  margin-top: 22px;
}
.products-type svg{
  width: 8px;
  position: absolute;
  top: 4px;
  right: 10px;
  transition: 1s;
}
/* .products-type:hover svg{
  transform: rotate(180deg);
} */

.view-solu-nav:hover svg{
  transform: unset;
}
/* .view-solu-nav{
  font-weight: 800 !important;
  background: linear-gradient(287.85deg, #FFFFFF 22.79%, #E88B76 62.6%, #E55059 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 20px;
} */
.dropdown-item{
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}
/* .dropdown-menu li:hover{
  position: relative;
  background: linear-gradient(279.62deg, rgba(10, 15, 39, 0.3) -1.62%, rgba(255, 255, 255, 0.06) 24.99%, rgba(232, 139, 118, 0.3) 47.4%, rgba(229, 80, 89, 0.3) 77.04%, rgba(10, 15, 39, 0.3) 107.03%);
  opacity: 0.9;
  filter: blur(40px);
} */
.dropdown-menu li{
  position: relative;
}

.dropdown-menu li .nav-blur-gradient{
  position: absolute;
  background: linear-gradient(279.62deg, rgba(10, 15, 39, 0.3) -1.62%, rgba(255, 255, 255, 0.06) 24.99%, rgba(232, 139, 118, 0.3) 47.4%, rgba(229, 80, 89, 0.3) 77.04%, rgba(10, 15, 39, 0.3) 107.03%);
  opacity: 0;
  filter: blur(40px);
  width: 100%;
  height: 100%;
  z-index: 0;

}
.dropdown-menu li:hover .nav-blur-gradient{
  opacity: 0.9;
}
.dropdown-menu li:hover .dropdown-item{
  background: linear-gradient(90.96deg, #E88B76 24.02%, #FFFFFF 49.42%, #DB4D57 101.96%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease;
  font-weight: 500;
}
.dropdown-menu li:hover svg path{
  fill: #EC9E8C;
}
.dropdown-item{
  text-align: left;
}
.products-type{
  position: relative;
}
.sub-dropdown-menu-wrap{
  position: absolute;
  left: 100%;
  top: 0;
  padding-left: 32px;
}
.sub-dropdown-menu{
  /* position: absolute; */
    right: -295px;
    /* right: -286px; */
    top: 0;
    width: 255px;
    background: #05081D;
    border: 0.5px solid rgba(251, 67, 53, 0.2);
    box-shadow: 0px 7.63396px 38.1698px rgba(255, 255, 255, 0.04);
    border-radius: 0px 0px 16px 16px;
    padding: 15px 0 15px 23px;
    /* opacity: 0;
    visibility: hidden; */
    display: none;
    transform: 1s;
}
/* .show-sub-menu{
  display: block;
} */
.products-type:hover .sub-dropdown-menu{
  /* opacity: 1;
  visibility: visible; */
  display: block;
}
.sub-dropdown-item{
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #FFFFFF;

}
.sub-dropdown-item:hover{
  font-weight: 500;
  background: linear-gradient(287.85deg, #FFFFFF 22.79%, #E88B76 62.6%, #E55059 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-shadow: 0px 8px 40px rgba(255, 255, 255, 0.25);
}

.white-label-animation .white-label-product-banner-wrapper img{
  animation-name: white-label-animate;
  animation-duration: 2.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translateY(60%);
  width: 110%;
  top: 0;
  left: -24%;

}

@keyframes white-label-animate{
  0%{
    opacity: 0;
    transform: translateY(60%);
    width: 110%;
  }
  60%{
    opacity: 1;
    transform: translateY(0%);
    width: 110%;
  }
  100%{
    opacity: 1;
    transform: translateY(0%);
    width: 100%;
  }

}

.white-label-animation .white-label-product-banner-content{
  background-position-x: -446%;
  animation-name: white-label-bg-animate-left;
  animation-duration: 1.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes white-label-bg-animate-left{
  from{
    opacity: 0;
    background-position-x: -446%;
  }
  to{
    opacity: 1;
    background-position-x: 0%;
  }
}
.white-label-animation .white-label-product-banner-wrapper{
  background-position-x: 438%;
  background-size: unset;
  animation-name: white-label-bg-animate-right;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes white-label-bg-animate-right{
  from{
    opacity: 0;
    background-position-x: 438%;
  }
  to{
    opacity: 1;
    background-position-x: 0%;
  }
}
.white-label-animation .product-banner h1{
  animation-name: white-label-bg-animate-title;
  animation-duration: 0.8s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 3s;
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translate(-200px);
}
@keyframes white-label-bg-animate-title{
  from{
    opacity: 0;
    transform: translate(-200px);
  }
  to{
    opacity: 1;
    transform: translate(0);
  }
}

.white-label-animation .product-banner-content a.common-btn {
  animation-name: white-label-bg-animate-btn;
  animation-duration: 0.8s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 4s;
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translate(-100px);
}
@keyframes white-label-bg-animate-btn{
  from{
    opacity: 0;
    transform: translate(-50px);
  }
  to{
    opacity: 1;
    transform: translate(0);
  }
}

.white-label-animation .white-label-overview-outer {
  padding-top: 40px;
}

.csms-body .white-label-product-banner-wrapper img{
  padding-top: 0;
}
.csms-body .csms-ban-img-wrap img:first-child{
  width: 100%;
}
.csms-body .white-label-product-banner-wrapper .csms-ban-img-wrap{
  animation-name: csms-animate;
  animation-duration: 1.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translateY(30%);
  width: 110%;
  /* height: 100%; */
  top: 0;
  left: -24%;
  padding-top: 0;
  overflow-x: hidden;
  min-height: 100%;
  background-color: #fff;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.csms-body .white-label-product-banner-wrapper .csms-ban-img-wrap::-webkit-scrollbar {
  display: none;
}

@keyframes csms-animate{
  0%{
    opacity: 0;
    transform: translateY(30%);
    width: 110%;
  }
  50%{
    opacity: 1;
    transform: translateY(-4%);
    width: 110%;
  }
  100%{
    opacity: 1;
    transform: translateY(0%);
    width: 100%;
  }

}

.csms-body .csms-white-label-product-banner-wrapper{
  position: absolute;
  right: 0;
  max-width: 40% !important;
  height: 100%;
  top: 0;
  padding-top: 20px;
  padding-bottom: 50px;
}
.csms-body .product-banner-content h1{
  word-spacing: -4px;
  letter-spacing: -1px;
}
.csms-body .product-banner-content {
  padding-bottom: 218px;
  visibility: hidden;
}
.csms-body .csms-ban-title{
  visibility: visible;
  position: absolute;
  top: 25%;
  margin-top: 0;
  padding-bottom: 0;
  width: 65% !important;
}

/* .csms-ban-img-wrap{
  position: relative;
  width: 100%;
} */
.csms-body .csms-ban-img-header{
  width: 100% !important;
  position: absolute !important;
  top: 0 !important;
}
.csms-body .csms-sub-menu-img{
  width: 15% !important;
  position: absolute !important;
  top: 46% !important;
  left: 0 !important;
  transform: translateX(-30px);
  opacity: 0;
  animation-name: csms-submenu-img;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}
@keyframes csms-submenu-img{
  0%{
    opacity: 0;
    transform: translateX(-30px);
  }
  30%{
    opacity: 0;
    transform: translateX(-20px);
  }
  100%{
    opacity: 1;
    transform: translateX(0);
  }
}
.csms-body .csms-title-img{
  /* width: 30% !important; */
  position: absolute !important;
  top: 13% !important;
  left: 20% !important;
  transform: translateY(-30%);
  opacity: 0;
  animation-name: csms-title-img;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}
.csms-body .csms-title-img h6{
  font-size: 12.95px;
  font-weight: 700;
  color: rgb(16, 25, 65);
  display: inline-block;
}
.csms-body .csms-title-img span{
  font-size: 10px;
  font-weight: 400;
  color: rgb(253, 115, 86);
}
.csms-body .csms-title-img p{
  font-size: 10px;
  font-weight: 400;
  color: rgb(16, 25, 65);
  text-align: left;
}

@keyframes csms-title-img{
  from{
    transform: translateY(-30%);
    opacity: 0;
  }
  to{
    transform: translateY(0%);
    opacity: 1;
  }
}

.csms-ban-img-section-box{
  position: absolute;
  top: 26%;
  display: flex;
  flex-wrap: nowrap;
  width: 103%;
  margin-left: 20%;
  transform: translateY(50%);
  opacity: 0;
  animation-name: csms-section-animate;
  animation-duration: 1.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}
@keyframes csms-section-animate{
  from{
    /* width: 110%; */
    transform: translateY(50%);
    opacity: 0;
  }
  to{
    /* width: 100%; */
    transform: translateY(0%);
    opacity: 1;
  }
}
.csms-ban-img-section-box .csms-sec-img{
  width: 33.3%;
  /* margin-right: 10px; */
  transform: scaleX(1.1);
  /* opacity: 0; */
  animation-name: csms-section-img-animate;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
  /* border: solid 1px #000; */
}
@keyframes csms-section-img-animate{
  from{
    transform: scaleX(1.1);
    /* opacity: 0; */
  }
  to{
    transform: scaleX(1);
    /* opacity: 1; */
  }
}
.csms-ban-img-section-box .csms-sec-img img{
  width: 100% !important;
}

.csms-ban-img-graph-box{
  position: absolute;
  top: 46%;
  display: flex;
  flex-wrap: wrap;
  width: 103%;
  margin-left: 20%;
  transform: translateY(50%);
  opacity: 0;
  animation-name: csms-section-animate;
  animation-duration: 1.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}
/* @keyframes csms-section-animate{
  from{
    transform: translateY(50%);
    opacity: 0;
  }
  to{
    transform: translateY(0%);
    opacity: 1;
  }
} */
.csms-ban-img-graph-box .csms-graph-img{
  width: 50%;
  transform: scaleX(1.1);
  animation-name: csms-section-img-animate;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
}
/* @keyframes csms-section-img-animate{
  from{
    transform: scaleX(1.1);
  }
  to{
    transform: scaleX(1);
  }
} */

.csms-ban-img-graph-box .csms-graph-img img{
  width: 100% !important;
}

.csms-body .product-banner h1{
  animation-name: white-label-bg-animate-title;
  animation-duration: 1.3s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translate(-200px);
}
.csms-body .product-banner-content a.common-btn {
  animation-name: white-label-bg-animate-btn;
  animation-duration: 0.8s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 3.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translate(-100px);
}

/* host landing page starts */


.host-landing{
  background-color:rgb(8, 11, 28);
  padding-top: 25px;
}

.host-landing .main-banner{
  /* background-image: radial-gradient(64.26% 120.68% at 83.02% 4.14%, rgba(5, 10, 29, 0) 55.73%, rgba(5, 10, 29, 0.5) 100%),
  radial-gradient(91.61% 163.23% at 106.36% 85.4%, rgba(5, 10, 29, 0) 10.21%, rgba(5, 10, 29, 0.8) 55.52%, rgba(5, 10, 29, 0.8) 78.4%),
  url(../images/host-landing/host-ban-img.webp); */
  background-image: radial-gradient(68.06% 122.26% at 101.39% 16.11%, rgba(5, 10, 29, 0.5) 24.48%, #050A1D 74.37%),
  url(../images/host-landing/host-ban-img.webp);
  background-size: cover;
  background-position-y: top;
  padding-top: 113px;
}

.host-landing .product-banner h1{
  font-style: normal;
  font-weight: 700;
  font-size: 96px;
  line-height: 134.4px;
  color: #fff;
}
.host-landing .product-banner h1 span{
  background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.host-landing .product-banner h1 span:first-child{
  width: 607px;
  display: inline-block;
}
.host-landing .product-banner h1 span:nth-child(3){
  display: inline-block;
}
.host-landing .product-banner-content p{
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: #D2D2D1;
}
.host-landing .product-banner-content p:nth-child(3){
  display: none;
}
.host-landing .product-banner-content{
  max-width: unset;
}
.host-landing .product-banner-content a.common-btn{
  margin-top: 26px;
}
.host-landing .featured-list{
  padding-top: 39px;
}
.host-landing .featured-list .container{
  display: flex;
  flex-flow: column;
  align-items: center;
}

.host-landing .featured-list h4 span{
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 1297px;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
}
.host-landing .featured-list .featured-list-outer{
  width: 67%;
  margin: 0 auto;
  margin-top: 60px;
}
.host-landing .featured-list-content p{
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}
.host-landing .featured-list h4 p{
  display: none;
}
.services{
  margin-top: 72px;
}
.services h4{
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  color: #fff;
  text-align: center;
  margin-bottom: 90px;
}
.services figure img{
  border-radius: 11px;
}
.services figure figcaption{
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  color: #B7BAC6;
  margin-top: 15px;
}
.new-profit{
  margin-top: 160px;
}
.new-profit h4{
  text-align: center;
}
.new-profit h4 span{
  width: 1149px;
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 44.8px;
  background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.new-profit h4 p{
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  line-height: 69px;
  color: #fff;
}
.profit-figs{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 104px auto 0 auto;
  width: 80%;
}
.profit-figs figure{
  width: 33.3%;
  margin-bottom: 168px;
}
.profit-figs figure:nth-child(3), .profit-figs figure:nth-child(6){
  width: 24%;
}
/* .profit-figs figure:nth-child(2), .profit-figs figure:nth-child(5){
  text-align: center;
} */
.profit-figs figure img{
  width: 65px;
}
.profit-figs figure figcaption{
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.7);
}
.host-landing .makes-special{
  margin-top: 0;
  margin-bottom: 91px;
}
.host-landing .makes-special h4{
  margin-bottom: 72px;
}
.host-landing #request-form .request-content p{
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28.8px;
  color: #D2D2D1;
  margin-bottom: 20px;
}
.host-landing #request-form .request-content{
  padding: 0 8%;
}


/* host landing page ends */

/* ev calculator starts */
.ev-calculator-body #navbar{
  position: relative;
  z-index: 1;
}
  .ev-calculator #bgVideo{
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
  }
  .ev-calculator .vehicle-type .custom-radio-wrap {
    display: block;
    position: relative;
    padding-left: 35px;
    /* margin-bottom: 12px; */
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 25px;
    padding-top: 5px;
  }

  /* Hide the browser's default radio button */
  .ev-calculator .vehicle-type .custom-radio-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

  /* Create a custom radio button */
  .ev-calculator .vehicle-type .custom-radio-wrap .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border: 2px solid #74768D;
    border-radius: 50%;
  }

  /* On mouse-over, add a grey background color */
  .ev-calculator .vehicle-type .custom-radio-wrap:hover input ~ .checkmark {
    background-color: transparent;
  }

  /* When the radio button is checked, add a blue background */
  .ev-calculator .vehicle-type .custom-radio-wrap input:checked ~ .checkmark {
    background-color: transparent;

    border: double 1px transparent;
    border-radius: 50%;
    background-image: linear-gradient(#03081D, #03081D), radial-gradient(circle at top left, #D45B5D,#DB8F7B,#FFFFFF);
    background-origin: border-box;
    background-clip: content-box, border-box;
  }

  /* Create the indicator (the dot/circle - hidden when not checked) */
  .ev-calculator .vehicle-type .custom-radio-wrap .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the indicator (dot/circle) when checked */
  .ev-calculator .vehicle-type .custom-radio-wrap input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the indicator (dot/circle) */
  .ev-calculator .vehicle-type .custom-radio-wrap .checkmark:after {
    top: 4px;
    left: 4px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /* background: red; */
    background-image:linear-gradient(153.87deg, #D66563 -12.7%, #DE9886 62.69%, #FFFFFF 125.16%);
  }

  .ev-calculator .vehicle-type{}
  .ev-calculator .vehicle-type{}
  .ev-calculator .vehicle-type{}
  .ev-calculator .vehicle-type{}
  .ev-calculator .vehicle-type{}

  .ev-calculator .select-menu {
    width: 144px;
    height: 50px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin-right: 5px;
  }
  .ev-calculator .select-menu::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 8px;
    padding: 1.5px;
    background: linear-gradient(88.41deg, rgba(229, 80, 89, 0.5) 0%, rgba(232, 139, 118, 0.5) 42.31%, rgba(255, 255, 255, 0.5) 99.7%),
    radial-gradient(70.37% 70.37% at 50% 50%, rgba(251, 67, 53, 0.2) 0%, rgba(251, 67, 53, 0) 100%);
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
  }

  .ev-calculator .select-menu > .select {
    height: 50px;
    padding: 22px 20px 18px 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    transition: all 350ms ease-in-out;
    background: radial-gradient(70.37% 70.37% at 50% 50%, rgba(251, 67, 53, 0.2) 0%,
    rgba(251, 67, 53, 0) 100%);
  }
  .ev-calculator .select-menu > .select span{
    /* margin-right: 26px; */
  }
  .ev-calculator .select-menu > .select em{
    color: #fff;
    font-size: small;
  }

  .ev-calculator .select-menu > .select:hover {
    border-color: #b154f0;
    color: #fff;
  }

  .ev-calculator .select-menu > .select.active {
    border-color: #b154f0;
    color: #fff;
  }

  .ev-calculator .select-menu > .options-list {
    position: absolute;
    width: 100%;
    border: 1px solid rgba(229, 80, 89, 0.5);
    border-radius: 8px;
    padding: 10px;
    margin-top: 10px;
    max-height: 180px;
    overflow-y: auto;
    transition: 0.4s linear 0.2s;
    display: none;
    background-color: #03081D;
    z-index: 1;
  }

  .ev-calculator .select-menu > .options-list.active {
    display: block;
  }

  .ev-calculator .select-menu > .options-list > .option {
    padding: 6px 0;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 19.2px;
    letter-spacing: 1%;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: all 350ms ease-in-out;
  }

  .ev-calculator .select-menu > .options-list > .option:hover,
  .ev-calculator .select-menu > .options-list > .option.selected {
    /* color: #ffa700;
    border-bottom: 2px solid #ffa700; */
  }

  .ev-calculator .select-menu > .options-list::-webkit-scrollbar {
    background-color: #281e4d;
    width: 4px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .ev-calculator .select-menu > .options-list::-webkit-scrollbar-thumb {
    background-color: #b154f0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  .ev-calc-form-inner-cont{
    background-color: #03081D;
    border: 1px solid rgba(253, 124, 98, 0.4);
    border-radius: 16px;
    padding: 34px 22px 39px 22px;
    animation-name: ev-calc-form;
    /* animation-duration: 2.5s; */
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-delay: 2.3s;
    animation-fill-mode: forwards;
    transform: translate(61%, 20%);
    transform: translateY(20%);
    width: 600px;
    opacity: 0;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    height: 780px;
  }
  .ev-calc-div{
    /* overflow: hidden; */
  }
  .ev-calculator .ev-calculator-form{
    width: 100%;
    /* position: absolute; */
    z-index: 0;
    /* overflow: hidden; */
    /* overflow-x: hidden;
    overflow-y: visible; */
    /* margin-top: 30px; */
    top: 0;
    /* padding-bottom: 122px;
    padding-top: 120px; */

    /* padding-bottom: 122px;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    margin-top: 30px;
    animation-name: ev-calc-form;
    animation-duration: 2.5s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-delay: 2.3s;
    animation-fill-mode: forwards;
    transform: translate(61%, 20%);
    transform: translateY(20%);
    width: 600px;
    opacity: 1;
    top: 0; */
    /* animation-name: ev-calc-form-outer;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-delay: 3s;
    animation-fill-mode: forwards;
    transform: scale(1.2); */
  }
  /* @keyframes ev-calc-form-outer{
    from{
      transform: scale(1.2);
    }
    to{
      transform: scale(1);
    }
  } */

  @keyframes ev-calc-form{
    0%{
      transform: translateY(20%);
      /* width: 750px; */
      opacity: 0;
    }
    40%{
      transform: translateY(0%);
      /* width: 750px; */
      opacity: 1;
    }
    100%{
      transform: translateY(0%);
      /* width: 600px; */
      opacity: 1;
    }
  }

  .ev-cal-form-shrink-div{
    animation-name: ev-calc-form-outer;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-delay: 3s;
    animation-fill-mode: forwards;
    transform: scale(1.2);
  }
  @keyframes ev-calc-form-outer{
    from{
      transform: scale(1.2);
    }
    to{
      transform: scale(1);
    }
  }

  .ev-calculator-form h1{
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    color: #F4F4F4;
  }
  .ev-calculator-form .subtitle{
    font-family: 'Mark Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height:19px;
    color: #F4F4F4;
  }
  .ev-calculator-form .ev-calc-cont{
    padding: 0 14px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 19.2px;
    letter-spacing: 1%;
    /* text-transform: capitalize; */
    color: #FFFFFF;
  }
  .ev-calculator-form h3{
    margin-top: 48px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    position:relative;
  }
  .ev-calculator-form h3 span{
    font-style: normal;
    font-weight: 700;
    font-size: 17.235px;
    line-height: 27.5px;
    letter-spacing: 1%;
    text-transform: uppercase;
    color: #FFFFFF;
    border-bottom: 1.26315px solid #58546F;
  }
  .ev-calculator-form .ev-calc-info-icon, .ev-calc-info-icon-fuel{
    margin-left: 11px;
    display: inline-block;
    cursor: pointer;
  }

  .ev-calculator-form .info-box-wrap{
    position: absolute;
    background: linear-gradient(180deg, #783A3D 0%, #7C656A 51.56%, #82818B 94.79%);
    width: 321.81px;
    padding: 1px;
    border-radius: 9.49261px;
    z-index: 2;
    right: -13px;
    top: -30px;
    display: none;
  }
  /* .ev-calc-info-icon:hover .ev-calculator-form .info-box-wrap{
    display: block;
  } */

  .ev-calculator-form .info-box-wrap .info-box-inner-cont{
    background-color: #03081D;
    width: 100%;
    height: 100%;
    border-radius: 9.49261px;
    font-style: normal;
    font-weight: 400;
    color: #F4F4F4;
    padding: 13px 12px 10px 12px;
  }

  .ev-calculator-form .info-box-wrap .info-box-inner-cont p{
    font-size: 13px;
    line-height: 17.65px;
    margin-bottom: 3px;
    text-transform: capitalize;
  }
  .ev-calculator-form .info-box-wrap .info-box-inner-cont ul li{
    font-size: 12px;
    line-height: 18.24px;
    margin-bottom: 2px;
    text-transform: capitalize;
  }
  .ev-calculator-form .info-box-wrap .info-box-inner-cont ul li:last-child{
    margin-bottom: 0;
  }
  .ev-calculator-form .tooltip-arrow-wrap{
  width: 20px;
  height: 20px;
  background: linear-gradient(148.09deg, #793B3E 10.04%, #7C5D62 50.92%, #82818B 87.76%);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  transform:rotate(270deg);
  position: absolute;
  padding: 1px;
  z-index: 0;
  top: 30px;
  left: -19px;
  }
  .ev-calculator-form .tooltip-arrow-inner{
    width: 20px;
    height: 20px;
    background:#03081D;
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
    transform:rotate(270deg);
    position: absolute;
    padding: 1px;
    z-index: 1;
    top: 30px;
    left: -17px;
  }

  .ev-calculator-form .vehicle-type,
  .ev-calculator-form .kms-travelled{
    display: flex;
    justify-content:flex-start;
    align-items: center;
  }
  .ev-calculator-form .vehicle-type p,
  .ev-calculator-form .vehicle-type label,
  .ev-calculator-form .kms-travelled p,
  .ev-calculator-form .kms-travelled span{
    /* font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 19.2px;
    letter-spacing: 1%;
    text-transform: uppercase;
    color: #FFFFFF; */

  }
  .ev-calculator-form .vehicle-type p, .ev-calculator-form .kms-travelled p{
    width: 25%;
  }
  .ev-calculator-form .vehicle-type label{
    width: 35%;
  }
  .ev-calculator-form .kms-travelled{
    margin-top: 50px;
  }
  .ev-calculator-form .kms-travelled .kms-travelled-input{
    width: 37.5%;
    display: inline-block;
  }
  .ev-calculator-form .kms-travelled .kms input{
    width: 127px;
    height: 50px;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    background-color: transparent;
    /* margin-right: 15px; */
    color: #FFFFFF;
    text-align: center;
    font-family: 'Mark Pro';
  }
  .input_kms_wrap{
    margin-right: 15px;
    position: relative;
  }
  .KM-static{
    position: absolute;
    right: 20px;
    top: 16px;
    font-size: 14px;
    display: none;
    font-family: 'Mark Pro';
    font-weight: 300;
  }

  .ev-cal-form-shrink-div-screen-2 .request-item input{
    font-family: 'Mark Pro';
    font-size: 15px;
  }
  .ev-calculator-form .kms-travelled .kms input::placeholder{
    font-style: normal;
    font-weight: 500;
    font-size: 12.9263px;
    color: #71768D;
    text-align: center;
  }
  .ev-calculator-form .kms-travelled .kms input:focus{
    outline: none;
  }

  .ev-calculator-form .fuel-economy{
    position: relative;
  }
  .ev-calculator-form .fuel-economy .info-box-wrap{
    top: 35px;
    left: 7%;
  }

  .ev-calculator-form .fuel-economy .tooltip-arrow-wrap{
    width: 15px;
    height: 15px;
    transform: none;
    top: -14px;
    left: 90%;
  }
  .ev-calculator-form .fuel-economy .tooltip-arrow-inner{
    width: 15px;
    height: 15px;
    transform: none;
    top: -12px;
    left: 90%;
  }



  .ev-calculator-form .fuel-economy{
    margin-top: 38px;
  }
  .ev-calculator-form .fuel-economy p{
    display: flex;
    align-items: center;
  }
  .ev-calculator-form .fuel-economy p span{
    padding-top: 2px;
  }
  .ev-calculator-form .average-life{
    /* margin-top: 40px; */
  }
  .ev-calculator-form .average-life input{
    background: #2C3155;
    border-radius: 8px;
    width: 100%;
    height: 50px;
    border: none;
    padding: 0 12px;
    color: #fff;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    margin-top: 3px;
    font-family: 'Mark Pro';
  }
  .ev-calculator-form .average-life input:focus{
    outline: none;
  }

  .ev-calculator-form .ev-calc-btn{
    background: #FC441E;
    border-radius: 8px;
    /* height: 58px; */
    width: 80%;
    margin: 0 auto;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    display: block;
    border:none;
    margin-top: 50px;
    cursor: pointer;
    text-align: center;
    padding: 20px 0;
    position: absolute;
    bottom: 105px;
    left: 0;
    right: 0;
    font-family: 'Mark Pro';
  }
  .ev-calculator-form small{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #CBCBCB;
    margin-top: 35px;
    display: inline-block;
    /* text-transform: capitalize; */
    position: absolute;
    bottom: 39px;
    width: 89%;
  }
  .ev-calculator .ev-calculator-form .gradient-box{
    /* width: 200.56px;
    height: 200.56px; */
  }
  .ev-calculator .ev-calculator-form .top-gradient-box{
    width: 200.56px !important;
    height: 200.56px !important;
    filter: blur(59.02px);
    top: -36px;
    left: -21px;
    opacity: 0.19;
  }
  .ev-calculator .ev-calculator-form .bottom-gradient-box{
    width: 227.56px !important;
    height: 418.56px !important;
    filter: blur(117.02px);
    z-index: -1;
  }
  /* .ev-bottom-space{
    position: absolute;
    height: 122px;
    bottom: 0;
  } */

  /* General Rules For Range Slider */
  .ev-calculator .custom-rangeslider {
    position: relative;
    margin-top: 15px;
    padding: 0;
  }

  .ev-calculator .custom-rangeInput {
    width: 100%;
    background: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    box-sizing: border-box;
    cursor: pointer;
    outline: 0;
    border: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
    height: 20px;
  }
  .ev-calculator .custom-rangeInput::-webkit-slider-thumb {
    -webkit-appearance: none;
            appearance: none;
    box-sizing: border-box;
    background-color: #FA4240;
    outline: 1px solid #ffffff;
    width: 17px;
    height: 32px;
    border: none;
    border-radius: 6.4px;
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab;
    margin-top: -14px;
  }

  .ev-calculator .custom-rangeInput::-webkit-slider-thumb:active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
  }
  .ev-calculator .custom-rangeInput::-moz-range-thumb {
    -webkit-appearance: none;
            appearance: none;
    box-sizing: border-box;
    background-color: #FA4240;
    outline: 1px solid #ffffff;
    width: 17px;
    height: 32px;
    border: none;
    border-radius: 6.4px;
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab;
    margin-top: -14px;
  }

  .ev-calculator .custom-rangeInput::-moz-range-thumb:active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
  }
  .ev-calculator .custom-rangeInput::-ms-thumb {
    -webkit-appearance: none;
            appearance: none;
    box-sizing: border-box;
    background-color: #FA4240;
    outline: 1px solid #ffffff;
    width: 17px;
    height: 32px;
    border: none;
    border-radius: 6.4px;
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab;
    margin-top: -14px;
  }
  .ev-calculator .custom-rangeInput::-ms-thumb:active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
  }
  .ev-calculator .custom-rangeInput::-webkit-slider-runnable-track {
    -webkit-appearance: none;
            appearance: none;
    box-sizing: border-box;
    height: 8.7px;
    width: 100%;
    cursor: pointer;
    border: none;
    border-radius: 16px;
    padding: 0;
    margin: 0;
    background: grey;

  }
  .ev-calculator .custom-rangeInput::-moz-range-track {
    -moz-appearance: none;
         appearance: none;
    box-sizing: border-box;
    height: 8.7px;
    width: 100%;
    cursor: pointer;
    border: none;
    border-radius: 16px;
    padding: 0;
    margin: 0;
    background: grey;
  }
  .ev-calculator .custom-rangeInput::-ms-track {
    appearance: none;
    box-sizing: border-box;
    height: 8.7px;
    width: 100%;
    cursor: pointer;
    border: none;
    border-radius: 16px;
    padding: 0;
    margin: 0;
    background: grey;
    color: transparent;
    border: none;
    outline: none;
  }
  .ev-calculator .custom-rangeInput:focus, .custom-rangeInput:active {
    outline: none;
  }
  .ev-calculator .custom-rangeInput::-ms-tooltip {
    display: none;
  }

  .ev-calculator .custom-rangeslider__tooltip {
    line-height: 20px;
    position: absolute;
    height: 20px;
    width: auto;
    background-color: transparent;
    padding: 3px 3px;
    top: 25px;
    left: 0;
    text-align: center;
    transform: translate(-26%, 0);
    border-radius: 3px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    pointer-events: none;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-transform: capitalize;
    white-space: nowrap;
    /* position: relative;
    width: 100px;
    display: inline-block;
    top: 0; */
  }
  /* .ev-calculator .custom-rangeslider__tooltip::before{
    content: "||";
    position: absolute;
    width: 17px;
    top: -29px;
    left: 45px;
    font-size: 17px;
  } */

  .ev-calculator .custom-rangeslider__label {
    width: 100%;
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 76px;
    /* line-height: 22px; */
    /* position: absolute;
    top: 30px; */
  }
  .ev-calculator .custom-rangeslider__label span {
    display: block;
  }
  .ev-calculator .custom-rangeslider__label-min {
    float: left;
  }
  .ev-calculator .custom-rangeslider__label-max {
    float: right;
  }
  .ev-calculator .custom-rangeslider__label:after {
    content: "";
    display: table;
    clear: both;
  }
  .ev-cal-form-shrink-div-screen-2{
    display: none;
    animation-delay: 1s;
  }

  .ev-cal-screen-2{
    display: none;
    animation-delay: 0.5s;
  }
  .ev-cal-screen-2 h1{
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    color: #F4F4F4;
    text-align: center;
    margin-top: 23px;
  }
  .ev-cal-screen-2 .screen-2-subtitle{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27.44px;
    text-align: center;
    color: #F4F4F4;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 78%;
    margin: 40px auto 40px auto;
  }
  .ev-cal-screen-2 .request-item{
    max-width: 100%;
    margin-bottom: 0;
    margin-top: 20px;
  }
  .ev-cal-screen-2 .request-item img.input-tick-icon{
    position: absolute;
    top: 15px;
    right: 26px;
    left: unset;
  }
  .ev-cal-screen-2 .request-item img.input-tick-icon.display{
    display: none;
  }
  .ev-cal-screen-2 .subscribe-newsletter{
    font-style: normal;
    font-weight:100;
    font-size: 13px;
    line-height: 16px;
    color: #76768C;
    margin-top: 85px;
    margin-bottom: 90px;
  }
  .ev-cal-screen-2 .ev-calc-btn.disabled-btn{
    background: #FEC7BC;
  }
  .ev-calc-loader{
    display: none;
  }
  .ev-calc-loader h3{
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 33px;
    text-align: center;
    color: #FFFFFF;
    display: block;
  }
  .ev-calc-loader h4{
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 41px;
    text-align: center;
    color: #FFFFFF;
    width: 61%;
    margin: 0 auto;
    margin-top: 50px;
  }
  .ev-calc-loader .loader-wrap{
    /* width: 415px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; */
    width: 271px;
    height: 271px;
    border-radius: 50%;
    background-color: #EBEBEB;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /* position: relative; */
  }
  .ev-calc-loader .loader-car-path{
    border: dashed 4px #D6D6D6;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background-color: #EBEBEB;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* position: absolute;
    left: 0;
    right: 0; */
  }
  .loader-rotate{
    position: absolute;
    width: 100%;
    height: 100%;
    animation-name: loader-rotate-animate;
    animation-duration: 1s;
    animation-iteration-count: 5;
    animation-timing-function:ease-in-out ;
    animation-delay:1s ;
    transform: rotate(0deg);
    text-align: center;
  }
  @keyframes loader-rotate-animate{
    /* from {
      transform: rotateZ(0deg);
    }
    to {
      transform: rotateZ(360deg);
    } */
    from{
      transform: rotate(0deg);
    }
    to{
      transform: rotate(360deg);
    }
  }


  .loader-car{
    width: 35px;
    position: absolute;
    top: -18px;
    /* animation-name: loader-car-animate; */
    animation-duration: 1s;
    animation-iteration-count: 5;
    animation-timing-function:ease-in-out ;
    animation-delay:1.8s ;
    transform: rotate(0deg)
    translateX(-17px);
  }
  @keyframes loader-car-animate{
    from{
      transform: rotateZ(360deg)
      /* rotateX('0deg')
      rotateY('0deg'); */
    }
    to{
      transform: rotateZ(0deg)
      /* rotateX('360deg')
      rotateY('360deg'); */
    }
  }
  .ev-calc-loader .counter-circle{
    /* width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column; */
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
  .ev-calc-loader .counter-circle p{
    color: #FC441E;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: #FC441E;
  }
  .ev-calc-loader .counter-circle span{
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 30px;
    color: #FC441E;
  }

  .ev-calc-congrats{
    display: none;
    /* padding-top: 30px; */
    /* margin-top: -65px; */
    /* animation-name: unset;
    width: 100%;
    border: none;
    opacity: 1;
    background-color: transparent; */
    /* transform: translateY(0%); */
    /* padding: 0 126px; */
  }
  .ev-calculator .bgImage{
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
  }

  .ev-calc-congrats h2{
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    text-align: center;
    color: #FFFFFF;
    width: 88%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .ev-calc-congrats-subtitle{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 41px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 55px;
  }

  /* ev-cal-screen-2 progress bar style */

  /* @property --p {
    syntax: "<integer>";
    initial-value: 0;
    inherits: true;
  }
  .ev-calc-congrats .loader {
    --p: 0;
    display: grid;
    place-content: center;
    transform: scale(0.5);
    clip-path: circle(49%);
    animation: p 10s steps(100) infinite;
    color: HSL(calc(var(--p)*2), 100%, 65%);
  }
  .ev-calc-congrats .loader:before, .loader:after {
    grid-row: 1;
    grid-column: 1;
  }
  .ev-calc-congrats .loader:before {
    border: solid 2em transparent;
    padding: 148px;
    border-radius: 50%;

    --slice: calc(360deg/var(--n));
    --s-gap: calc(var(--f)*var(--slice));
    --solid: calc((1 - var(--f))*var(--slice));
    background: repeating-conic-gradient(from calc(.5*var(--s-gap)), currentcolor 0% var(--solid), transparent 0% var(--slice)) border-box;
    filter: blur(0.5px);
    --mask:
      conic-gradient(red 0% calc(var(--p)*1%), rgba(255, 0, 0, 0.3) 0%),
      linear-gradient(red, red) border-box,
      radial-gradient(
          red 0% 8.6em,
          transparent calc(5.5em + 1px) calc(5.75em - 1px),
          red 5.75em calc(6em + 1px),
          transparent calc(6em + 2px));
    -webkit-mask: var(--mask);
    -webkit-mask-composite: source-in, source-out;
    content: "";
  }
  .ev-calc-congrats .loader:after {
    place-self: center;
    counter-reset: p var(--p);
    font: 3.75em consolas, monaco, ubuntu mono, monospace;
    content: counter(p) "%";
  }

  @keyframes p {
    90%, 100% {
      --p: 85 ;
    }
  } */




/* ev-cal-screen-2 progress bar style */

.progress-box{
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  position: relative;
  padding: 0 6%;
}
.progress-block{
  width: 33.3%;

}
.progress-block figure{
  display: flex;
  flex-flow: column;
  align-items: center;
}
.progress-block figure img{
  animation-name: progressBarImgAnimation;
  animation-duration: 0.7s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  transform: rotate(-40deg);
  opacity: 0;
  width: 15%;
  margin-bottom: 33px;
}
.progress-block:nth-child(2) figure img{
  animation-delay: 1s;
}
.progress-block:nth-child(3) figure img{
  animation-delay: 2s;
}

@keyframes progressBarImgAnimation{
  from{
    transform: rotate(-40deg);
    opacity: 0;
    width: 50px;
  }
  to{
    transform: rotate(0deg);
    opacity: 1;
    width: 50%;
  }
}

.progress-block figure figcaption{
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 38px;
  text-align: center;
  color: #FFFFFF;
  text-align: center;
  padding: 0 5%;
  animation-name: progBarDiscription;
  animation-timing-function: ease-in-out;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-delay: 0.8s;
  opacity: 0;
  transform: scale(0.6);
}

.progress-block:nth-child(2) figure figcaption{
  animation-delay: 1.7s;
}

.progress-block:nth-child(3) figure figcaption{
  animation-delay: 2.7s;
}

@keyframes progBarDiscription{
  from{
    opacity: 0;
    transform: scale(0.6);
  }
  to{
    opacity: 1;
    transform: scale(1);
  }
}
.progress-block figure figcaption span{
  color: #FC441E;
}

.ev-calc-congrats .ev-calc-btn{
  width: 256px;
  position: relative;
  z-index: 1;
  top: 9px;
}
.ev-calc-congrats small{
  width: 100%;
  text-align: center;
  left: 0;
  position: static;
}

.ev-calc-topleft-gradient{
  position: absolute;
  width: 338px;
  height: 338px;
  left: -217.83px;
  top: -122.75px;
  z-index: 0;
  background: linear-gradient(95.61deg, rgba(2, 0, 36, 0.24) -0.11%, rgba(2, 0, 36, 0.24) -0.09%, rgba(249, 64, 84, 0.34) 122.35%);
  filter: blur(104.081px);
}
.ev-calc-topright-gradient{
  position: absolute;
  width: 338px;
  height: 338px;
  /* left: 1067px; */
  right: 0;
  top: -91px;
  z-index: 0;
  background: linear-gradient(95.61deg, rgba(2, 0, 36, 0.24) -0.11%, rgba(2, 0, 36, 0.24) -0.09%, rgba(249, 64, 84, 0.34) 122.35%);
  filter: blur(163.784px);
}
.ev-calc-topmiddle-gradient{
    position: absolute;
    width: 338px;
    height: 338px;
    top: 20%;
    /* right: -31%; */
    left:-62%;
    background: linear-gradient(95.61deg, rgba(2, 0, 36, 0.24) -0.11%, rgba(2, 0, 36, 0.24) -0.09%, rgba(249, 64, 84, 0.5) 122.35%);
    filter: blur(163.784px);
    z-index: 0;
}
.progress-block:nth-child(2){
  position: relative;
}

#saved_amount_img, #trees_img, #CO2_img{
  position: absolute;
  /* bottom: 58%; */
  bottom: 40%;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  animation-name: dynamicValue;
  animation-duration:0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count:1;
  opacity: 0;
  left: 0;
  right: 0;
}
#saved_amount_img{
  animation-delay: 0.7s;
}
#trees_img{
  animation-delay: 1.5s;
}
#CO2_img{
  animation-delay: 2.5s;
}
@keyframes dynamicValue{
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}

.progress-block-image{
  width: 100%;
  text-align: center;
  position: relative;
}
.select-menu::after{
  content: "";
  position: absolute;
  right: 3px;
  width: 6px;
  height: 6px;
  border: 2px solid #ffffff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  top: 19px;
  right: 14px;
}
.select-menu.active::after{
  transform: rotate(225deg);
  top: 23px;
}
.validation-tooltip{
  background-color: #fff;
  border: solid 1px #838383;
  color: #000;
  font-size: 13px;
  width: fit-content;
  padding: 0 5px;
  height: 35px;
  display: none;
  align-items: center;
  border-radius: 5px;
  position: absolute;
  top: 28px;
  z-index: 1;
}
.validation-tooltip::after{
  content: "";
  position: absolute;
  width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 8px 8px 8px;
   border-color: transparent transparent #fff transparent;
   transform: rotate(0deg);
   top: -8px;
}
.ev-calculator-form-2{
  display: none;
}



/* ev calculator ends */


.landing-page .ev-savings{
  background: url(../images/ev-calculator/ev-saving-bg.webp), #03081D;
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 187px;
  padding-top: 179px;
}
.landing-page .ev-savings h2{
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 70px;
  text-align: center;
  background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 15px;
}
.landing-page .ev-savings p{
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 140%;
  text-align: center;
  color: #FFFFFF;
  width: 81%;
  margin: 0 auto;
}
.common-btn{
  width: 260px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0 auto;
  padding-right: 26px;
  padding-left: 26px;
  margin-top: 42px;
}

.static-pillar-carousel{
  padding-top: 112px;
  background: #f5f6f7;
}
.static-pillar-carousel .owl-nav button.owl-prev::after {
  transform: rotate(180deg);
}
.static-pillar-carousel .owl-nav button::after {
  content: "";
  position: absolute;
  background-image: url(../images/dc-chargers/carrousel-nav.svg);
  background-repeat: no-repeat;
  width: 10px;
  height: 17px;
  background-size: contain;
}
.static-pillar-carousel .owl-nav {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  top: 45%;
  padding-left: 20px;
  padding-right: 20px;
}
.static-pillar-carousel .owl-nav button span {
  font-size: 50px;
  display: none;
}
.static-pillar-carousel .item {
  opacity: 0.4;
  transform: scale(0.9) !important;
}
.static-pillar-carousel .active .item {
  opacity: 1 !important;
  transform: scale(1) !important;
}
.static-pillar-carousel .owl-carousel .owl-item img{
  border-radius: 10px;
}
.evCharging-step-video{
  width: 100%;
}

.landing-page-ui-change .chargingSteps-content{
  position: relative;
}

.landing-page-ui-change .chargingSteps-rightContent-outer{
  position: absolute;
  right: 100px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.landing-page-ui-change .chargingSteps-rightContent{
  max-width: 100%;
  flex: 0 0 100%;
}
.landing-page-ui-change .chargingSteps-wrapper{
  display: none;
}
/* .uno-pillar-main .overview-left{
  background-image: url(../images/pillar/e-car-pillar-img-png.png);
} */

.product-page-60kw-img{
  max-width: 50%;
}

/* 60kW css starts */
.dual-gun-60kw .product-banner-content{
  max-width: 75%;
}
.dual-gun-details{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 70px;
}
.dual-gun-details-subtilte{
  font-size: 20px;
  font-weight: 500;
  color: #FC441E;
}
.dual-gun-details-subtilte ul{
  padding-left: 35px;
}
.dual-gun-details-subtilte ul li{
  font-size: 24px;
  font-weight: 500;
  color: #1D1D1B;
  line-height: 36px;
  margin-bottom: 30px;
  list-style: disc;
}
.dual-gun-detail-cont, .dual-gun-detail{
  width: 50%;
}
.dual-gun-detail-cont{
  border-right: 2.5px solid #03081D33;
  padding-right: 25px;
  padding-top: 70px;
}
.dual-gun-detail{
  text-align: right;
}
.dual-gun-detail img{
  max-width: 60%;
}
.dual-gun-60kw .ad_wall_why_items_container > div h4{
  font-size: 16px;
}
.dual-gun-60kw .partnetCircle-content{
  max-width: 90%;
}
.dual-gun-60kw.ccs-main .main-banner{
  padding-top: 150px !important;
}
.dual-gun-60kw.ccs-main .pillar-product-banner-wrapper{
  display: flex;
  justify-content: flex-end;
  top: -83px;
  animation-name:dualGun !important;
  opacity: 0;
}
@keyframes dualGun{
  0%{
    opacity: 0;
    transform: scale(0);
  }
  100%{
    opacity: 1;
    transform: scale(1);
  }
}
.dual-gun-60kw .dc-product-banner-wrapper img{
  margin: 0 0;
}
.dual-gun-60kw-video{
  width: 100%;
}

.dual-gun-60kw.ccs-main .product-banner-content h1, .dual-gun-60kw.ccs-main .product-banner-content p{
  animation-delay: 0.7s;
  animation-duration: 0.3s;
  transform: translateX(-45px);
}
.dual-gun-60kw.ccs-main .acBtn, .dual-gun-60kw .product-banner-content .common-btn {
  animation-delay: 1s !important;
  animation-name: dual-gun-ban-btn-animation !important;
  animation-duration: 1s;
  opacity: 0;
  transform: scale(0);
}
.dual-gun-60kw.ccs-main .acBtn{
  animation-delay: 0.4s !important;
}

@keyframes dual-gun-ban-btn-animation{
  0%{
    opacity: 0;
    transform: scale(0);
  }
  100%{
    opacity: 1;
    transform: scale(1);
  }
}
.dual-gun-60kw.ccs-main .pillar-product-banner-wrapper{
  animation-delay: 1s;
  animation-duration: 2.5s;
}
.become-partner-mob{
  display: none;
}

.dual-gun-60kw.ccs-main .partnetCircle-content a.common-btn {
  width: 239px;
  height: 74px;
  font-size: 16px;
}

.dual-gun-60kw.ccs-main .overview-left img{
  width: 100%;
}
.dual-gun-60kw .form-check{
  margin-bottom: 20px;
  margin-right: 50px;
  margin-left: 0;
}
.dual-gun-60kw .overview-content{
  margin-top: 0;
}
.dual-gun-60kw.ccs-main .overview-outer {
  margin-top: 76px;
}

/* 60kw css ends */

/* 22kw css starts */
.kw-22.dual-gun-60kw .product-banner-content {
  max-width: fit-content;
}
.kw-22.ccs-main .dc-product-banner-wrapper img{
  max-width: 30% !important;
  margin: 0 auto;
}

.kw-22.dual-gun-60kw.ccs-main .pillar-product-banner-wrapper {
  top: -50px;
}
.kw-22 .dual-gun-detail img {
  max-width: 40%;
}
.kw-22 .product-banner-content h1{
  width: 100%;
}
.dual-gun-60kw .gradient-box{
  display: none;
}
.kw-22 .dual-gun-detail{
  padding-right: 100px;
}
.dual-gun-detail-cont{
  padding-right: 9%;
}


/* 22kw css ends */

.t-c-link{
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
.t-c-link span{
  border-bottom: solid 2px rgba(255, 255, 255, 0.8);
}
.t-c-link-wrap{
  text-align: right;
  width: 100%;
  padding-right: 11px;
  margin-top: 9px;
  position: relative;
}
.t-c-popup{
    background: #F5F5F6;
    border-radius: 15px;
    text-align: left;
    position: absolute;
    padding: 28px 30px 28px 13px;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear, z-index 0.15;
    -o-transition: opacity 0.15s linear, z-index 0.15;
    transition: opacity 0.15s linear, z-index 0.15;
    right: 0;
    left: 0;
    top: 0;
    width: 58%;
    margin: 0 auto;
}
.t-c-popup .close-btn{
  position: absolute;
  right: 25px;
  cursor: pointer;
  top: 15px;
}
.t-c-popup h5{
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #090C1D;
  margin-bottom: 13px;
}
.t-c-popup ul{
  list-style-type: disc;
  padding-left: 20px;
}
.t-c-popup ul li{
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.model-open{
  opacity: 1;
}
.ad_wall .pillar_why_title h3{
  width: 788px;
}


@media only screen and (max-width: 1326px)and (min-width: 992px){
  .dc-product-banner-wrapper img{
    max-width: 300px;
  }
}
@media only screen and (max-width: 1326px){
  .host-landing .featured-list h4 span{
    width: fit-content;
  }
  .host-landing .featured-list h4{
    text-align: center;
  }
  .ev-calc-congrats small{
    padding: 0 20px;
  }
}
@media only screen and (max-width: 1200px){
  .white-label-mob-app-features .mob-app-features-cont h3{
    font-size: 24px;
  }
  .white-label-mob-app-features .mob-app-features-cont ul li p{
    font-size: 16px;
  }
  .white-label-product-banner-wrapper img{
    /* top: 138px; */
  }
  /* landing page responsive */
    .ev-charging-img{
      /* width: 30%; */
    }
    .ev-charging-cont{
      width: 30%;
    }
    .app-btn a span {
      font-size: 12px;
    }
  /* landing page responsive */

  /* page7 responsive */
    .page7-map{
      background-size: contain;
      padding-bottom: 5%;
    }
    .page7-map-cont{
      padding-top: 7%;
    }

    .what-getting{
      background-size: 100% 100%;
    }
  /* page7 responsive */
  .thankyou-cont{
    font-size: 24px;
  }
  .fleet-electrification .landing-product-banner-content h1 {
    font-size: 60px;
  }
  .fleet-electrification .landing-product-banner-content h1 span {
    width: auto;
  }
  .landing-page-ui-change .chargingSteps-rightContent-outer{
    right: 40px;
  }

}
@media only screen and (max-width: 1193px){
  .product-landing-page .product-banner-content h1 {
    font-size: 45px;
  }
  .product-landing-page .product-banner-content p{
    font-size: 20px;
  }
  .product-landing-page .product-banner-wrapper{
    margin-top: 0;
  }
  #saved_amount_img, #trees_img, #CO2_img{
    font-size: 15px;
  }
}
@media only screen and (max-width: 1159px){
  /* .pillar-product-banner{
    height: calc(100vh - 30px) !important;
  }
  .pillar-product-banner-wrapper img {
    max-width: 54%;
  } */
  .pillar-product-banner-content{
    max-width: 60%;
  }
  .thankyou-img{
    width: 20%;
    top: 101px;
  }
  .thankyou-title{
    font-size: 70px;
  }

  /* csms starts */

  .csms-body .product-banner-content h1{
    width: auto;
  }
  .csms-body .product-banner-content h1 span{
    font-size: 55px;
  }
  /* csms ends */

  .franchise-landing .what-will-get h4 span{
    width: unset;
  }

  .new-profit h4 span{
    width: fit-content;
  }

  .dual-gun-60kw .pillar-product-banner-wrapper {
    top: -7% !important;
  }
  .dual-gun-60kw.ccs-main .main-banner {
    padding-top: 100px !important;
}

}

@media only screen and (max-width: 1100px){
  /* .pillar-product-banner{
    height: calc(100vh - 16px) !important;
  }
  .pillar-product-banner-wrapper img {
    max-width: 59%;
  } */
  .product-landing-page .product-banner-content h1 {
    font-size: 35px;
  }
  .product-landing-page .product-banner-content p{
    white-space: normal;
  }
  .dual-gun-60kw.ccs-main .main-banner{
    padding-bottom: 95px;
  }
}
@media only screen and (max-width: 1088px){
  .g-play-btn{
    margin-bottom: 10px;
  }
  .uno-circle-gif-wrap{
    height: auto;
  }
  #saved_amount_img, #trees_img, #CO2_img {
    font-size: 11px;
    bottom: 44%;
  }
  .dual-gun-60kw.ccs-main .dc-product-banner-wrapper img {
    max-width: 58% !important;
  }
  .kw-22.dual-gun-60kw.ccs-main .dc-product-banner-wrapper img {
    max-width: 30% !important;
  }
}

@media only screen and (max-width: 991px){

  .overview-list li h5 {
    font-size: 14px;
  }

  .pillar-product-banner{
    height: auto !important;
  }
  .pillar-product-banner-wrapper img {
    max-width: 200px;
  }

  /* white label responsive */
  .white-label-overview-outer .overview-right{
    width: 100%;
    max-width: unset;
    flex: unset;
    padding-left: 0;
  }
  .white-label-overview-outer .overview-left{
    width: 100%;
    max-width: unset;
    flex: unset;
  }
  .white-label-overview-outer .overview-left img{
    width: 50%;
    margin: 0 auto;
    display: inherit;
    margin-bottom: 70px;
  }
  .white-label-mob-app-features .mob-app-features-img{
    width: 35%;
  }
  .white-label-mob-app-features .mob-app-features-cont{
    width: 60%;
  }

  /* white label responsive */

  /* landing page responsive */
    .ev-charging-cont h3 {
      font-size: 30px;
    }
    .ev-charging-cont h6 {
      font-size: 19px;
    }
    .g-play-btn{
      margin-bottom: 10px;
    }
    .landing-product-banner-content h1 span, .landing-product-banner-content h1{
      font-size: 56px;
    }

    .landing-main-banner-content{
      /* height: calc(100vh - 322px) !important; */
      height: auto !important;
    }
    .landing-main-banner{
      padding: 100px 0;
    }


  /* landing page responsive */

  /* page7 responsive */
    .page7-map-cont p{
      font-size: 25px;
    }
  /* page7 responsive */

  .dc-testimonialsCustomers-list{
    padding-top: 35px;
  }

  .thankyou-title {
    font-size: 50px;
    width: auto;
  }
  .thankyou-cont{
    font-size: 18px;
  }

  #contactForm .thankyou-content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

  #contactForm .thankyou-title {
    font-size: 50px;
  }
  #contactForm .thankyou-img {
    width: 20% !important;
    top: 101px !important;
  }
  #contactForm .thankyou-content {
    padding-left: 102px !important;
    padding-right: 102px !important;
}

.csms-body .faq-tabs-content h4 span{
  width: 95%;
}

.testimonialsCustomers-card-content{
  padding-top: 30px;
}
.csms-body .testimonialsCustomers-card{
  /* padding-bottom: 0px !important; */
}

.testimonialsCustomers-card{
  box-shadow: 4px 4px 68px rgb(0 0 0 / 4%);
}

.white-label-overview-outer .imp-feature .imp-feature-block .icon {
  width: 25%;
}

/* .white-label-overview-outer .imp-feature .imp-feature-block .icon img{
  height: 100% !important;
} */

.exception-img{
  height: 30px !important;
}

.ad_wall .ad_for_section_container{
  margin-top: 30px;
}

.media-landing .product-banner{
  bottom: 8%;
}

.media-landing .product-banner h1{
  font-size: 56px;
}

.franchise-landing .invest-reason-list ul li{
  min-height: 70px;
  margin-bottom: 50px;
}
.franchise-landing .what-will-get h4{
  font-size: 25px;
}

.media-landing .white-label-our-client .client-list{
  width: 90%;
}

.media-landing .featured-list-outer .featured-list-content{
  width: 50%;
  margin-bottom: 50px;
}
.media-landing .featured-list-outer .featured-list-content:nth-child(even){
  padding-left: 20% !important;
}
.media-landing .featured-list-outer .featured-list-content:nth-child(2){
  order: 4;
}
.media-landing .featured-list-outer .featured-list-content:nth-child(4){
  order: 2;
}
.media-landing .featured-list-outer .featured-list-content:nth-child(3){
  order: 3;
}

.media-landing .product-feature h4{
  font-size: 27px;
}
.media-landing .product-feature .prod-feature-cont .prod-feature-list li p{
  font-size: 20px;
}
.media-landing .product-feature .prod-feature-cont .prod-feature-list li span {
  font-size: 15px;
}
.t-c-popup{
  top: 30px;
}

.product-landing-page .explore-product-img, .product-landing-page .explore-product-text{
  width: 50%;
}
.product-landing-page .explore-product-img{
  padding: 0 20px !important;
}
.product-landing-page .product-banner-content p{
  font-size: 18px;
}
.product-landing-page .product-banner-content h1{
  font-size: 35px;
}
.product-landing-page .main-banner-content.product-banner .container{
  align-items: center;
}

.about-class .abt-ban-img img{
  width: 100%;
}
.about-banner-img-3 {
  padding-left: 10% !important;
  width: 20% !important;
}
.about-banner-img-2 {
  right: 5% !important;
  width: 15%;
}
.about-banner-img-1{
  width: 12% !important;
}
.about-banner-img-4 {
  width: 15%;
}
.fleet-electrification .landing-product-banner-content p{
  font-size: 20px;
}
.index-h1-copy, .index-elec-rev-title{
  font-size: 36px;
}
.ccs-main .overview-outer {
  margin-top: 135px !important;
}
.ccs-main .dc-product-banner-wrapper img {
  /* max-width: 60% !important; */
  max-width: 54% !important;
}

.sub-dropdown-menu-wrap{
  position: static;
  padding-left: 20px;
}
.sub-dropdown-menu{
  position: static;
  width: unset;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.products-type svg{
  transform: rotate(90deg);
}
.products-type:hover svg{
  transform: rotate(270deg);
}

.view-solu-nav svg{
  transform: rotate(0) !important;
}
.view-solu-nav:hover svg{
  transform: rotate(0);
}
.dropdown-menu .dropdown-item:after{
  content: none;
}
.sub-dropdown-menu .sub-dropdown-item::after{
  content: "";
    position: absolute;
    width: 14px;
    height: 0.5px;
    background: #fff;
    left: -23px;
    top: 50%;
    transform: translateY(-50%);
}
.nav-item.dropdown ul.dropdown-menu{
  padding-left: 0;
}
.nav-item.dropdown.show-dropdown ul.dropdown-menu{
  padding-left: 15px;
}
.sub-dropdown-menu{
  margin-left: 20px;
  padding-left: 0;
}
.show-sub-menu.sub-dropdown-menu{
  /* padding-left: 15px; */
  transform: translateX(15px);
  transition: 4s;
}
.dropdown-menu, .sub-dropdown-menu{
  border: none;
}

.navbar-nav{
  min-height: 100vh;
}


/* ***************************** */
  .show-sub-menu{
    display: block !important;
  }
  .products-type:hover .sub-dropdown-menu{
    /* opacity: 1;
    visibility: visible; */
    display: none;
  }
  .nav-item.dropdown:hover .nav-link{
    background: linear-gradient(90.96deg, #E88B76 24.02%, #FFFFFF 49.42%, #DB4D57 101.96%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease;
    font-weight: 500;
  }
  .nav-item.dropdown:hover::after {
    border: 2px solid #EC9E8C !important;
    border-top: 0 !important;
    border-left: 0 !important;
    transform: rotate(225deg) !important;
    top: 25px;
  }
  .navbar-nav .nav-item.dropdown:after {
    left: 155px;
    right: unset;
  }
  .products-type svg{
    right: 30px;
  }

  .csms-body .csms-title-img{
    top: 10% !important;
  }
  .csms-ban-img-section-box {
    top: 22%;
  }
  .csms-ban-img-graph-box {
    top: 37%;
  }
  .csms-body .product-banner-content {
    padding-bottom: 115px;
  }

  .csms-body .product-banner-content {
    visibility: visible;
  }
  .csms-body .csms-ban-title{
    display: none;
  }

  .host-landing .product-banner h1{
    font-size: 78px;
  }
  .host-landing .main-banner{
    padding-top: 40px;
  }
  .host-landing .featured-list h4 span{
    font-size: 27px;
  }
  .services figure figcaption{
    font-size: 19px;
  }
  .services h4{
    font-size: 40px;
  }
  .new-profit h4 span{
    font-size: 27px;
  }
  .new-profit h4 p{
    font-size: 40px;
  }

  .progress-block figure figcaption {
    font-size: 15px;
    line-height: 27px;
  }
  .evCharging-step-video-Desktop{
    display: none;
  }
  .landing-page-ui-change .chargingSteps-wrapper{
    display: block;
  }
  .landing-page-ui-change .chargingSteps-rightContent-outer{
    height: auto;
    left: 0;
    right: 0;
    top: 50px;
    justify-content: center;
    position: unset;
    background-color: #f7f5f9;
  }
  .landing-page-ui-change .chargingSteps-rightContent {
    max-width: auto;
    flex: 0 0 auto;
    padding-bottom: 0;
}
.dual-gun-60kw.ccs-main .dc-product-banner-wrapper img {
  max-width: 67% !important;
}
.dual-gun-60kw .pillar-product-banner-wrapper {
  top: -18% !important;
}
.dual-gun-details{
  width: 100%;
  flex-flow: column;
  margin-top: 50px;
}
.dual-gun-detail-cont{
  width: 100%;
  order: 2;
}
.dual-gun-detail{
  width: 100%;
  text-align: center;
}
.dual-gun-detail img {
  max-width: 40%;
}
.kw-22.dual-gun-60kw.ccs-main .dc-product-banner-wrapper img {
  max-width: 36% !important;
}
.kw-22 .dual-gun-detail img {
  max-width: 20%;
}
.dual-gun-detail-cont{
  border-right: 0;
}
.kw-22 .dual-gun-detail{
  padding-right: 0;
}
.dual-gun-detail-cont{
  padding-right: 0;
}


}
@media only screen and (max-width: 894px){
  .product-landing-page .product-banner-content{
    max-width: 50%;
  }
  .product-landing-page .product-banner-wrapper{
    width: 50%;
  }
  .product-landing-page .product-banner-content p {
    line-height: 25px;
  }
  .product-landing-page .product-banner-content h1{
    line-height: 55px;
    font-size: 33px;
  }
  .ccs-main .overview-outer {
    margin-top: 120px !important;
  }
  .ccs-main .dc-product-banner-wrapper img {
    /* max-width: 70% !important; */
    max-width: 58% !important;
  }
  .dual-gun-60kw .pillar-product-banner-wrapper {
    top: 3% !important;
  }
  .dual-gun-60kw.ccs-main .dc-product-banner-wrapper img {
    max-width: 63% !important;
  }
  .dual-gun-60kw.ccs-main .product-banner-content h1 {
    font-size: 55px;
  }
}
@media only screen and (max-width: 813px){
  .thankyou-img {
    top: 140px;
  }
  .thankyou-cont{
    font-size: 15px;
  }

  #contactForm .thankyou-img {
    top: 140px !important;
  }
  #contactForm .thankyou-cont{
    font-size: 15px !important;
  }

  /* csms starts */
  .csms-body .product-banner-content h1 span{
    font-size: 40px;
  }
  /* csms ends */

  .ad_wall .pillar_why_title h3{
    width: 430px;
  }
  .dual-gun-60kw.ccs-main .dc-product-banner-wrapper img {
    max-width: 65% !important;
  }
}

@media only screen and (max-width: 767px){
  /* .circle-main-banner-content product-banner{ */
  .main-banner-content product-banner{
    height: auto ;
    position: relative;
  }
  /* .circle-product-banner-wrapper{ */
  .product-banner-wrapper{
    width: 100%;
    position: absolute;
    bottom: -30%;
    right: 0;
    left: 0;
    padding-left: 0;
    padding-right: 0;
  }
  /* .circle-product-banner-wrapper img{ */
  .product-banner-wrapper img{
    margin: 0 auto;
    width: 40%;
  }

  /* .circle-featured-list-outer{ */
  .featured-list-outer{
    overflow-x: unset;
    flex-wrap: wrap;
  }
  /* .circle-featured-list-outer .featured-list-content{ */
  .featured-list-outer .featured-list-content{
    max-width: unset;
    width: 50%;
  }

  .pillar-product-banner-content{
    flex: 0 0 70%;
    max-width: 70%;
  }
  .pillar-product-banner-wrapper{
    width: 50%;
    left: unset;
    bottom: -79px;
    top: unset;
    /* width: 30%;
    position: static;
    padding-top: 10%; */
  }
  .pillar-product-banner-wrapper img{
    width: 150px;
  }

  /* white label responsive */

    .white-label-main-banner-content{
      background-image: url(../images/white-label/white-label-banner-img.png);
      background-repeat: no-repeat;
      /* background-size: contain;
      padding-bottom: 500px !important; */
      background-size: cover;
      padding-bottom: 372px !important;
      background-position: center;
    }

    .white-label-main-banner-content .gradient-box{
      display: none;
    }
    .white-label-product-banner-content{
      width: 100%;
      background-image: none;
      padding-left: 0;
      padding-right: 0;
    }
    .white-label-product-banner-content h1 span{
      display: inline-block;
      width: 100%;
    }
    .white-label-product-banner-content span{
      font-size: 48px;
    }
    .white-label-product-banner-wrapper{
      width: 100% !important;
      background-image: none;
      bottom: -18%;
    }
    .white-label-product-banner-wrapper img{
      right: 0;
      top: 0;
      width: 30%;
    }
    .white-label-overview-outer .imp-feature-img{
      display: block;
      margin-bottom: 50px;
      padding-left: 15px;
      padding-right: 15px;
    }
    .white-label-overview-outer .overview-right h3, .white-label-overview-outer .imp-feature h2{
      font-size: 24px;
    }
    .white-label-overview-outer .overview-right p{
      font-size: 14px;
    }
    .white-label-overview-outer .imp-feature .imp-feature-block h6{
      font-size: 16px;
    }
    .white-label-overview-outer .imp-feature .imp-feature-block{
      width: 50%;
    }
    .white-label-overview-outer{
      /* padding-left: 24px;
      padding-right: 24px; */
    }
    .white-label-overview-outer .overview-right{
      padding-left: 0;
      padding-right: 0;
    }
    .white-label-overview-outer .imp-feature{
      padding-left: 0;
    }

    .white-label-our-client .client-list{
      flex-wrap: nowrap;
      overflow-x: scroll;
      /* margin-right: -24px;
      margin-left: -24px; */
      margin-right: -12px;
      margin-left: -12px;
      width: 100%;
    }
    .white-label-our-client .client-list li{
      max-width: 40%;
      flex: 0 0 40%;
    }

    .white-label-our-client {
      /* padding-left: 24px;
      padding-right: 24px; */
      padding-top: 60px;
      padding-bottom: 30px;
    }
    .white-label-our-client h3{
      font-size: 32px;
    }
    .white-label-our-client p{
      font-size: 14px;
      width: 100%;
    }

    .white-label-mob-app-features{
      /* flex-wrap: wrap; */
      padding: 90px 0;
      background-image: linear-gradient(341.06deg, #FF8C74 -11.87%, rgba(243, 214, 208, 0) 14.58%),
      url(../images/white-label/mob-app-feature-bg.png);
    }
    .white-label-mob-app-features-inner{
      flex-wrap: wrap;
    }
    .white-label-mob-app-features .mob-app-features-img{
      width: 100%;
    }
    .white-label-mob-app-features .mob-app-features-img img{
      width: 50%;
      margin: 0 auto;
      display: block;
    }
    .white-label-mob-app-features .mob-app-features-cont{
      width: 100%;
      margin-top:120px;
    }
    .white-label-mob-app-features .mob-app-features-cont ul li{
      background-color: transparent;
      margin-bottom: 0;
    }
    .white-label-mob-app-features .mob-app-features-cont ul li:hover{
      background-color: #FFFFFF;
    }
    .white-label-mob-app-features .mob-app-features-cont h3{
      margin-bottom: 25px;
    }

  /* white label responsive */

  /* landing page responsive */
  .landing-main-banner {
    /* background-image: radial-gradient(41.32% 71.54% at 74.65% 45.8%, rgba(5, 10, 29, 0.12) 0%, #050A1D 72.94%), url(../images/landing-page/banner-bg.png);
    background-size: contain; */
  }
  .landing-main-banner-content{
    padding: 0 !important;
    width: 70%;
  }
  .landing-product-banner-content h1 span{
    font-size: 32px;
    width: 219px;
  }
  .landing-product-banner-content h1{
    font-size: 40px;
  }
  .landing-main-banner .gradient-box{
    display: none;
  }

  .report-sec .report-form{
    width: 100%;
    border-right: none;
    padding-right: 0;
    padding-bottom: 76px;
    order: 2;
  }
  .report-sec .request-item:nth-child(odd){
    padding-left: 0;
  }
  .report-sec .request-item:nth-child(even){
    padding-right: 0;
  }
  .report-form .download-report-btn{
    padding-left: 0;
  }
  .report-sec .report-cont{
    width: 100%;
    padding-left: 0;
  }
  .report-sec .report-cont h5{
    font-size: 20px;
  }
  .report-sec .report-cont ul li p{
    font-size: 16px;
  }
  .ev-charging-img{
    width: 100%;
    order: 2;
    height: 50%;
  }
  .ev-charging-cont{
    width: 100%;
  }
  .ev-charging-cont h3 {
    font-size: 24px;
  }
  .ev-charging-cont h6 {
    font-size: 16px;
  }
  .ev-charging-li-wrap p{
    font-size: 14px;
  }
  .g-play-btn{
    margin-bottom: 0;
  }
  .landing-ev-charging{
    padding-top: 40px;
    padding-bottom: 95%;
    background-position-y: bottom;
    background-size: 120%;
  }
  .app-btn a span{
    font-size: 12px;
  }
  .app-btn a{
    padding: 16px 16px;
  }

  /* .landing-main-banner-content {
    height: calc(100vh - 280px) !important;
  } */
/* landing page responsive */


/* page7 responsive */
  .page7-product-banner{
    padding-bottom: 100px !important;
  }
  .page7-featured-list .featured-list-outer{
    justify-content: space-between;
    padding-left: 50px;
    padding-right: 50px;
  }
  .page7-map{
    background-image: linear-gradient(279.62deg, #080b1c -1.62%, #080b1c 5.99%, #080b1c 47.4%, #080b1c 77.04%, #080b1c 107.03%);
    padding-bottom: 60px;
  }
  .page7-map-cont{
    width: 100%;
    order: 2;
    padding-top: 30px;
  }
  .page7-map-img{
    width: 100%;
  }
  .page7-map-img img{
    display: block;
    width: 100%;
  }
  .page7-map-inner{
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 25px;
  }
  .page7-map-cont p{
    font-size: 18px;
  }

  .what-getting h3 {
    font-size: 16px;
  }
  .what-getting li p{
    font-size: 12px;
    font-weight: 400;
  }
  .what-getting ul{
    width: 80%;
  }
  .what-getting ul li{
    width: 50%;
    padding-right: 0;
    margin-bottom: 40px;
  }
  .what-getting{
    padding-top: 33px;
    padding-bottom: 4px;
  }

  .what-special ul{
    width: 100%;
  }
  .what-special h3{
    font-size: 24px;
  }
  .what-special ul li{
    text-align: left;
  }
  .what-special ul li:nth-child(2){
    padding-left: 16px;
  }
  .what-special li .get-img{
    margin: 0;
  }
/* page7 responsive */

.tuned p{
  font-size: 18px;
}
.tuned form{
  width: 100%;
}
.tuned form .request-item{
  max-width: 100%;
  flex: 0 0 100%;
}
.tuned form .common-btn{
  margin: 0 auto;
  width: 180px;
}
.tuned h1 span{
  font-size: 24px;
}
.dc-product-banner-wrapper img{
  width: 100% !important;
}

.about-banner{
  background-size: contain;
}

/* thank you section starts */
  .thankyou-img {
    top: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  #contactForm .thankyou-img{
    top: 30px !important;
  }

  .thankyou-content{
    padding-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
  }
  #contactForm .thankyou-content{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
/* thank you section ends */

/* csms starts */
.csms-body .white-label-main-banner-content{
  background-image: none;
  padding-bottom: 47px !important;
}
.csms-body .white-label-product-banner-content span{
  /* font-size: 32px; */
}
.csms-body .csms-white-label-product-banner-wrapper {
  /* max-width: 50% !important;
  bottom: -46%;
  margin: 0 auto;
  height: 70%;
  bottom: -25%;
  top: unset;
  padding: 0; */
  right: 0 !important;
  left: unset;
}
.csms-body .white-label-product-banner-wrapper img{
  /* width: 50%; */
  padding-top: 0;
}
.csms-body .csms-white-label-product-banner-content{
  /* max-width: 100% !important; */
}
.csms-body .white-label-overview-outer .imp-feature-img{
  display: none;
}
.csms-body .overview-left {
  display: block;
  order: 2;
}
.csms-body .white-label-overview-outer .imp-feature h2{
  margin-top: 0;
}
.csms-body .white-label-overview-outer .overview-left img{
  width: 100%;
}
/* csms ends */


.white-label-overview-outer .imp-feature .imp-feature-block .icon {
  width: 15%;
}

.ad_wall .overview-left {
  display: block;
  padding: 0;
  order: 2;
  padding-top: 50px;
}
.ad_wall .overview-right{
  padding-top: 40px;
}
.ad_wall .ad_for_section_container{
  padding: 0 12px;
}
.ad_wall .adwall-status{
  padding: 0 12px;
}

/* franchise landing page */

.franchise-landing .why-section {
  padding-top: 160px;
}

.franchise-landing .why-section h3{
  font-size: 30px;
}

.franchise-landing .why-section p{
  font-size: 20px;
}

.franchise-landing .featured-list .featured-list-outer{
  justify-content: space-between;
}

.franchise-landing .featured-list h4{
  /* width: 60%; */
  margin: 0 auto;
  margin-bottom: 46px;
  /* font-size: 20px; */
}

.franchise-landing .featured-list h4 span:nth-child(1){
  background: linear-gradient(279.62deg, #fff -1.62%, #FFFFFF 24.99%, #fff 47.4%, #fff 77.04%, #fff 107.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.franchise-landing .featured-list h4 span:nth-child(2){
  display: block;
    background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.franchise-landing .invest h3{
  font-size: 30px;
}
.franchise-landing .invest-reason-list, .franchise-landing .invest-reason-list ul li{
  align-items: flex-start;
}
.franchise-landing .get-block{
  width: 50%;
}
.franchise-landing .get-block:nth-child(odd){
  padding-right: 10px;
}
.franchise-landing .get-block:nth-child(even){
  padding-left: 10px;
}
.franchise-landing .invest-reason-list ul li img{
  max-width: 30px;
}
.franchise-landing .what-will-get h4{
  margin-bottom: 0;
  font-size: 20px;
}

.media-landing .product-banner h1{
  font-size: 36px;
}

.franchise-landing .invest-reason-list ul li{
  min-height: 110px;
}

.media-landing .white-label-our-client .client-list{
  width: 100%;
}
.media-landing .white-label-our-client .client-list li{
  /* max-width: 27%;
  flex: 0 0 27%; */
  max-width: 40%;
  flex: 0 0 40%;
}
.media-landing .product-feature .prod-feature-cont{
  flex-flow: column;
}
.media-landing .product-feature .prod-feature-cont .prod-feature-cont-text{
  order: 2;
  width: 100%;
  border-right: 0;
}
.media-landing .product-feature .prod-feature-cont-img{
  width: 100%;
  justify-content: center;
}
.media-landing .product-feature h4{
  margin-bottom: 23px;
  /* font-size: 20px; */
}
.media-landing .product-feature .prod-feature-cont .prod-feature-list li {
  margin-bottom: 30px;
}
.media-landing .product-feature{
  padding-bottom: 73px;
}
.media-landing .request-content p{
  display: none;
}
.media-landing .request-content h2 {
  margin-bottom: 40px;
}

.t-c-popup h5{
  margin-top: 10px;
}

.product-landing-page .explore-product-img, .product-landing-page .explore-product-text{
  width: 100%;
}
.product-landing-page .explore-product-block{
  flex-flow: column;
  align-items: center;
}
.product-landing-page .explore-product-img{
  text-align: center;
  margin-bottom: 14px;
}

.product-landing-page .explore-product-block:nth-child(even) .explore-product-text{
  order: 2;
}
.product-landing-page .explore-product-block:nth-child(even) .explore-product-img{
  text-align: center;
}
.product-landing-page .explore-product-block{
  margin-bottom: 112px;
}

.product-landing-page .hassle-free-installation h3{
  width: auto;
  text-align: center;
  font-size: 40px;
}
.product-landing-page .product-banner-wrapper{
  position: static;
}
.product-landing-page .product-banner-content p{
  font-size: 14px;
  line-height: 21px;
}
.product-landing-page .product-banner-content h1{
  font-size: 20px;
  line-height: 30px;
}

.product-landing-page .explore-products-wrap{
  width: 100%;
}
.product-landing-page .main-banner-content.product-banner{
  padding-bottom: 90px;
}
.product-landing-page .explore-products h3{
  font-size: 45px;
}
.product-banner-wrapper img.static-circle-rep-img{
  /* display: block !important; */
  /* display: none; */
  /* display: block !important;
  margin: unset;
  display: inline-block;

  animation-name: imgTrans;
  animation-duration: 4s;
  animation-iteration-count:infinite;
  animation-timing-function:ease;
  animation-delay: 1s; */
}
.uno-circle-gif-wrap{
  /* display: none; */
  top: unset;
  bottom: -176px;
}
.fleet-electrification .landing-product-banner-content h1{
  font-size: 40px;
}
.fleet-electrification .landing-product-banner-content h1 span{
  font-size: 40px;
}

.fleet-electrification .landing-product-banner-content p {
  font-size: 16px;
}
.fleet-electrification .report-sec .report-cont{
  padding-top: 5px;
}
.fleet-electrification .landing-main-banner .gradient-box{
  display: block;
}
.fleet-electrification .gradient-box{
  width: 300px;
  height: 138px;
  position: absolute;
}
.fleet-electrification .bottom-gradient-box{
  filter: blur(92.02px);
  bottom: 40px;
}

.fleet-electrification .report-sec .report-form{
  padding-top: 30px;
}
.fleet-electrification .ev-charging-cont h3{
  margin-bottom: 0;
}
.ccs-main .overview-right{
  margin-top: 40px !important;
}
.ccs-main .dc-product-banner-wrapper img {
  max-width: 70% !important;
}


.white-label-animation .white-label-product-banner-wrapper img{
  left: 0;
}
.white-label-animation .white-label-product-banner-wrapper{
  bottom: -10%;
  width: 50% !important;
  margin: 0 auto;
}
.white-label-animation .white-label-main-banner-content{
  padding-bottom: 320px !important;
}

.csms-body .white-label-product-banner-wrapper img{
  right: unset;
}

.csms-body .csms-title-img{
  top: 13% !important;
}
.csms-ban-img-section-box{
  top:27%;
}
.csms-ban-img-graph-box{
  top: 45%;
}

.csms-body .product-banner-content {
  padding-bottom: 50px;
}
.host-landing .product-banner h1{
  font-size: 60px;
  line-height: 82.4px;
}
.host-landing .product-banner-content p{
  font-size: 15px;
  line-height: 16px;
}
.host-landing .product-banner h1 span:first-child{
  width: fit-content;
}
.host-landing .featured-list h4 span {
  font-size: 23px;
}
.host-landing .featured-list .featured-list-outer{
  width: 100%;
}
.featured-list-outer .featured-list-content{
  width: 33.3%;
  flex: 0 0 33.3%;
  text-align: center;
  padding: 0 !important;
}
.featured-list-content h3{
  font-size: 20px;
}
.host-landing .featured-list-content p{
  font-size: 14px;
}
.host-landing .featured-list .featured-list-outer{
  margin-top: 40px;
}
.services {
  margin-top: 20px;
}
.services h4{
  margin-bottom: 36px;
  font-size: 38px;
}
.new-profit h4 span {
  font-size: 23px;
}
.new-profit h4 p {
  font-size: 34px;
}
.new-profit {
  margin-top: 80px;
}
.profit-figs {
  margin-top: 40px;
}
.profit-figs figure figcaption{
  font-size: 14px;
  line-height: 20px;
}
.profit-figs figure {
  margin-bottom: 65px;
}
.host-landing .makes-special{
  margin-bottom: 35px;
}

.ev-calc-form-inner-cont{
  width: 95%;
}

.ev-calc-loader h4{
  width: 89%;
}
.ev-calc-congrats h2{
  font-size: 24px;
}
.ev-calc-congrats-subtitle{
  font-size: 16px;
}
.landing-page .ev-savings h2{
  font-size: 40px;
    line-height: 47px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.landing-page .ev-savings p{
  font-size: 20px;
  width: 90%;
}

.dual-gun-60kw.ccs-main .dc-product-banner-wrapper img{
  max-width: unset !important;
  width: auto !important;
}
.dual-gun-60kw .pillar-product-banner-wrapper {
  top: -2% !important;
  bottom: -156px;
}
.dual-gun-60kw.ccs-main .acBtn{
  animation-name:ccs-ban-cont-opacity !important;
  animation-delay: 0.7s;
}
.dual-gun-60kw.ccs-main .product-banner-content h1{
  font-size: 32px;
}
.dual-gun-60kw .form-check:last-child{
  margin-top: 0 !important;
}

.product-page-60kw-img{
  max-width: 25%;
}
.kw-22.dual-gun-60kw.ccs-main .dc-product-banner-wrapper img {
  max-width: unset !important;
}
.dual-gun-60kw .form-check{
  margin-right: 0;
}


}
@media only screen and (max-width: 672px){
  #saved_amount_img, #trees_img, #CO2_img{
    bottom: 49%;
  }
}

@media only screen and (max-width: 604px){
  /* .circle-product-banner-wrapper{ */
  .product-banner-wrapper{
    bottom: -30%;

  }
  /* .circle-product-banner-wrapper img{ */
  .product-banner-wrapper img{
    width: 50%;
  }

  .pillar-product-banner-wrapper{
    /* padding-top: 25%; */
  }

  .pillar-product-banner-wrapper img{
    width: 175px;
  }
  .white-label-product-banner-wrapper{
    bottom: -20%;
  }
  .white-label-product-banner-wrapper img{
    width: 35%;
  }
  .dc-product-banner-wrapper{
    bottom: -15%;
  }
  .ad_wall .ad_wall_banner_content p{
    font-size: 15px;
  }

  .featured-list-outer .featured-list-content:nth-child(odd){
    padding-right: 10%;
  }

  .product-landing-page .explore-products h3{
    font-size: 50px;
  }

  .ccs-main .overview-outer {
    /* margin-top: 150px !important; */
  }
  .ccs-main .dc-product-banner-wrapper img {
    max-width: 80% !important;
  }

  .white-label-animation .white-label-product-banner-wrapper{
    bottom: -25%;
  }
  .white-label-animation .white-label-main-banner-content {
    padding-bottom: 268px !important;
  }
  .csms-body .product-banner-content{
    max-width: auto !important;
  }

  .ev-calculator-form h1{
    font-size: 17px;
  }
  .ev-calculator-form .subtitle{
    font-size: 12px;
    line-height: 16px;
  }
  .ev-calculator-form h3 span{
    font-size: 13px;
  }
  .ev-calculator-form h3{
    display: flex;
    align-items: center;
  }
  .ev-calculator-form .ev-calc-cont{
    font-size: 10px;
  }
  .ev-calculator .vehicle-type .custom-radio-wrap{
    padding-top: 3px;
  }
  .ev-calculator-form .kms-travelled p {
    width: 35%;
  }
  .ev-calculator-form .vehicle-type, .ev-calculator-form .kms-travelled{
    flex-wrap: wrap;
  }
  .ev-calculator-form .kms-travelled .kms input, .ev-calculator .select-menu{
    /* margin-right: 25px; */
  }
  .KM-static{
    top: 9px;
  }
  .ev-calculator-form .kms-travelled .kms{
    width: 65%;
  }
  .ev-calculator-form .kms-travelled .km-basis{
    width: 100%;
    margin-top: 27px;
  }
  .ev-calculator-form .kms-travelled {
    align-items: baseline;
  }
  .ev-calculator .custom-rangeslider__label, .ev-calculator-form .average-life input{
    font-size: 10px;
  }
  .ev-calculator .custom-rangeslider__tooltip{
    font-size: 8px;
  }
  .ev-calculator-form .ev-calc-btn{
    font-size: 12px;
  }
  .ev-calculator-form small{
    font-size: 8px;
  }
  .ev-calculator .ev-calculator-form .gradient-box{
    z-index: -1;
  }
  .ev-calculator-form .fuel-economy .info-box-wrap{
    left: 2%;
  }
  .ev-calculator-form .fuel-economy .tooltip-arrow-wrap,
  .ev-calculator-form .fuel-economy .tooltip-arrow-inner{
    left: 65%;
  }

  .ev-cal-screen-2 .screen-2-subtitle{
    font-weight: 400;
    font-size: 12px;
    margin-top: 6px;
    width: 51%;
  }
  .styled-checkbox + label{
    font-weight: 400;
    font-size: 12px;
    line-height: 2;
  }
  .ev-calc-loader h3{
    font-size: 24px;
    display: block;
  }

  .ev-calc-loader .loader-wrap{
    /* width: 305px; */
  }
  .ev-calc-loader .counter-circle p{
    font-size: 11px;
    line-height: 2px;
  }
  .ev-calc-loader .counter-circle span{
    font-size: 22px;
    line-height: 0.7;
  }
  .ev-calc-loader h4{
    font-size: 18px;
    line-height: 28px;
  }
  .ev-calc-loader h4{
    width: 57%;
  }
  /* .ev-calculator .vehicle-type .custom-radio-wrap .checkmark{
    width: 17px;
    height: 17px;
  }
  .ev-calculator .vehicle-type .custom-radio-wrap .checkmark:after{
    width: 10px;
    height: 10px;
  } */

  .ev-calc-form-inner-cont{
    padding: 25px 15px 0px 15px;
    height: 616px;
  }
  .ev-calculator-form h3{
    margin-top: 20px;
    margin-bottom: 18px;
  }
  .ev-calculator-form .kms-travelled .kms input, .ev-calculator .select-menu{
    height: 34px;
  }
  .ev-calculator .select-menu > .select{
    height: 34px;
    padding: 4px 20px 0 20px;
  }
  .select-menu::after{
    top: 12px;
  }
  .select-menu.active::after{
    top: 16px;
  }
  .ev-calculator-form .kms-travelled {
    margin-top: 34px;
  }
  .ev-calculator-form .kms-travelled .km-basis{
    margin-top: 18px;
  }
  .ev-calculator-form .fuel-economy {
    margin-top: 24px;
  }
  .ev-calculator .custom-rangeInput::-webkit-slider-thumb {
    width: 9.6px;
    height: 18px;
    margin-top: -5px;
  }
  .ev-calculator .custom-rangeslider{
    margin-top: 6px;
  }
  .ev-calculator .custom-rangeslider__tooltip{
    top: 13px;
    font-size: 8px;
  }
  .ev-calculator .custom-rangeslider__label{
    line-height: 4;
  }
  .ev-calculator-form .average-life {
    margin-top: 7px;
  }
  .ev-calculator-form .average-life input{
    height: 34px;
  }
  .ev-calculator-form .ev-calc-btn{
    height: 44px;
  }
  .ev-calculator-form small{
    bottom: 16px;
  }
  .ev-calculator-form .ev-calc-btn{
    bottom: 64px;
    padding: 16px 0
  }
  .ev-calculator-form .ev-calc-cont{
    padding: 0;
  }

  .ev-cal-screen-2 h1{
    margin-top: 0;
    line-height: 23px;
    margin-bottom: 5px;
  }
  .ev-cal-screen-2 .screen-2-subtitle{
    line-height: 16px;
    margin-top: 1px;
    margin-bottom: 33px;
  }
  .ev-cal-screen-2 .request-item input{
    height: 36px;
    font-size: 12px;
  }
  .ev-cal-screen-2 .request-item input::placeholder{
    font-size: 12px;
    color: #373A4B;
  }
  .ev-cal-screen-2 .request-item img, .ev-cal-screen-2 .request-item img.input-tick-icon{
    width: 15px;
    top: 10px;
  }
  .ev-cal-screen-2 .styled-checkbox + label:before{
    width: 20px;
    height: 20px;
  }
  .ev-cal-screen-2 .subscribe-newsletter{
    margin-top: 27px;
  }
  .ev-cal-screen-2 .styled-checkbox:checked + label:after{
    left: 6px;
    top: 5px;
  }
}
@media only screen and (max-width: 575px){
  .circle-main-banner-content.product-banner{
    height: auto !important;
  }
  /* .circle-product-banner-wrapper img{ */
  .product-banner-wrapper img{
    width: 50%;
  }
  .ad_wall_why_items_container > div{
    width: 33.33%;
    flex: unset;
  }
  /* .ad_wall_why_items_container > div h4{
    white-space: break-spaces;
    text-align: center;
  } */

  .partnetCircle-content a.common-btn{
    right: 0;
    left: 0;
    top: unset;
    bottom: 0;
  }
  .partnetCircle-content-bg-img{
    display: block;
  }
  .partnetCircle-content{
    padding-bottom: 66px;
  }
  .partnetCircle-outer{
    padding-bottom: 20px;
  }
  .request-item, .request-outer .request-item:nth-child(3){
    max-width: unset;
    width: 100%;
    flex: unset;
  }

  .partnetCircle-card p{
    white-space: normal;
  }
  .footer-rightContent-outer > li:nth-child(3){
    /* width: 100% !important;*/
    flex: 0 0 100%;
    max-width: 100%;
  }

  .footer-rightContent-outer > li:nth-child(4), .footer-rightContent-outer > li:nth-child(5){
    display: block !important;
  }

  .footer-rightContent-outer > li:nth-child(4) .footer-bottom{
    border-bottom: none;
  }

  .footer-rightContent-outer > li:nth-child(4) .footer-bottom p{
    /* justify-content: flex-start !important; */
    text-align: left !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff;
  }
  .footer-rightContent-outer > li:nth-child(4) ul{

    display: flex !important;
  }


  .footer-rightContent-outer > li:nth-child(5) .banner-apps{
    display: block !important;
  }

  .pillar-overview-list li{
    /* width: 33.33%; */
  }

  .pillar-product-banner-content {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pillar-product-banner-wrapper{
    bottom: -19%;
  }

  .pillar-product-banner-wrapper img{
    width: 155px;
  }

  .white-label-product-banner-wrapper{
    bottom: -20%;
  }
  .white-label-product-banner-wrapper img{
    width: 35%;
  }
  .white-label-overview-outer {
    padding-top: 115px;
  }
  .white-label-overview-outer .imp-feature .imp-feature-block{
    padding-right: 15px;
  }

  /* landing page responsive */
    .landing-main-banner-content{
      /* height: calc(100vh - 322px) !important; */
      height: auto !important;
    }
    .landing-main-banner{
      padding: 40px 0;
    }
    .report-sec .request-item:nth-child(3) {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .report-sec .report-cont{
      padding-top: 30px;
    }
    .report-sec .request-item:nth-child(even) {
      padding-left: 0;
    }
    .report-sec .request-item:nth-child(3) {
      margin-bottom: 40px !important;
    }
    .landing-product-banner-content h1 span, .landing-product-banner-content h1{
      font-size: 30px;
    }
  /* landing page responsive */

  /* page7 responsive */
    .page7-main-banner{
      background-image:url(../images/page7/page7-mob-banner.png);
      background-position-y: bottom;
    }
    .page7-main-banner .bottom-gradient-box{
      display: none;
    }
    .page7-main-banner .top-gradient-box{
      display: block;
      opacity: 0.05;
      width: 320px;
      height: 320px;
      z-index: -1;
    }
    .page7-product-banner-content h1{
      font-size: 32px;
    }
    .page7-featured-list .featured-list-content h3{
      font-size: 24px;
    }
    .page7-featured-list .featured-list-content p{
      font-size: 14px;
    }
    .page7-featured-list{
      padding-top: 74px;
    }
  /* page responsive */

  .dc-carousel .owl-carousel .owl-item img{
    height: auto;
  }
  .static-pillar-carousel .owl-carousel .owl-item img{
    height: auto;
  }

  .dc-partnetCircle-list.partnetCircle-list li{
    max-width: 100%;
  }
  .achievements-logo{
    width: 15%;
    right: 0;
    left: 170px;

  }
  .achievements-list-item:nth-child(2) .achievements-logo{
    top: 4px !important;
  }
  .achievements-list-item:last-child .achievements-logo{
    width: 15%;
    top: 4px !important;
    left: 190px;

  }
  .numbering, .achievements-name, .achievements-year{
    font-size: 12px;
  }

  .thankyou-content {
    padding-top: 102%;
    padding-bottom: 96px;
  }
  .thankyou-title{
    font-size: 64px;
    line-height: 73px;
  }
  .thankyou-cont {
    font-size: 20px;
    line-height: 32px;
  }
  .thankyou-cont-2{
    margin-top: 29px;
  }
  .thankyou-img {
    /* width: 30%; */
    width: 55%;
    top: 86px;
  }

  #contactForm .thankyou-img {
    width: 30% !important;
  }

  /* csms starts */
  .csms-body .csms-white-label-product-banner-wrapper{
    bottom: -41%;
  }
  .csms-body .product-banner-content h1 span {
    font-size: 32px;
  }
  .csms-body .white-label-main-banner-content{
    padding-top: 0;
  }
  .csms-body .white-label-main-banner-content {
    padding-bottom: 10px !important;
  }
  .csms-body .white-label-product-banner-wrapper img{
    width: 85%;
  }
  /* csms ends */
  .white-label-product-banner-content h1 span{
    line-height: 1.3;
  }

  .ad_wall .partnetCircle-content h2 {
    font-size: 20px;
  }

  .ad_wall .partnetCircle-card h4 {
    font-size: 18px;
  }

  .ad_wall .partner-img-rep{
    display: block !important;
  }
  .ad_wall .partner-img-rep img{
    width: 100%;
  }

  .ad_wall .ad_for_carousel.owl-carousel .owl-item img{
    height: auto;
  }

  /* franchise landing page starts */

  .franchise-landing .product-banner{
    bottom: -45%;
  }
  .franchise-landing .product-banner-content h1{
    font-size: 32px;
  }


    .franchise-landing .why-section h3{
      font-size: 24px;
    }

    .franchise-landing .why-section p{
      font-size: 14px;
    }

    .franchise-landing .why-section {
      padding-top: 210px;
      padding-bottom: 50px;
    }

    .franchise-landing .featured-list h4{
      font-size: 20px;
    }

    .franchise-landing .why-section{
      padding-bottom: 30px;
    }

    .featured-list-outer .featured-list-content:nth-child(2){
      padding-left: 20px;
    }

    .franchise-landing .featured-list {
      padding-bottom: 25px;
      position: relative;
      overflow-x: hidden;
      overflow-x:clip;
    }

    .franchise-landing .invest h3{
      font-size: 24px;
      margin-bottom: 38px;
    }
    .franchise-landing .invest-reason-list h6{
      font-size: 14px;
    }
    .franchise-landing .invest-reason-list p{
      font-size: 12px;
    }

    .franchise-landing .invest-reason-list{
      flex-flow: column;
      align-items: flex-start;
    }

    .franchise-landing .what-will-get{
      padding-top: 46px;
    }
    .franchise-landing .what-will-get h4{
      font-size: 16px;
    }

    .franchise-landing .get-block img {
      height: 32px;
  }

  .franchise-landing .get-list{
    width: 80%;
  }
  .franchise-landing .request-content, .franchise-landing .thankyou-content{
    width: 100%;
  }

  .franchise-landing .get-block {
    margin-bottom: 58px;
  }
  .franchise-landing .invest-reason-list ul li{
    margin-bottom: 25px;
  }
  .franchise-landing .invest-reason-list ul li img{
    max-width: 22px;
  }

  .franchise-landing .get-block h6{
    font-size: 14px;
  }
  .franchise-landing .get-block p, .franchise-landing .request-content p{
    font-size: 12px;
  }

  .franchise-landing .top-gradient-box {
    width: 175px;
    height: 175px;
    right: -108px;
    left: unset;
    opacity: 0.30;
    filter: blur(48.02px);
    display: block;
  }
  .franchise-landing .bottom-gradient-box{
    width: 175px;
    height: 175px;
    left: -108px;
    right: unset;
    opacity: 0.30;
    filter: blur(59.02px);
    display: block;
  }

  .franchise-landing .invest-reason-list ul li{
    min-height: unset;
  }

  .franchise-landing .request-content button.common-btn{
    width: unset !important;
  }

   /* franchise landing page ends */

   .media-landing .product-banner h1 {
      font-size: 24px;
    }
    .media-landing .product-banner {
      bottom: 10% !important;
      top: unset;
    }

    .media-landing .featured-list-content h3{
      font-size: 24px;
    }
    .media-landing .featured-list-content p{
      font-size: 14px;
    }
    .media-landing .featured-list{
      z-index: 1;
    }
    .media-landing .white-label-our-client .client-list li{
      /* height: 40px; */
    }
    .media-landing .white-label-our-client .client-list li img{
      height: 100%;
    }
    .media-landing .product-feature h4{
      font-size: 20px;
    }
    .media-landing .product-feature .prod-feature-cont .prod-feature-list li span {
      font-size: 14px;
    }
    .media-landing .product-feature .prod-feature-cont .prod-feature-list li p {
      font-size: 16px;
    }
    .media-landing .invest {
      padding-top: 36px;
    }
    .media-landing .invest h3{
      width: 70%;
      text-align: left;
      margin-left:auto;
      margin-right:auto;
    }
    .media-landing .featured-list {
      padding-top: 39px;
    }
    .media-landing .white-label-our-client{
      padding-top: 0;
      padding-bottom: 83px;
    }

    .t-c-popup h5{
      font-size: 14px;
      line-height: 18px;
    }
    .t-c-popup ul li{
      font-size: 12px;
      line-height: 18px;
    }
    .product-landing-page .explore-products h3{
      font-size: 28px;
      line-height: 39px;
    }
    .product-landing-page .explore-products h4{
      font-size: 22px;
      line-height: 33px;
    }
    .product-landing-page .explore-product-block .explore-product-text span{
      font-size: 14px;
      line-height: 22px;
    }
    .product-landing-page .explore-product-block .explore-product-text h6{
      font-size: 16px;
      line-height: 24px;
    }
    .product-landing-page .explore-product-block .explore-product-text p{
      font-size: 12px;
      line-height: 19px;
    }
    .product-landing-page .hassle-free-installation h3{
      font-size: 28px;
      line-height: 39px;
    }
    .product-landing-page .explore-products{
      padding-bottom: 112px;
    }
    .product-landing-page .installation-step{
      flex-flow: column;
      align-items: center;
    }
    .product-landing-page .install-block{
      width: 100%;
      margin-bottom: 32px;
    }
    .product-landing-page .install-img{
      text-align: center;
    }
    .product-landing-page .install-img img{
      width: 80% !important;
    }
    .product-landing-page .install-des h6{
      font-size: 16px;
      line-height: 22px;
    }
    .product-landing-page .install-des{
      padding-top: 10px;
    }
    .product-landing-page .hassle-free-installation{
      padding-bottom: 100px;
    }
    .product-landing-page .featured-list {
      padding-top: 22px;
      padding-bottom: 50px;
    }
    .product-landing-page .featured-list-content h3{
      font-size: 20px;
    }
    .product-landing-page .partner {
      padding-top: 20px;
      padding-bottom: 25px;
    }
    .product-landing-page .partner h3{
      font-size: 28px;
      line-height: 39px;
    }
    .product-landing-page .partner p{
      font-size: 12px;
      line-height: 15px;
    }
    .product-landing-page .main-banner{
      overflow-x: hidden;
      overflow-x: clip;
    }
    .product-landing-page .main-banner-content.product-banner .container{
      flex-flow: column;
    }
    .product-landing-page .product-banner-content, .product-landing-page .product-banner-wrapper{
      width: 100%;
      max-width: 100%;
    }
    .product-landing-page .product-banner-content{
      order: 2;
    }
    .product-landing-page .main-banner{
      padding-top: 0;
    }
    .product-landing-page .main-banner-content.product-banner{
      padding-top: 0;
      padding-bottom: 75px;
    }
    .product-landing-page .partner .partner-btn{
      flex-flow: column;
    }
    .product-landing-page .partner-btn .partner-link-btn{
      margin-left: 0;
      margin-top: 14px;
    }
    .product-landing-page .partner p{
      width: 100%;
    }
    .product-landing-page .explore-product-text .common-btn, .product-landing-page .partner-btn .common-btn{
      font-size: 12px;
      height: 46px;
    }
    .product-landing-page .request-content button.common-btn{
      font-size: 12px;
      width: 136px;
    }
    .product-landing-page .partner-btn .partner-link-btn{
      font-size: 12px;
    }
    .product-landing-page .featured-list-outer .featured-list-content:nth-child(2){
      padding-left: 0;
    }
    .product-landing-page .product-banner-content a.common-btn{
      font-size: 12px;
      width: 172px;
      padding-left: 8px;
      padding-right: 8px;
    }
    .product-landing-page .product-banner-wrapper{
      margin-top: 50px;
    }

    .ccs-main .main-banner, .uno-circle .main-banner, .uno-pillar-main .main-banner{
      background-image: none !important;
    }

    .about-banner-img-3 {

    }
    .about-banner-img-2 {
      top: 10% !important;
    }
    .about-banner-img-1{
      top: 5% !important;
      left: 10% !important;
    }
    .about-banner-img-4 {
      bottom: -30% !important;
    }
    .about-class .main-banner-content h1{
      font-size: 16px;
      line-height: 27px;
    }
    .about-class .map-loctaion{
      width: 54px;
      margin-top: 70px;
    }
    .about-class .map-loctaion img{
      width: 100%;
    }
    .uno-pillar-main .overview-right{
      visibility: hidden;
      animation-name: visibility;
      animation-duration: 2s;
      animation-iteration-count:1;
      animation-timing-function:ease-in-out;
      animation-delay: 5s;
      animation-fill-mode: forwards;
    }

    @keyframes visibility{
      0%   {
        visibility: hidden;
      }
      100%  {
        visibility: visible;
      }
    }


    .uno-circle-gif-wrap{
      bottom: -115px;
    }

    .fleet-electrification .landing-product-banner-content h1{
      font-size: 32px;
    }
    .fleet-electrification .landing-product-banner-content h1 span{
      font-size: 32px;
    }
    .fleet-electrification .landing-main-banner{
      background-position-y: 70px;
      padding-bottom: 147px;
    }
    .fleet-electrification .landing-main-banner-content{
      width: 75%;
    }
    .about-class .host-title span {
      font-size: 32px !important;
    }
    .index-h1-copy, .index-elec-rev-title{
      font-size: 24px;
    }
    .ccs-main .main-banner {
      padding-bottom: 170px !important;
  }
  .ccs-main .dc-product-banner-wrapper img {
    max-width: 56% !important;
  }
  .ccs-main .overview-outer {
    /* margin-top: 120px !important; */
    margin-top: 80px !important;
  }
  .ccs-main .product-banner-content p {
    font-size: 14px;
  }

  .white-label-animation .white-label-product-banner-wrapper{
    width: 65% !important;
  }

  .white-label-animation .white-label-product-banner-wrapper {
    bottom: -12%;
  }
  .white-label-animation .white-label-main-banner-content {
    padding-bottom: 315px !important;
  }

  .csms-body .csms-white-label-product-banner-content{
    max-width: 100% !important;
  }

  .csms-body .product-banner-content {
    padding-bottom: 218px;
  }
  .csms-body .csms-white-label-product-banner-wrapper {
    max-width: 95% !important;
    margin: 0 auto;
    height:372px;
    bottom: -15%;
    top: unset;
    padding: 0;
    right: 0 !important;
    left: 0;
  }
  .csms-body .white-label-main-banner-content {
    padding-bottom: 109px !important;
  }
  .csms-ban-img-section-box{
    top: 23%;
    margin-left: 0;
    width: 77%;
    right: 21px;
  }
  .csms-ban-img-graph-box{
    top: 37%;
    margin-left: 0;
    width: 77%;
    right: 21px;
  }
  .overview-content {
    /* margin-top: 100px; */
  }
  .host-landing .product-banner h1{
    font-size: 32px;
    line-height: 48.4px;
  }
  .host-landing .product-banner-content p{
    font-size: 12px;
  }
  .host-landing .product-banner-content p:nth-child(2){
    display: none;
  }
  .host-landing .product-banner-content p:nth-child(3){
    display: block;
  }
  .host-landing .main-banner{
    background-image: radial-gradient(32.57% 58.93% at 65.9% 50%, rgba(5, 10, 29, 0) 0%, rgba(5, 10, 29, 0.57) 51.56%, rgba(5, 10, 29, 0.94) 100%),
    url(../images/host-landing/host-ban-img.webp);
  }
  .host-landing .featured-list h4 p{
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
  }
  .host-landing .featured-list h4 p:nth-child(3){
    background: linear-gradient(279.62deg, #0A0F27 -1.62%, #FFFFFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 107.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  .host-landing .featured-list h4 span{
    display: none;
  }
  .services .owl-carousel .owl-item img{
    height: auto;
  }
  .services h4 {
    margin-bottom: 25px;
    font-size: 20px;
  }
  .services figure figcaption {
    font-size: 17px;
}
  .services {
    margin-top: 4px;
}
.services .owl-theme .owl-dots .owl-dot span{
  width: 6px;
  height: 6px;
}
.services .owl-theme .owl-nav{
  display: none;
}
.services .owl-theme .owl-dots{
  margin-top: 20px;
}
.services .owl-theme .owl-dots .owl-dot.active span{
  background-color: #FB4335;
}
.new-profit h4 span {
  font-size: 15px;
  line-height: 22.8px;
  width: 281px;
  background: linear-gradient(287.85deg, #FFFFFF 22.79%, #E88B76 60.19%, #E55059 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.new-profit h4 p {
  font-size: 20px;
  line-height: 48px;
}
.profit-figs figure img {
  width: 40px;
}
.profit-figs figure{
  width: 50%;
  /* width: fit-content; */
}
.profit-figs figure:nth-child(3), .profit-figs figure:nth-child(6){
  width: 50%;
  /* width: fit-content; */
}
.profit-figs figure:nth-child(even){
  padding-left: 10%;
}
.new-profit {
  margin-top: 50px;
}
.profit-figs figure {
  margin-bottom: 40px;
}
.host-landing #request-form .request-content{
  padding: 0;
}

.ev-calculator-form .info-box-wrap{
  width: 100%;
  top: 47px;
}
.ev-calculator-form .fuel-economy .info-box-wrap{
  width: 300px;
  left: 0;
}
.ev-calculator-form .tooltip-arrow-wrap{
  transform: none;
  top: -19px;
  left: 115px;
}
.ev-calculator-form .tooltip-arrow-inner{
  transform: none;
  top: -16px;
  left: 115px;
}
.ev-calculator-form .fuel-economy .tooltip-arrow-wrap, .ev-calculator-form .fuel-economy .tooltip-arrow-inner{
  left: 222px;
}
.ev-calculator-form h1{
  text-align: left;
  padding-left: 12px;
}
.ev-calculator-form .subtitle{
  padding-left: 12px;
}
.ev-cal-screen-2 .screen-2-subtitle{
  width: 66%;
  margin-right: unset;
  margin-left: unset;
  text-align: left;
  padding-left: 12px;
}
.ev-calc-loader h4 {
  width: 67%;
}
.ev-calc-congrats h2 {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 29px;
}
.ev-calc-congrats-subtitle{
  display: none;
}
.progress-box{
  flex-flow: column;
  align-items: center;
}
.progress-block{
  width: 85%;
  margin-bottom: 20px;
}
.progress-block figure img{
  /* width: 106px; */
  margin-bottom: 17px;
}

@keyframes progressBarImgAnimation{
  from{
    transform: rotate(-40deg);
    opacity: 0;
    width: 50px;
  }

  to{
    transform: rotate(0deg);
    opacity: 1;
    width: 106px;
  }
}
.progress-block figure figcaption{
  font-size: 12px;
  line-height: 20px;
}
.progress-block:nth-child(2) figure img {
  animation-delay: 0s;
}
.progress-block:nth-child(3) figure img {
  animation-delay: 0s;
}
.progress-block:nth-child(2) figure figcaption {
  animation-delay: 0.8s;
}
.progress-block:nth-child(3) figure figcaption {
  animation-delay: 0.8s;
}
.ev-calc-topright-gradient{
  width: 300px;
  height: 265px;
  right: 0;
  background: linear-gradient(95.61deg, rgba(2, 0, 36, 0.24) -0.11%, rgba(2, 0, 36, 0.24) -0.09%, rgba(249, 64, 84, 0.54) 122.35%);
  filter: blur(100.784px);
  top: unset;
  bottom: 0;
}
.ev-calc-topmiddle-gradient{
  width: 200px;
  height: 200px;
  left: 18%;
  right: 0;
  top: -39%;
  filter: blur(63.784px);
}
.ev-calculator .ev-calculator-form{
  /* padding-top: 58px;
  padding-bottom: 58px; */
}
.landing-page .ev-savings{
  background:#03081D;
  background-size: cover;
  background-position-y: 83px;
  background-repeat: no-repeat;
  padding-bottom: 145px;
  padding-top: 95px;
}
.landing-page .ev-savings h2{
  font-size: 24px;
    line-height: 30px;
}
.landing-page .ev-savings p{
  font-size: 14px;
  color: #D2D2D1;
}
.landing-page-ui-change .partner-outer{
  padding-top: 0;
}
/* .ev-calc-form-inner-cont{
  width: 339px;
} */
#saved_amount_img, #trees_img, #CO2_img {
  bottom: 41%;
  animation-name: unset;
  opacity: 1;
}
.dual-gun-60kw.ccs-main .pillar-product-banner-wrapper {
  top: 114% !important;
  bottom: -109%;
  justify-content: center;
  width: 100%;
  padding-left: 0;
}
.dual-gun-60kw .product-banner-content {
  max-width: 100%;
}
.dual-gun-details-subtilte, .dual-gun-details-subtilte ul li{
  font-size: 16px;
}
.dual-gun-details-subtilte ul li{
  line-height: 25px;
  margin-bottom: 15px;
}
.dual-gun-detail-cont{
  padding-top: 50px;
}
.become-partner-mob{
  display: block;
  margin-bottom: 20px;
}
.dual-gun-60kw .partnetCircle-content{
  max-width: 100%;
}
.kw-22.dual-gun-60kw.ccs-main .pillar-product-banner-wrapper{
  bottom: -149%;
}
.dual-gun-60kw .gradient-box{
  display: block;
}
.dual-gun-60kw .top-gradient-box {
  top: 35px;
  left: -168px;
  opacity: 0.17;
  filter: blur(137px);
}
.dual-gun-60kw .gradient-box {
  width: 418px;
  height: 297px;
  z-index: 0;
}
.dual-gun-60kw .bottom-gradient-box{
  width: 229px;
  height: 310px;
  filter: blur(138.02px);
}
.kw-22.ccs-main .overview-outer {
  margin-top: 129px !important;
}
.kw-22 .dual-gun-detail img {
  max-width: 25%;
}
.partnetCircle-sub-title{
  font-size: 14px;
}
.partnetCircle-content h2{
  font-size: 20px;
}
.partnetCircle-card h4{
  font-size: 18px;
}

.dual-gun-60kw.ccs-main .dc-product-banner-wrapper img{
  width:auto !important ;
  width: 118px !important;
}
.kw-22.dual-gun-60kw.ccs-main .dc-product-banner-wrapper img{
  width:118px !important ;
}

}
@media only screen and (max-width: 480px){
  .overview-list li{
    max-width: unset;
    flex: unset;
    width: 33.33%;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .pillar-overview-list li {
    width: 33.33%;
  }

  .overview-list li:first-child .icon img {
    width: 25%;
  }
  .white-label-product-banner-wrapper{
    bottom: -30%;
  }
  .white-label-main-banner-content{
    padding-bottom: 277px !important;
  }

  /* landing page responsive */
    .landing-product-banner-content h1 span, .landing-product-banner-content h1{
      /* font-size: 24px; */
    }
    .report-sec .request-item:nth-child(5), .report-sec .request-item:last-child {
      margin-bottom: 40px;
    }
  /* landing page responsive */
  .dc-product-banner-wrapper img{
    width: 80% !important;
  }
  .dc-product-banner-wrapper{
    bottom: -15%;
  }
  .dc-carousel .owl-nav{
    top: 35%;
  }
  .report-sec .request-item {
    margin-bottom: 40px !important;
  }

  /* csms starts */
  .csms-body .white-label-main-banner-content {
    padding-bottom: 205px !important;
  }
  .csms-body .csms-white-label-product-banner-wrapper {
    bottom: -51%;
  }

  /* csms ends */


  .white-label-overview-outer .imp-feature .imp-feature-block .icon {
    width: 15%;
  }
  .ad_wall .faq-tabs ul a.common-btn {
    display: block;
    margin-left: unset;
  }

   /* franchise landing page starts */

   .franchise-landing .product-banner{
    bottom: -57%;
  }

  .franchise-landing .product-banner-content h1 span{
    width: 250px;
    display: inline-block;
  }

  /* franchise landing page ends */

  .media-landing .product-banner-content h1 span{
    width: auto;
  }

  .media-landing .product-banner-content a.common-btn{
    height: 42px;
  }

  .media-landing .product-banner-content a.common-btn {
    margin-top: 20px;
  }
  .media-landing .main-banner{
    background-size: cover;
  }

  .media-landing .main-banner {
    padding-top: 65%;
  }
  .media-landing .featured-list .featured-list-outer {
    width: 85%;
  }


  .franchise-landing .product-banner{
    width: 100%;
  }

  .fleet-electrification .landing-main-banner-content {
    width: 80%;
  }
  .fleet-electrification .landing-product-banner-content p{
    width: 70%;
  }
  .ccs-main .overview-outer {
    margin-top: 58px !important;
  }
  .ccs-main .dc-product-banner-wrapper img {
    max-width: 66% !important;
  }
  .white-label-animation .white-label-product-banner-wrapper {
    bottom: -19%;
  }
  .white-label-animation .white-label-main-banner-content {
    padding-bottom: 295px !important;
  }

  .csms-body .csms-white-label-product-banner-wrapper {
    bottom: -23%;
    height: 384px;
  }
  .csms-body .white-label-main-banner-content {
    padding-bottom: 92px !important;
  }
  .csms-ban-img-section-box{
    top: 28%;
  }
  .csms-ban-img-graph-box{
    top: 48%;
  }

  .ev-cal-screen-2 .screen-2-subtitle{
    width: 80%;
  }
  .ev-calc-loader h4 {
    width: 85%;
  }

  .dual-gun-60kw .faq-tabs ul a.common-btn {
    display: block;
    margin: 40px 0 0;
  }


}

@media only screen and (max-width: 446px){
  .fleet-electrification .landing-main-banner-content {
    width: 85%;
  }
  .fleet-electrification .landing-product-banner-content p {
    font-size: 12px;
  }
  .fleet-electrification .landing-product-banner-content h1 span, .fleet-electrification .landing-product-banner-content h1{
    font-size: 25px;
  }
  .ad_wall .pillar_why_title h3{
    width: auto;
    background: linear-gradient(279.62deg, #0A0F27 -43.62%, #FFFFFF 24.99%, #E88B76 47.4%, #E55059 77.04%, #0A0F27 151.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  .white-label-animation .white-label-product-banner-wrapper {
    bottom: -24%;
  }
  .white-label-animation .white-label-main-banner-content {
    padding-bottom: 275px !important;
  }
  .csms-body .csms-white-label-product-banner-wrapper {
    bottom: -22%;
    height: 355px;
  }
  .csms-body .white-label-main-banner-content {
    padding-bottom: 70px !important;
  }
  .ev-cal-screen-2 .screen-2-subtitle{
    width: 90%;
  }

}

@media only screen and (max-width: 424px){

  .csms-body .testimonialsCustomers-card{
    /* padding-bottom: 0px !important; */
  }

  .ad_wall .ad_wall_banner_content p{
    font-size: 11px;
  }

  .media-landing .product-banner{
    right: 5%;
  }

  .uno-circle-gif-wrap {
    bottom: -74px;
  }
  .dual-gun-60kw.ccs-main .pillar-product-banner-wrapper{
    bottom: -86%;
  }
}

@media only screen and (max-width: 414px){
  .franchise-landing .what-will-get h4 {
    font-size: 12px;
  }
  .about-banner-img-3 {
    width: 23% !important;
    bottom: 11%;
  }
  .about-banner-img-2 {
    top: 13% !important;
    right: 7% !important;
    width: 20%;
  }
  .about-banner-img-1{
    top: 12% !important;
    left: 13% !important;
    width: 13% !important;
  }
  .about-banner-img-4 {
    width: 20%;
    right: 8%;
  }
  .ev-calculator-form .kms-travelled .kms input{
    width: 99px;
    height: 35px;
  }
  .ev-calculator-form .kms-travelled .kms input::placeholder{
    font-size: 10px;
  }
  .ev-calculator .select-menu{
    /* width: 81.42px; */
    width: 125px;
    height: 34px;
  }
  .ev-calculator .select-menu > .select{
    height: 34px;
    padding: 19px 8px 18px 20px;
  }
  .ev-calculator-form .kms-travelled .kms input, .KM-static{
    font-size: 10px;
  }
  .landing-page .ev-savings p {
    width: 95%;
  }

}

@media only screen and (max-width: 390px){
  /* .circle-product-banner-wrapper{ */
  .product-banner-wrapper{
    bottom: -15%;

  }
  .pillar-product-banner-wrapper{
    bottom: -20%;
  }
  .white-label-product-banner-wrapper{
    bottom: -53%;
  }
  .white-label-main-banner-content{
    padding-bottom: 185px !important;
  }
  .dc-product-banner-wrapper{
    bottom: -5%;
  }

  .thankyou-content {
    padding-top: 70%;
  }
  .thankyou-img {
    width: 40%;
  }
  .landing-product-banner-content h1 span, .landing-product-banner-content h1{
    font-size: 24px;
  }

  /* csms starts */

  .csms-body .white-label-main-banner-content {
    padding-bottom: 168px !important;
  }
  .csms-body .csms-white-label-product-banner-wrapper {
    bottom: -76%;
  }
  /* csms ends */

  /* franchise landing page starts */

  .franchise-landing .product-banner{
    bottom: -75%;
  }

  /* franchise landing page ends */

  .media-landing .featured-list-outer .featured-list-content:nth-child(even){
    padding-left: 0 !important;
  }

  .media-landing .white-label-our-client .client-list li{
    /* height: 30px; */
  }
  .media-landing .white-label-our-client h3{
    width: unset;
  }
  .fleet-electrification .landing-main-banner-content {
    width: 75%;
  }
  .fleet-electrification .landing-product-banner-content h1{
    width: 320px;
  }
  .fleet-electrification .landing-main-banner{
    padding-bottom: 85px;
  }

  .ccs-main .dc-product-banner-wrapper img {
    max-width: 75% !important;
  }

  /* .white-label-animation .white-label-product-banner-wrapper {
    bottom: -47%;
  }
  .white-label-animation .white-label-main-banner-content {
    padding-bottom: 185px !important;
  } */
  .white-label-animation .white-label-product-banner-wrapper {
    width: 75% !important;
  }

  .csms-body .csms-white-label-product-banner-wrapper {
    bottom: -20%;
    height: 311px;
  }
  .csms-body .white-label-main-banner-content {
    padding-bottom: 39px !important;
  }
  .csms-ban-img-section-box {
    top: 27%;
  }
  .csms-ban-img-graph-box {
    top: 44%;
}

.ev-calculator-form .fuel-economy .tooltip-arrow-wrap{
  /* left: unset;
  right: 7%; */
}
.ev-calculator-form .fuel-economy .tooltip-arrow-inner{
  /* left: unset;
  right: 7%; */
}
.ev-calc-loader h4 {
  width: 97%;
}

}

@media only screen and (max-width: 375px){
  .pillar-product-banner-wrapper img{
    width: 100%;

  }
  .pillar-product-banner-wrapper{
    padding-left: 33px;
    bottom: -23%;
  }

  .landing-main-banner{
    /* background-size: 120%; */
  }
  .dc-product-banner-wrapper img {
    width: 100% !important;
  }
  .dc-product-banner-wrapper{
    bottom: -10%;
  }

  /* franchise landing page starts */

  .franchise-landing .product-banner{
    bottom: -95%;
  }

  /* franchise landing page ends */

  .media-landing .product-banner{
    right: 5%;
    /* bottom: -4% !important; */
    bottom: 10%;
  }

  .media-landing .main-banner{
    background-position-x: -19px;
  }
  .media-landing .invest h3{
    width: unset;
    padding-left: 14%;
  }
  .kw-22.ccs-main .overview-outer {
    margin-top: 158px !important;
}

}

@media only screen and (max-width: 340px){
  .pillar-product-banner-wrapper{
    bottom: -16%;
  }
  .dc-product-banner-wrapper{
    bottom: -6%;
  }
  .uno-circle-gif-wrap {
    bottom: -53px;
  }
  .fleet-electrification .landing-product-banner-content p {
    width: 75%;
  }
  .csms-body .white-label-main-banner-content {
    padding-bottom: 0 !important;
  }
  .csms-body .csms-white-label-product-banner-wrapper {
    bottom: -13%;
    height: 234px;
  }
  .ev-calculator .custom-rangeslider__label {
    line-height: 2;
  }
  .dual-gun-60kw.ccs-main .product-banner-content p {
    font-size: 13px;
  }
}


@media only screen and (max-width: 1071px) and (min-width: 992px){
  .form-check:last-child{
    margin-left: 0;
    margin-top: 10px;
  }
  .form-check:nth-child(6){
    margin-right: 50px;
  }
}
@media only screen and (max-width: 849px) and (min-width: 768px){
  .form-check:last-child{
    margin-left: 0;
    margin-top: 10px;
  }
  .form-check:nth-child(6){
    margin-right: 50px;
  }
}
@media only screen and (max-width: 450px) and (min-width: 406px){
  .dc-featured-list-content{
    padding-left: 20px;
  }
}

@media only screen and (min-width: 1367px){
  .franchise-landing .product-banner{
    bottom: 0%;
  }
  .product-landing-page .explore-products-wrap{
    width: 60%;
  }
  .about-banner-img-1{
    width: 10% !important;
  }
  .about-banner-img-3{
    width: 24% !important;
  }

  .uno-pillar-main .main-banner{
    padding-top: 145px !important;
    /* padding-bottom: 120px !important; */
    padding-bottom: 160px !important;
  }
  .uno-pillar-main .pillar-product-banner-wrapper img{
    /* max-width: 50% !important; */
    max-width: 56% !important;
  }
  .ccs-main .overview-outer{
    margin-top: 200px !important;
  }
  .ccs-main .dc-product-banner-wrapper img {
    max-width: 70% !important;
  }
  .ccs-main .main-banner{
    padding-bottom: 150px !important;
  }

  .dual-gun-60kw.ccs-main .pillar-product-banner-wrapper{
    top: -46px;
  }
  .dual-gun-60kw.ccs-main .dc-product-banner-wrapper img {
    max-width: 55% !important;
}
.kw-22.dual-gun-60kw.ccs-main .dc-product-banner-wrapper img {
  max-width: 35% !important;
}
.kw-22.ccs-main .overview-outer{
  margin-top: 0 !important;
}
  /* .ev-calculator .ev-calculator-form{
    position: static;
    padding-top: 0;
    padding-bottom: 0;
  }
  .ev-calc-div{
    height: 100vh;
    display: flex;
    align-items: center;
  } */

}
@media only screen and (min-width: 1707px){
  /* .ev-calculator .ev-calculator-form{
    position: static;
    padding-top: 0;
    padding-bottom: 0;
  }
  .ev-calc-div{
    height: 100vh;
    display: flex;
    align-items: center;
  } */
}

/* custom select css */
    .customSelect {
      position: relative;
      float: left;
      margin-right: 10px;
    }
    .customSelect .selectedValue {
      /* padding: 5px 10px;
      margin-bottom: 0;
      line-height: 1.2;
      color: #0096ff;
      cursor: pointer;
      background-color: #101e29;
      background-color: rgba(0, 150, 255, 0.1); */
      border: 1px solid #0096ff;
    }
    .customSelect .selectList {
      z-index: 100;
      position: absolute;
      left: -999em;
      top: -999em;
      padding: 5px 0;
      margin: 2px 0 0;
      list-style: none;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding;
      background-clip: padding-box;
      width: 100%;
    }
    .customSelect.select-open .selectList {
      left: 0 !important;
      top: auto !important;
    }
    .customSelect .selectList dl {
      background: #080B1C;
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 8px;
      width: 100% !important;
    }
    .customSelect .selectList dl.defaultScrollbar {
      overflow-x: hidden;
      overflow-y: scroll;
    }
    .customSelect dl {
      margin: 0;
    }
    .customSelect dd {
      margin: 0;
      zoom: 1;
      cursor: pointer;
      color:rgba(255, 255, 255, 0.6);
      font-weight: 500;
      font-size: 16px;
    }
    .customSelect .selected {
      background-image: radial-gradient( 70.37% 70.37% at 50% 50%, rgba(251, 67, 53, 0.2) 0%, rgba(251, 67, 53, 0) 100% );
    }
    .customSelect .selectList dd.hovered {
      background-image: radial-gradient( 70.37% 70.37% at 50% 50%, rgba(251, 67, 53, 0.2) 0%, rgba(251, 67, 53, 0) 100% );
    }
    .customSelect dt {
      font-weight: bold;
      font-style: italic;
      padding: 2px 10px 2px 6px;
    }
    .customSelect dd {
      padding: 2px 10px 2px 8px;
    }


    .hasJS select.custom {
      position: absolute;
      left: -999em;
    }
    .customSelect .caret {
      display: inline-block;
      width: 0;
      height: 0;
      vertical-align: top;
      border-top: 4px solid #0096ff;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      content: "";
    }
    .customSelect .selectValueWrap .caret {
      position: absolute;
      top: 12px;
      right: 10px;
      cursor: pointer;
      display: none;
    }

    .customSelect .selectedValue{
      width: 100%;
      padding: 18px 20px 18px 50px;
      /* max-width: 519px; */
      height: auto;
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 8px;
      background: transparent;
      color:rgba(255, 255, 255, 0.6);
      font-weight: 500;
      font-size: 16px;
      background-image: url(../images/page7/SafetyCollectionPlace.svg);
      background-repeat: no-repeat;
      background-position-x: 12px;
      background-position-y: center;
      position: relative;
    }
    .customSelect .selectedValue:after{
      /* content: ">";
      color:rgba(255, 255, 255, 0.6);
      position: absolute;
      right: 12px;
      top: 18px;
      transform: rotate(90deg); */
      content: "";
      position: absolute;
      right: 12px;
      width: 6px;
      height: 6px;
      border: 2px solid #ffffff;
      border-top: 0;
      border-left: 0;
      transform: rotate(45deg);
      transition: 0.4s;
      top: 22px;

    }
    .select-open .selectedValue:after{
      transform: rotate(225deg);
      transition: 0.4s;
    }
    .customSelect{
      width: 100% !important;
    }
    .customSelect .custom{
      display: none;
    }
    .select-open{

    }
/* custom select css */

/* Disable Arrow in number input */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.footer-bottom p a:hover{
  background: linear-gradient( 287.85deg, #ffffff 22.79%, #e88b76 60.19%, #e55059 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.scroll-icon a:hover{
  background: linear-gradient( 287.85deg, #ffffff 22.79%, #e88b76 60.19%, #e55059 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.contact-formRight-address .number:hover, .contact-formRight-address .mail:hover{
  background: linear-gradient( 287.85deg, #ffffff 22.79%, #e88b76 60.19%, #e55059 100% );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
/* .footer-bottom ul li:nth-child(1) a:hover svg path{
  fill: #1877F2;
} */

/* ANIMATION CSS STARTS */
  .achievements-list-item{
    position: relative;
  }
  .achievements-list-item .achievements-logo{
    display: none;
    width: 30%;
    position: absolute;
    right: -100px;
    transition: 0.4s;

  }
  .achievements-name{
    position: relative;
  }
  .achievements-list-item{
    /* transition: 0.4s; */
    transition-delay: 0.4s;
  }
  .achievements-list-item:hover .achievements-logo{
    display: inline-block;

    /* width: 5%; */
  }
  .achievements-list-item:hover .achievements-name{
    background: linear-gradient(90deg, #2A2A2A 0.13%, #EA522C 100.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 700;

  }
  .achievement-gradient-box{
    width: 100px;
    height: 100px;
    background-image: radial-gradient(farthest-side at 60% 55%, #EA522C, #FB4335, #fff);
    filter: blur(64px);
    position: absolute;
    left: 15%;
    bottom: 0;
    display: none;
  }
  .achievements-list-item:hover .achievement-gradient-box{
    display: block;
  }
  .achievements-list-item .achievements-logo img{
    width: 100%;
  }

  .about-banner{
    position: relative;
  }
  .about-banner-img-1, .about-banner-img-2, .about-banner-img-3, .about-banner-img-4{
    position: absolute;
  }
  /* @keyframes fade-1 {
    0%  {
      transform: translateY(10px);
    }

    50%  {
      transform: translateY(-10px);
    }

    100%  {
      transform: translateY(10px);
    }
  } */
  /* @keyframes fade-2 {
    0%  {
      transform: translateY(-10px);
    }

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

    100%  {
      transform: translateY(-10px);
    }
  } */

  /* @keyframes fade-2 {
    0%   {
      transform: scale(0);
    }
    25%  {
      transform: scale(1);
    }
    50%  {
      transform: translateY(-10px);
    }
    75%  {
      transform: translateY(10px);
    }
    100%  {
      transform: translateY(0);
    }
  } */
  @keyframes width-inc-1{
    0%   {
      width: 20%;
    }
    100%  {
      width: 100%;
    }
    /* 100%  {
      transform: translateY(-10px);
    } */
  }
  @keyframes width-inc-2{
    0%   {
      width: 20%;
    }
    100%  {
      width: 100%;
    }
    /* 100%  {
      transform: translateY(-10px);
    } */
  }
  .about-banner-img-1{
    top: 100px;
    /* left: 50px; */
    left: 4%;
    opacity: 1;
    animation-name: fade-1;
    animation-duration: 10s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
    animation-delay: 4s;
    width: 15%;
  }
  .about-banner-img-1 img{
    /* max-width: 65%; */
    animation-name: width-inc-1;
    animation-duration: 2s;
    animation-iteration-count:1;
    animation-timing-function:linear;
    animation-delay: 0s;
  }
  .about-banner-img-2{
    top: 100px;
    right: 13%;
    opacity: 1;
    animation-name: fade-2;
    animation-duration: 10s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
    animation-delay: 4s;
    /* padding-right: 20px; */
    width: 15%;
  }
  .about-banner-img-2 img{
    /* max-width: 80%; */
    animation-name: width-inc-2;
    animation-duration: 2s;
    animation-iteration-count:1;
    animation-timing-function:linear;
    animation-delay: 0s;
  }
  .about-banner-img-3{
    bottom: 52px;
    /* left: -24px; */
    left: -1%;
    opacity: 1;
    animation-name: fade-2;
    animation-duration: 10s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
    animation-delay: 4s;
    padding-left: 250px;
    width: 30.5%;
  }
  .about-banner-img-3 img{
    /* max-width: 80%; */
    animation-name: width-inc-2;
    animation-duration: 2s;
    animation-iteration-count:1;
    animation-timing-function:linear;
    animation-delay: 0s;
  }
  .about-banner-img-4{
    /* bottom: 0; */
    bottom: -3%;
    /* right: 50px; */
    right: 5%;
    opacity: 1;
    animation-name: fade-1;
    animation-duration: 10s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
    animation-delay: 4s;
    text-align: right;
    padding-bottom: 150px;
    z-index: 0;
    width: 15%;
  }
  .about-banner-img-4 img{
    /* max-width: 70%; */
    animation-name: width-inc-1;
    animation-duration: 2s;
    animation-iteration-count:1;
    animation-timing-function:linear;
    animation-delay: 0s;
  }
/* ANIMATION CSS ENDS */

/* request form loader starts */

/* .spin::before, .spin::after {
  top: 0;
  left: 0;
}
.spin::before {
  border: 2px solid transparent;
}
.spin:hover::before {
  border-top-color: #0eb7da;
  border-right-color: #0eb7da;
  border-bottom-color: #0eb7da;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.spin::after {
  border: 0 solid transparent;
}
.spin:hover::after {
  border-top: 2px solid #0eb7da;
  border-left-width: 2px;
  border-right-width: 2px;
  transform: rotate(270deg);
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
} */




.loader-btn {
  /* outline: none;
  text-align: center;
  height: 40px;
  width: 130px;
  border-radius: 40px;
  background: #fff;
  border: 2px solid #1ECD97;
  color: #1ECD97;
  letter-spacing: 1px;
  text-shadow: 0;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.25s ease; */

  /* ********************* */
    width: 232px;
    height: 58px;
    margin-top: 60px;
    text-transform: uppercase;
    background: #080c1f;
    box-shadow: 0px 7.63396px 38.1698px rgb(255 255 255 / 2%);
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 16px 32px; */
    color: var(--white-color);
    font-weight: 700;
    font-size: 14px;
    background-image: linear-gradient( 278.61deg, rgba(8, 12, 31, 0.4) 0.01%, rgba(255, 255, 255, 0.4) 29.21%, rgba(232, 139, 118, 0.4) 50.78%, rgba(229, 80, 89, 0.4) 69.87%, rgba(8, 12, 31, 0.4) 101.66% );
    position: relative;
    z-index: 0;
    margin-top: 50px;
    margin-left: auto;
    width: 264px;
    text-transform: uppercase;
    margin-right: 10px;
}

.tuned-form .loader-btn {
  width: 20%;
  margin-top: 0;
  margin-right: 0;
}
.report-form .loader-btn {
  margin-top: 0;
  margin-right: 0;
}
.report-form .validate:after {
  font-family: "FontAwesome";
  content: "";
}
button:hover {
  /* color: white;
  background: #1ECD97; */
}
#button:active {
  letter-spacing: 2px;
}
.loader-btn:after {
  content: "Submit";
}
#button:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 98%;
  height: 98%;
  background: #080c1f;
  border-radius: 16px;
  z-index: -1;
}
#button:hover::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 98%;
  height: 98%;
  background-image: radial-gradient( 70.37% 70.37% at 50% 50%, rgba(251, 67, 53, 0.2) 0%, rgba(251, 67, 53, 0) 100% );
  filter: drop-shadow(0px 7.63396px 38.1698px rgba(255, 255, 255, 0.02));
  /* background: #000; */
  border-radius: 16px;
  z-index: -1;
}

.onclic {

  outline: none;
  text-align: center;
  height: 40px;
  width: 130px;
  border-radius: 40px;
  background: #fff;
  border: 2px solid #1ECD97;
  color: #1ECD97;
  letter-spacing: 1px;
  text-shadow: 0;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.25s ease;


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

  width: 40px;
  border-color: #bbbbbb;

  border: solid 10px transparent;
  border-radius: 50%;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #48302C,#C43F23);
  background-origin: border-box;
  background-clip: content-box, border-box;
  display: inline-block;

  border-width: 6px;
  font-size: 0;
  border-left-color: #F6431E;

  -webkit-animation: rotating 2s 0.25s linear infinite;
          animation: rotating 2s 0.25s linear infinite;
  /* position: relative; */
}

.tuned-form .onclic {

  outline: none;
  text-align: center;
  height: 40px;
  width: 130px;
  border-radius: 40px;
  background: #fff;
  border: 2px solid #1ECD97;
  color: #1ECD97;
  letter-spacing: 1px;
  text-shadow: 0;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.25s ease;


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

  width: 40px;
  border-color: #bbbbbb;

  border: solid 10px transparent;
  border-radius: 50%;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #48302C,#C43F23);
  background-origin: border-box;
  background-clip: content-box, border-box;
  display: inline-block;

  border-width: 6px;
  font-size: 0;
  border-left-color: #F6431E;

  -webkit-animation: rotating 2s 0.25s linear infinite;
          animation: rotating 2s 0.25s linear infinite;
  /* position: relative; */
}


.onclic_seudo_style:after {
  content: "";
  /* border: 0 solid transparent;
  top: -2px;
  left: -4px;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 40px; */
}
/* .onclic_seudo_style:before {
  content: "";
  border: 3px solid transparent;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 40px;
} */
.onclic:hover {
  /* color: #1ECD97;
  background: white; */
}
/* ********************** */
/* .onclic_seudo_style::before {
  border-top-color: #0eb7da;
  border-right-color: #0eb7da;
  border-bottom-color: #0eb7da;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.onclic_seudo_style::after {
  border: 0 solid transparent;
}
.onclic_seudo_style::after {
  border-top: 3px solid #0eb7da;
  border-left-width: 3px;
  border-right-width: 3px;
  transform: rotate(270deg);
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
} */
/* ****************************** */


.validate {
  outline: none;
  text-align: center;
  height: 40px;
  width: 130px;
  border-radius: 40px;
  background: #fff;
  border: 2px solid #1ECD97;
  color: #1ECD97;
  letter-spacing: 1px;
  text-shadow: 0;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.25s ease;
  z-index: auto;


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

  font-size: 13px;
  color: white;
  /* background: #1ECD97; */
  background-image:radial-gradient(circle at top left, #48302C,#C43F23);
  width: 40px;
  border: 0;
}

.tuned-form .validate {
  outline: none;
  text-align: center;
  height: 40px;
  width: 130px;
  border-radius: 40px;
  background: #fff;
  border: 2px solid #1ECD97;
  color: #1ECD97;
  letter-spacing: 1px;
  text-shadow: 0;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.25s ease;
  z-index: auto;


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

  font-size: 13px;
  color: white;
  /* background: #1ECD97; */
  background-image:radial-gradient(circle at top left, #48302C,#C43F23);
  width: 40px;
  border: 0;
}
.validate:after {
  font-family: "FontAwesome";
  content: "";
}

@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#contactForm .thankyou-content{
  flex: 0 0 60%;
  max-width: 60%;
}
#contactForm .thankyou-content{
  padding-left: 30px;
  padding-right: 30px;
}
#contactForm .thankyou-title{
  font-size: 48px;
}
#contactForm .thankyou-img{
  width: 15%;
  top: 192px;
}

#contactForm .thankyou-cont{
  font-size: 20px;
}


/* request form loader ends */

/* shweta css ends */

.testimonialsCustomers-card-content {
  padding-top: 30px;
}

.exception-img{
  height: 64px;
}

.ad_wall .partner-img-rep{
  display: none;
}

/* pin animation starts */

.landing-page .charging-wrapper .bg{
  position: relative;
}
.pin-animation{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  /* z-index: 1; */
}
.pin-animation img{
  width: 30px !important;
  position: absolute;
  /* -webkit-animation:FadeIn 0.1s 1 ease;
   -webkit-animation-fill-mode:both; */
   opacity: 0;
}
.pin-animation .img{
  animation:FadeIn 0.1s 1 ease;
  -webkit-animation:FadeIn 0.1s 1 ease;
  animation-fill-mode:both;
   -webkit-animation-fill-mode:both;
}

.pin-animation img:nth-child(1){
  top: 28%;
  left: 10%;
  -webkit-animation-delay:1s;
  display: none;
}
.pin-animation img:nth-child(2){
  /* bottom: 31%;
  right: 20%; */
  bottom: 41%;
  right: 19%;
  -webkit-animation-delay:1s;
}
.pin-animation img:nth-child(3){
  bottom: 34%;
  left: 50%;
  -webkit-animation-delay:1.1s
}
.pin-animation img:nth-child(4){
  bottom: 43%;
  right: 10%;
  -webkit-animation-delay:1.3s;
  display: none;
}
.pin-animation img:nth-child(5){
  top: 32%;
  right: 0;
  -webkit-animation-delay:.1.2s
}
.pin-animation img:nth-child(6){
  top: 32%;
  right: 20%;
  -webkit-animation-delay:1.5s;
  display: none;
}

.pin-animation img:nth-child(7){
  top: 69%;
  right: 29%;
  -webkit-animation-delay:1.3s
}

.pin-animation img:nth-child(8){
  top: 18%;
  right: 29%;
  -webkit-animation-delay:1.4s
}

.pin-animation img:nth-child(9){
  top: 32%;
  left: 20%;
  -webkit-animation-delay:1.8s;
  display: none;
}

.pin-animation img:nth-child(10){
  top: 32%;
  left: 30%;
  -webkit-animation-delay:1.5s;
}

.pin-animation img:nth-child(11){
  top: 38%;
  left: 40%;
  -webkit-animation-delay:2s;
  display: none;
}

.pin-animation img:nth-child(12){
  top: 32%;
  left: 50%;
  -webkit-animation-delay:2.1s;
  display: none;
}

.pin-animation img:nth-child(13){
  top: 40%;
  left: 4%;
  -webkit-animation-delay:1.6s;
}

.pin-animation img:nth-child(14){
  top: 48%;
  left: 26%;
  -webkit-animation-delay:2.3s;
  display: none;
}

.pin-animation img:nth-child(15){
  top: 57%;
  left: 10%;
  -webkit-animation-delay:2.4s;
  display: none;
}

.pin-animation img:nth-child(16){
  top: 70%;
  left: 20%;
  -webkit-animation-delay:1.7s;
}

.pin-animation img:nth-child(17){
  top: 60%;
  left: 34%;
  -webkit-animation-delay:2.6s;
  display: none;
}

.pin-animation img:nth-child(18){
  top: 32%;
  left: 60%;
  -webkit-animation-delay:1.8s;
}

.pin-animation img:nth-child(19){
  top: 1%;
  left: 29%;
  -webkit-animation-delay:1.9s;
}

.pin-animation img:nth-child(20){
  top: 17%;
  left: 39%;
  -webkit-animation-delay:2s;
}

.pin-animation img:nth-child(21){
  top: 13%;
  left: 56%;
  -webkit-animation-delay:3s;
  display: none;
}

.pin-animation img:nth-child(22){
  top:10%;
  left: 16%;
  -webkit-animation-delay:2.1s
}

.pin-animation img:nth-child(23){
  /* top: 79%;
  left: 42%; */
  -webkit-animation-delay:2.2s;
  top: 73%;
  left: 39%;
}

.pin-animation img:nth-child(24){
  top: 22%;
  right: 10%;
  -webkit-animation-delay:2.3s;
}

.pin-animation img:nth-child(25){
  top: 75%;
  right: 5%;
  -webkit-animation-delay:2.4s;
}

.pin-animation img:nth-child(26){
  top: 46%;
  right: 28%;
  -webkit-animation-delay:2.7s;
  display: none;
}

@-webkit-keyframes FadeIn  {
  0% {
     opacity:0;
  }

  100% {
     opacity:1;
  }
}



@media only screen and (max-width: 575px){

  .pin-animation img:nth-child(23),
  .pin-animation img:nth-child(7),
  .pin-animation img:nth-child(25),
  .pin-animation img:nth-child(16),
  .pin-animation img:nth-child(10),
  .pin-animation img:nth-child(20),
  .pin-animation img:nth-child(22),
  .pin-animation img:nth-child(18),
  .pin-animation img:nth-child(2),
  .pin-animation img:nth-child(24){
    display: none;
  }
  .pin-animation img:nth-child(14){
    display: block;
  }
  .pin-animation img:nth-child(5){
    right: 5%;
  }
  img.pin-animation-img.img {
    max-width: 15px;
  }
}


/* pin-animation ends */

/* counter increase starts */
.charging-wrapper #counter small{
  display: inline-block;
  width: 120px;
}

@media only screen and (max-width: 991px){
  .charging-wrapper #counter small {
    width: 95px;
  }

}
@media only screen and (max-width: 767px){
  .charging-wrapper #counter small {
    width: 60px;
  }

}
/* counter increase ends */


.ad_wall .dc-carousel .item{
  /* height: 450px !important; */
}
.ad_wall .dc-carousel .owl-item{
  /* width: 720px !important; */
}
@media only screen and (max-width: 767px){
  /* .ad_wall .dc-carousel .item{
    height: 100% !important;
  } */
}

.make-your-society-3000 .main-banner-content.product-banner{
  padding-top: 0;
  padding-bottom: 0;
}

.make-your-society-3000 .product-banner-content{
  padding-bottom: 0;
}
.make-your-society-3000 .main-banner{
  padding-top: 133px;
  padding-bottom: 154px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 575px){
  .make-your-society-3000 .main-banner{
    padding-top: 72px;
    padding-bottom: 92px;
  }
}

@media only screen and (max-width: 375px){
  .make-your-society-3000 .main-banner-content.product-banner{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .make-your-society-3000 .product-banner-content{
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-width: 767px){
  .make-your-society-3000 .main-banner-content.product-banner{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .make-your-society-3000 .product-banner-content{
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-width: 1024px){
  .make-your-society-3000 .main-banner-content.product-banner{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .make-your-society-3000 .product-banner-content{
    padding-bottom: 0 !important;
  }
}

@media only screen and (max-width: 991px){
  .t-c-popup{
    width: 80%;
  }
}
@media only screen and (max-width: 575px){
  .t-c-popup{
    width: 90%;
  }
}

/* ui issues starts*/

.uno-circle .main-banner{
  padding-top: 100px;
  padding-bottom: 180px;
}

.uno-circle .main-banner-content{
  padding-top: 0;
  height: auto;
}
.uno-circle .product-banner-content{
  padding-bottom: 0;
}

.uno-circle .product-banner{
  align-items: center;
}


.uno-pillar-main .main-banner{
  /* padding-top: 191px; */
  padding-top: 87px;
  /* padding-bottom: 204px; */
  /* padding-bottom: 61px; */
  padding-bottom: 80px;
  animation-name: bg-circle-animation;
  animation-duration: 4s;
  animation-iteration-count:1;
  animation-timing-function:ease-in-out;
  animation-delay: 3s;
  animation-fill-mode: forwards;
  background-image: url(../images/product-bg.png);
  background-size: 0;
}
@keyframes bg-circle-animation{
  0%   {
    /* background-image: none; */
    background-size: 0;
  }
  100%  {
    /* background-image: url(../images/product-bg.png); */
    background-size: cover;
  }
}

.uno-pillar-main .main-banner-content{
  padding-top: 0;
  height: auto !important;
}
.uno-pillar-main .product-banner-content{
  padding-bottom: 0;
}
.uno-pillar-main .acBtn{
  opacity: 0;
  animation-name: ban-cont-opacity;
  animation-duration: 2s;
  animation-iteration-count:1;
  animation-timing-function:ease-in-out;
  animation-delay: 4.5s;
  animation-fill-mode: forwards;
}
.uno-pillar-main .product-banner-content h1{
  opacity: 0;
  animation-name: ban-cont-opacity;
  animation-duration: 2s;
  animation-iteration-count:1;
  animation-timing-function:ease-in-out;
  animation-delay: 4.5s;
  animation-fill-mode: forwards;
}
.uno-pillar-main .product-banner-content p{
  opacity: 0;
  animation-name: ban-cont-opacity;
  animation-duration: 2s;
  animation-iteration-count:1;
  animation-timing-function:ease-in-out;
  animation-delay: 6s;
  animation-fill-mode: forwards;
}
.uno-pillar-main .product-banner-content .common-btn{
  opacity: 0;
  animation-name: ban-cont-opacity;
  animation-duration: 2s;
  animation-iteration-count:1;
  animation-timing-function:ease-in-out;
  animation-delay: 7s;
  animation-fill-mode: forwards;
  margin-top: 20px;
}

@keyframes ban-cont-opacity{
  0%   {
    opacity: 0;
  }
  100%  {
    opacity: 1;
  }
}

.uno-pillar-main .product-banner{
  align-items: center;
}
.uno-pillar-main .pillar-product-banner-wrapper{
  top: -81px;
  animation-name: pillar-trans;
  animation-duration: 3s;
  animation-iteration-count:1;
  animation-timing-function:ease-in-out;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  width: 100%;
  opacity: 0;
}

.uno-pillar-main .pillar-product-banner-wrapper img{
  max-width: unset;
  width: auto;
}

@keyframes pillar-trans{
  0%   {
    opacity: 0;
    transform: scale(1.5);
  }
  70%{
    opacity: 0.5;
    transform: scale(1);
  }
  80%{
    opacity: 1;
    width: 100%;
    transform: scale(1);
  }
  100%  {
    width: 50%;
    opacity: 1;
  }

}

/* .ccs-main .pillar-product-banner-wrapper img{
  margin: unset;
  animation-name: ccs-fade-in;
  animation-duration: 3s;
  animation-iteration-count:1;
  animation-timing-function:ease-in-out;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  position:absolute;
  top: 0;
}
@keyframes ccs-fade-in{
  from   {
    opacity: 0;
    transform: translateX(0);
  }
  to  {
    opacity: 1;
    transform: translateX(100%);
  }
} */


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


.ccs-main .main-banner{
  /* padding-top: 87px;
  padding-bottom: 80px; */
  animation-name: ccs-bg-circle-animation;
  animation-duration: 4s;
  animation-iteration-count:1;
  animation-timing-function:ease-in-out;
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
  background-image: url(../images/product-bg.png);
  background-size: 0;
}
@keyframes ccs-bg-circle-animation{
  0%   {
    /* background-image: none; */
    background-size: 0;
  }
  100%  {
    /* background-image: url(../images/product-bg.png); */
    background-size: cover;
  }
}

.ccs-main .acBtn{
  opacity: 0;
  transform: translateX(-25px);
  animation-name: ccs-ban-cont-opacity;
  animation-duration: 1s;
  animation-iteration-count:1;
  animation-timing-function:ease-in-out;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
}
.ccs-main .product-banner-content h1{
  opacity: 0;
  transform: translateX(-25px);
  animation-name: ccs-ban-cont-opacity;
  animation-duration: 1s;
  animation-iteration-count:1;
  animation-timing-function:ease-in-out;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
}

.ccs-main .product-banner-content p{
  opacity: 0;
  transform: translateX(-25px);
  animation-name: ccs-ban-cont-opacity;
  animation-duration: 1s;
  animation-iteration-count:1;
  animation-timing-function:ease-in-out;
  animation-delay: 3.5s;
  animation-fill-mode: forwards;
}

.ccs-main .product-banner-content .common-btn{
  opacity: 0;
  transform: translateX(-25px);
  animation-name: ccs-ban-cont-opacity;
  animation-duration: 1s;
  animation-iteration-count:1;
  animation-timing-function:ease-in-out;
  animation-delay: 4.5s;
  animation-fill-mode: forwards;
  margin-top: 20px;
}

@keyframes ccs-ban-cont-opacity{
  0%   {
    opacity: 0;
  }
  100%  {
    opacity: 1;
    transform: translateX(0);
  }
}


.ccs-main .pillar-product-banner-wrapper{
  animation-name: ccs-fade-in;
  animation-duration: 2s;
  animation-iteration-count:1;
  animation-timing-function:ease-in-out;
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translateX(-50%);
}
@keyframes ccs-fade-in{
  from   {
    opacity: 0;
    transform: translateX(-50%);
  }
  to  {
    opacity: 1;
    transform: translateX(0%);
  }
}



.ccs-main .main-banner{
  /* padding-top: 123px; */
  padding-top: 50px;
  /* padding-bottom: 204px; */
  padding-bottom: 95px;
}
.ccs-main .product-banner-content a.common-btn{
  margin-top: 30px;
}

.ccs-main .main-banner-content{
  padding-top: 0;
  height: auto !important;
}
.ccs-main .product-banner-content{
  padding-bottom: 0;
}

.ccs-main .product-banner{
  align-items: center;
}
.ccs-main .pillar-product-banner-wrapper{
  top: 0;
  padding-left: 32px;
}
.uno-pillar-main .pillar-product-banner-wrapper img{
  /* max-width: 42%; */
  max-width: 48%;
}

.uno-pillar-main .overview-outer{
  margin-top: 150px;
}

.ad_wall .overview-left{
  order: 2;
  text-align: right;
}
.ad_wall .overview-content{
  justify-content: flex-end;
}
.ccs-main{

  background-color: #f5f6f7
}

.ccs-main .overview-outer{
  /* margin-top: 122px; */
  margin-top: 148px;
}

.ccs-main .pillar-overview-list{
  padding-top: 33px;
}
.ccs-main .overview-left{
  flex: 0 0 50%;
  max-width: 50%;
}
.ccs-main .overview-right{
  flex: 0 0 45%;
  max-width: 45%;
  padding-top: 0;
}
.ccs-main .overview-right h3{
  font-size: 24px;
}

.ccs-main .overview-right p{
  font-size: 18px;
}

.ccs-main .overview-left img{
  width: 80%;
}

.landing-page-ui-change .main-banner-content h1{
  padding-bottom: 16px;
}
.landing-page-ui-change .banner-apps {
  margin-top: 44px;
}
.landing-page-ui-change .banner-apps li + li{
  margin-left: 37px;
}
.landing-page-ui-change .banner-apps li + li:after{
  left: -19px;
}
.landing-page-ui-change .main-banner-content > p{
  font-size: 20px;
}
.landing-page-ui-change .featured-content{
  justify-content: unset;
}
.landing-page-ui-change .featured-content li{
  text-align: center;
  width: 25%;
  margin-left: 0;
}
.featured-content li + li:after{
  left: 0;
}

.request-item input:focus-visible{
  /* border: solid 1px green; */
}
.ad_wall .ad_wall_banner_content a{
  text-transform: uppercase;
  margin: unset;
}
.about-banner{
  background-size: contain;
}
.about-banner .main-banner-content {
  padding: 137px 0 100px;
}

.request-item textarea:focus-visible, .request-item input:focus-visible{
  outline: none;
  border: solid 1px #ffffff;
}

.about-class .host-title span{
    background: linear-gradient( 279.62deg, #0a0f27 -1.62%, #ffffff 24.99%, #e88b76 47.4%, #e55059 77.04%, #0a0f27 107.03% );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 700;
    font-size: 56px;
}
.future-right span.mainSub-title{
  display: none;
}
.future-right h2.mainTitle{
  display: none;
}

@media only screen and (max-width: 1195px){
  .uno-pillar-main .product-banner-wrapper img{
    /* max-width: 70%; */
    /* max-width: 50%; */
    max-width: 54%;
    /* max-width: 250px; */
  }
  .uno-pillar-main .main-banner{
    padding-top: 64px;
    padding-bottom: 79px;
  }
  .uno-pillar-main .overview-outer {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 1100px){
  .ccs-main .main-banner{
    /* padding-bottom: 123px; */
    padding-bottom: 48px;
  }
}

@media only screen and (max-width: 1000px){
  .uno-pillar-main .pillar-product-banner-wrapper {
    top: 3px;
  }
  .footer-rightContent-outer > li.foot-products-wrap {
    max-width: 45% !important;
    flex: 0 0 45% !important;
  }
}

@media only screen and (max-width: 991px){
  .ccs-main .pillar-product-banner-wrapper img {
    max-width: 100%;
  }
  /* .ccs-main .main-banner {
    padding-bottom: 66px;
  } */

  .about-banner .main-banner-content{
    padding-top: 59px;
  }
  .partner-inner ul li{
    width: 33.3%;
    padding-right: 0;
  }
  .partner-inner ul li:before{
    left: 50%;
  }
  .partner-inner ul li:after{
    left: 50%;
  }

  .about-class .host-title span{
    font-size: 36px;
  }
  .ccs-main .product-banner-content h1{
    font-size: 65px;
  }
  .uno-circle .product-banner-content h1, .uno-pillar-main .product-banner-content h1{
    font-size: 55px;
  }

  .navbar-collapse.show .nav-item.dropdown ul.dropdown-menu{
    border-left: 0.5px solid #FFFFFF;
    border-radius: 0;
    margin-left: 25px;
    /* padding-left: 36px; */
  }

  .navbar-collapse{
    height:auto;
  }
  /* .view-solu-nav-wrap{
    margin-left: -88px;
  } */
  .dropdown-menu .nav-sub-title{
    margin-left: -23px;
  }
  .footer-rightContent-outer > li.foot-products-wrap {
    max-width: 55% !important;
    flex: 0 0 55% !important;
  }
  .footer-rightContent-outer > li{
    flex: 0 0 45%;
    max-width: 45%;
  }
  .featured-content li img{
    width: unset;
  }
  .landing-page-ui-change .featured-content li{
    padding-left: 10px;
    padding-right: 10px;
  }

}

@media only screen and (max-width: 900px){
  .uno-pillar-main .pillar-product-banner-wrapper {
    /* top: 44px; */
    /* top: -40px; */
  }
  .uno-pillar-main .main-banner{
    padding-bottom: 114px;
  }
  .uno-pillar-main .overview-content{
    margin-top: 0;
  }
  .uno-pillar-main .product-banner-wrapper img{
    max-width: 57%;
  }

}

@media only screen and (max-width: 845px){
  .uno-pillar-main .main-banner {
    padding-bottom: 82px;
  }

  .ccs-main .product-banner-content a.common-btn{
    margin-top: 18px;
  }

}

@media only screen and (min-width: 768px){
  .uno-circle .product-banner-wrapper img{
    width: 90%;
  }
}
@media only screen and (max-width: 767px){
  .uno-circle .product-banner{
    padding-bottom: 100px;
  }
  .uno-circle .product-banner-wrapper{
    bottom: -94%;
  }

  .uno-pillar-main .product-banner{
    padding-bottom: 0;
  }
  .uno-pillar-main .main-banner{
    /* padding-bottom: 204px !important; */

  }

  .uno-pillar-main .pillar-product-banner-wrapper {
    top: 0;
  }

  .uno-pillar-main .product-banner-wrapper img{
    max-width: 48%;
  }
  .uno-pillar-main .overview-outer{
    margin-top: 0;
  }

  .ccs-main .pillar-product-banner-wrapper img {
    max-width: unset;
    max-width: 280px !important;
  }

  /* .ccs-main .pillar-product-banner-wrapper img{
    animation-name: ccs-fade-in-tab;
    opacity: 1;
    position: static;
  }  */
  /* @keyframes ccs-fade-in-tab{
    from   {
      opacity: 0;
      transform: translateX(0);
    }
    to  {
      opacity: 1;
      transform: translateX(100%);
    }
  } */




  .ccs-main .main-banner-content.product-banner{
    padding-bottom: 0;
  }
  .ccs-main .overview-right{
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 97px;
  }
  .about-banner {
    background-position: center center;
  }

  .about-banner .main-banner-content{
    padding-top: 0;
    padding-bottom: 0;
  }


}

@media only screen and (max-width: 619px){
  .uno-circle .product-banner-wrapper{
    bottom: -80%;
  }

  .ccs-main .pillar-product-banner-wrapper img {
    max-width: unset;
    width: 95% !important;
  }

  .ccs-main .overview-right{
    margin-top: 48px;
  }

}

@media only screen and (max-width: 575px){
  .uno-pillar-main .pillar-product-banner-wrapper {
    top: 170px;
  }
  .uno-pillar-main .main-banner{
    padding-top: 80px;
    padding-bottom: 173px;
  }
  .uno-pillar-main .product-banner-wrapper img {
    max-width: 53%;
  }
  .ccs-main .main-banner {
    padding-bottom: 213px;
  }
  .ccs-main .pillar-product-banner-wrapper {
    top: 147px;
  }
  .ccs-main .overview-right{
    margin-top: 30px;
  }
  .ccs-main .overview-right h3, .ccs-main .overview-right p{
    font-size: 14px;
  }

  .ad_wall .product-banner .acBtn a{
    font-size: 8px;
    height: 20px;
    width: 90px;
  }
  .ad_wall .product-banner h1{
    font-size: 24px;
  }
  .ad_wall .ad_wall_banner_content p{
    font-size: 11px;
  }
  .ad_wall .ad_wall_banner_content a {
    /* text-transform: lowercase; */
  }
  .about-banner {
    background-size: cover;

  }
  .about-banner .main-banner-content{
    padding-bottom: 130px;
  }

  .landing-page-ui-change .testimonials-slide .image-box{
    margin-top: 30px;
    margin-bottom: 75px;
  }
  .ccs-main .product-banner-content h1, .uno-circle .product-banner-content h1, .uno-pillar-main .product-banner-content h1{
    font-size: 32px;
  }
  .ccs-main .pillar-product-banner-wrapper img {
    max-width: unset;
    max-width: 80% !important;
  }

  .foot-nav-subtitle{
    /* display: none; */
    margin-top: 14px !important;
  }
  .product-solu-list{
    flex-flow: column;
  }
  .hard-solu{
    /* margin-top: 12px; */
  }

  .footer-rightContent-outer{
    display: grid;
    grid-template-rows: auto auto;
    justify-content: unset;
  }

  .footer-rightContent-outer li:first-child{
    grid-column: 1 /2;
    max-width: unset !important;
  }

  .footer-rightContent-outer li:nth-child(2){
    grid-column: 2 /3;
    grid-row: 1 / 3;
    max-width: unset !important;
  }
  .footer-rightContent-outer li:nth-child(4){
    grid-column: 1 /2;
    max-width: unset !important;
  }
  .footer-rightContent-outer li:nth-child(5){
    grid-column: 2 /3;
    max-width: unset !important;
  }

  .footer-bottom div:first-child{
    padding-bottom: 0px !important;
    margin-bottom: 20px;
    border-image-source: linear-gradient( 270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.23) 54.17%, rgba(255, 255, 255, 0) 100% );
    border-image-slice: 1;
    width: 100%;
  }
  .charged-withlove{
    align-self:center !important;
    padding: 15px 0;
  }
  .charged-withlove p{
    padding-bottom: 0 !important;
  }
  .footer-bottom{
    padding-bottom: 6px;
  }
  .future-left span.mainSub-title{
    display: none;
  }
  .future-left h2.mainTitle{
    display: none;
  }
  .future-right span.mainSub-title{
    display: block;
    margin-top: 50px;
    font-size: 14px;

  }
  .future-right h2.mainTitle{
    display: block;
    margin-top: 10px;
  }
  .future-left{
    order: 2;
    margin-top: 40px;
  }

}

@media only screen and (max-width: 480px){
  .uno-circle .product-banner-wrapper img{
    width: 60%;
  }
  .uno-circle .product-banner{
    padding-bottom: 70px;
  }
  .ccs-main .main-banner {
    padding-bottom: 165px;
  }
  .ccs-main .pillar-product-banner-wrapper {
    top: 174px;
  }
  .ad_wall .ad_wall_banner_content{
    width: 55%;
  }
  .ad_wall .ad_wall_banner_content a {
    margin-top: 0;
    height: 44px;
    font-size: 11px;
  }
  .about-banner{
    /* background-image: url("../images/aboutBanner-image.svg") !important; */

  }
}
@media only screen and (max-width: 411px){
  .uno-pillar-main .pillar-product-banner-wrapper {
    top: 195px;
  }
  .ccs-main .overview-right{
    margin-top: 10px;
  }
  .ccs-main .pillar-product-banner-wrapper img {
    max-width: unset;
    max-width: 95% !important;
  }
}
@media only screen and (max-width: 399px){
  .uno-pillar-main .pillar-product-banner-wrapper {
    top: 224px;
  }
}
@media only screen and (max-width: 390px){
  .uno-circle .product-banner{
    padding-bottom: 40px;
  }
  .ccs-main .main-banner {
    padding-bottom: 125px;
  }
  .thankyou-content {
    padding-top: 400px;
  }
  .thankyou-img {
    /* width: 55%; */
    width: 190px;
  }
}

@media only screen and (max-width: 375px){
  .uno-pillar-main .pillar-product-banner-wrapper {
    top: 215px;
  }
  .uno-pillar-main .main-banner{
    padding-bottom: 102px !important;
  }
}
@media only screen and (max-width: 347px){
  .ccs-main .pillar-product-banner-wrapper {
    top: 202px;
  }
  .ccs-main .main-banner {
    padding-bottom: 82px;
  }
  .ccs-main .overview-right {
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 1326px) and (min-width: 992px){
  .ccs-main .dc-product-banner-wrapper img {
      max-width: 100%;
  }
}

/* ui issues end */



.ccs-main .product-banner-content h1, .uno-circle .product-banner-content h1, .uno-pillar-main .product-banner-content h1{
  display: inline-block;
  position: relative;
}
.ccs-main .product-banner-content, .uno-circle .product-banner-content, .uno-pillar-main .product-banner-content{
  text-align: left;
}



.footer-rightContent-outer > li.foot-products-wrap{
  max-width: 40%;
  flex: 0 0 40%;
}
.product-solu-list{
  display: flex;
  justify-content: space-between;
}
.foot-nav-subtitle{
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #838383;
  text-transform:capitalize;
  margin-top: 22px;
  margin-bottom: 8px;
}
.footer-rightContent-list > li + li:has(a){
  margin-top: 0;
}

.footer-rightContent-list > li:has(h4){
  margin-bottom: 12px;
}
footer{
  padding-bottom: 0;
}
.footer-bottom div:first-child{
  padding-bottom: 50px;
}
.footer-bottom{
  align-items: flex-start;
}
.charged-withlove p{
  /* align-self: flex-end; */
  font-weight: 400;
  font-size: 10.9677px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  background: linear-gradient(281.19deg, #0A0F27 -22.5%, #FFFFFF 19.87%, #E88B76 55.55%, #E55059 102.75%, #0A0F27 150.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-shadow: 0px 7.31183px 36.5591px rgba(255, 255, 255, 0.25);
  padding-bottom: 6px;
  text-align: center;
}
.charged-withlove p img{
  margin-bottom: -2px;
}

.charged-withlove{
  /* display: contents; */
  align-self: flex-end;
}


/* .dropdown .dropdown-menu li a {
  pointer-events:all;
}
.show-dropdown.dropdown .dropdown-menu li a {
  pointer-events: none;
} */