.footer-bottom {
  padding: 0px 0;
}

.footer-bottom p {
  color: ghostwhite;
}





/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
menu,
nav,
section {
  display: block;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  font-family: "Equip-Regular" !important;
  --blue: #053d6c;
  --yellow: #f5d220;
  --orange: #f17b20;
}

/* *{border: 1px solid red;} */
html,
body {
  scroll-behavior: smooth;
}


img {
  max-width: 100%;
}

:focus {
  outline: 0;
}

::-moz-focus-inner {
  border: 0;
}

a {
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: all ease 0.4s;
  -webkit-transition: all ease 0.4s;
}

a:hover {
  color: #2375ad;
  text-decoration: none;
}

strong {
  font-weight: 700  !important;
}

textarea,
select,
input[type="text"],
input[type="button"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
  font-family: 'Equip-Regular' !important;
}

.verticalCenter {
  display: table;
  width: 100%;
  height: 100%;
}

.verticalInner {
  display: table-cell;
  vertical-align: middle;
}

/*::-webkit-input-placeholder{color:#000000; opacity:1;}
:-moz-placeholder{color:#000000; opacity:1;}
::-moz-placeholder{color:#000000; opacity:1;}
:-ms-input-placeholder{color:#000000; opacity:1;}*/
select option {
  color: #000;
}

select::-ms-expand {
  display: none;
}


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px 0px;
  font-weight: normal !important;
  /* font-family: "Equip-bold"; */
}

h1 {
  font-size: 2.25rem;
  ;
  clear: both;
}

h2 {
  font-size: 2rem;
  ;
  clear: both;
}

h3 {
  font-size: 1.75rem;
  ;
  clear: both;
}

h4 {
  font-size: 1.5rem;
  clear: both;
}

h5 {
  font-size: 1.25rem;
  clear: both;
}

h6 {
  font-size: 1.15rem;
  clear: both;
}

p {
  margin: 0;
  clear: both;
}

select:focus {
  outline: none;
}

ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

/*font-family: 'Source Sans 3';*/

.title>*,
.title {
  line-height: 1;
  font-weight: 600 !important;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  font-family: Fira Sans !important;
  font-size: 15px;
  font-weight: 400 !important;
  color: #272727;
  background: #fff;
}

body * {
  box-sizing: border-box;
}

.container {
  width: 920px;
  margin: auto;
}

.commanHeading {
  color: #2D3393;
  font-size: 42px;
  font-weight: 500 !important;
  line-height: 134%;
  text-transform: uppercase;
  font-family: Fira Sans !important;
}

header {
  width: 100%;
  position: relative;
}

header .header-lavel-one {
  /* width: 90%; */
  padding: 15px 5% 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .logo {
  width: 60%;
  max-width: 300px;
}

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

header .search-section .search {
  width: 327px;
  position: relative;
}

header .search-section .search input {
  width: 100%;
  height: 36px;
  padding: 0 40px 0 15px;
  font-size: 16px;
  border-radius: 231px;
  border: 0.5px solid #9A9A9A;
  box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.10);
  font-family: 'Roboto', sans-serif !important;
}

header .search-section .search span {
  position: absolute;
  right: 15px;
  top: 7px;
  cursor: pointer;
}

header .poweredby {
  color: #000;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px;
  font-weight: 700 !important;
  margin-left: 30px;
  position: relative;
}

header .poweredby.poweredbyhome {
  font-size: 22px;
  font-weight: 900 !important;
}

header .poweredby::after {
  content: ".";
  position: absolute;
  color: #000;
  top: -6px;
  right: 24%;
  font-size: 28px;
  font-weight: 700 !important;
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 0px;
}

header .poweredby.poweredbyhome::after {
  top: -13px;
  right: 20.5%;
  font-size: 34px;
  font-weight: 900 !important;
}

header .poweredby img {
  position: relative;
  top: 2px;
}


nav {
  padding: 10px 0;
  background: url(/nav-bg.png) left top repeat-x;
  width: 100%;
}

.topheader2 {
  width: 100%;
  position: relative;
  z-index: 98;
}

.topheader2.stick {
  position: fixed;
  z-index: 90;
  top: 0;
  box-shadow: 0 3px 5px rgba(113, 100, 100, 0.6);
}


nav ul {
  display: flex;
  justify-content: center;
  position: relative;
}


nav ul li {
  width: auto;
  padding: 14px 65px;
  list-style: none;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  position: relative;
}

nav ul li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 47%;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #2D3393;
}

nav ul li:last-child {
  padding-right: 0;
}

nav ul li:first-child {
  padding-left: 0;
}

nav ul li:last-child:after {
  display: none;
}

nav ul li::before {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #C9C9C9;
}

nav ul li a {
  color: #000;
  font-family: Fira Sans !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal;
  text-transform: capitalize;
  display: inline-block;
  position: relative;
}

nav ul li a:hover,
nav ul li a.active {
  color: #2D3393;
  transition: all 0.5s ease 0s;
}

nav ul li a.active {
  font-weight: 700 !important;
}


nav ul li a span {
  width: 0px;
  height: 3px;
  position: absolute;
  background: #2D3393;
  transition: all 0.5s ease 0s;
  left: 0px;
  right: 0px;
  margin: auto;
  bottom: -10px;
}

nav ul li a:hover span,
nav ul li a.active span {
  width: 100%;
  transition: all 0.5s ease 0s;
}


.bip-section {
  width: 100%;
  background-image: url(/bip-let-partical.png), url(/bip-right-partical.png);
  background-position: left bottom, right top;
  background-repeat: no-repeat, no-repeat;
  background-color: #000;
  padding: 130px 0 70px;
  position: relative;
  margin-top: -5px;
}

.bip-section h1 {
  color: #FFF;
  text-align: center;
  font-family: Fira Sans !important;
  font-size: 42px;
  font-weight: 500 !important;
  line-height: 134%;
  text-transform: uppercase;
}

.bip-program {
  display: flex;
  justify-content: space-between;
  margin: 80px 0;
}

.bip-program li {
  text-align: center;
}

.bip-program li h3 {
  margin-top: 20px;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 400 !important;
  line-height: 134%;
  text-transform: uppercase;
}

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

.technologyTools span {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-weight: 700 !important;
  line-height: 164.5%;
  text-transform: capitalize;
  margin-right: 10px;
}

.technologyTools a {
  margin: 0 5px;
}

.technologyTools img {
  border-radius: 12px;
}

.deshboard-section {
  width: 100%;
  height: 570px;
  padding: 130px 0 70px;
  background: #E9E9E9 url(/deshboard-bg.png) center top no-repeat;
  background-size: 100% 100%;
}

.deshboard-section .container {
  position: relative;
}

.deshboard-vector {
  width: 421px;
  height: 269px;
  position: absolute;
  right: 0;
  top: -45px;
  background: url(/deshboard-vector2.png), rgb(34, 29, 29) 50% / cover no-repeat;
  mix-blend-mode: darken;
}



.deshboard-detail {
  width: 100%;
  padding: 200px 60px 70px 10px;
  position: relative;
}


.deshboard-detail:after {
  position: absolute;
  content: '';
  border: 1px dashed #2D3393;
  width: 100%;
  left: 0;
  z-index: 1;
}

/* .roiBox{
  position: relative;
} */
.roiBox {
  padding: 12px;
  display: inline-block;
  border-radius: 8px;
  background: #464866;
  color: #FFF;
  text-align: center;
  font-family: Fira Sans !important;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: normal;
  text-transform: uppercase;
  position: absolute;
  top: -153px;
  left: 26%;
}

.roiBox::after {
  content: "";
  width: 110px;
  height: 100%;
  border-top: 1px dashed #2D3393;
  position: absolute;
  display: inline-block;
  transform: rotate(90deg);
  left: 8%;
  top: 77px;
  z-index: 1;
}

.deshboard-detail ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.deshboard-detail ul li {
  position: relative;
  width: 100%;
}

.deshboard-detail ul li span.text {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  top: 23px;
  color: #000;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 101.5%;
  text-transform: uppercase;
}

.deshboard-detail ul li span.text.pos2 {
  top: -35px;
}

.deshboard-detail ul li:after {
  position: absolute;
  content: '';
  background: url(/dashboard-dots.png) no-repeat;
  width: 21px;
  height: 21px;
  left: 0;
  right: 0;
  margin: auto;
  top: -10px;
  z-index: 1;
}

.deshboard-detail ul li .overlay-box {
  width: 240px;
  position: absolute;
  border-radius: 10px;
  background: linear-gradient(180deg, #2D3393 0%, #20268A 100%);
  box-shadow: 19px 14px 24px 0px rgba(0, 0, 0, 0.11);
  text-align: center;
  padding: 18px 15px 10px 15px;
  z-index: 2;
  top: -100px;
  left: 0;
  opacity: 0;
  transition: .6s
}

.deshboard-detail ul li .overlay-box img {
  width: 70px;
}

.deshboard-detail ul li .overlay-box .overlay-points img {
  width: auto;
}

.deshboard-detail ul li:hover .overlay-box {
  opacity: 1;
  transition: 0.6s;
}

.deshboard-detail ul li .overlay-box h4 {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 101.5%;
  text-transform: uppercase;
  text-align: left;
  margin: 10px 0;
}

.deshboard-detail ul li .overlay-box p {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 142.5%;
  display: flex;
  text-align: left;
  margin: 5px 0;
  text-transform: capitalize;
}

.deshboard-detail ul li .overlay-box p i {
  margin-right: 5px;
}

.businessVertical {
  width: 100%;
  padding-top: 60px;
  background-image: url(/msb-left-partical.png), url(/msb-right-partical.png);
  background-position: left bottom, right -18px;
  background-repeat: no-repeat, no-repeat;
  background-color: #fff;
  background-size: auto 100%;
}

.businessVertical h2 {
  text-align: center;
}

.businessVertical .bv-boxes {
  display: flex;
  margin-top: 40px;
  flex-direction: column;
  flex-flow: wrap;
}

.businessVertical .bv-boxes li {
  width: 18%;
  margin: 1%;
  border-radius: 19px;
  background: #2D3393;
  box-shadow: 0px 2px 26px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.6s;
  text-align: center;
}

.businessVertical .bv-boxes li a {
  color: #fff;
  display: block;
  padding: 20px;
}

.businessVertical .bv-boxes li img {
  filter: brightness(10) saturate(100%);
}

.businessVertical .bv-boxes li:hover {
  transition: 0.6s;
  background: #fff;
}

.businessVertical .bv-boxes li:hover img {
  filter: brightness(1) saturate(100%);
}

.businessVertical .bv-boxes li:hover a {
  color: #2D3393;
}

.businessVertical .bv-boxes li p {
  display: block;
  margin-top: 10px;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 101.5%;
  text-transform: uppercase;

}

.faq-section {
  padding-top: 130px;
}

.faqAccordion {
  margin-top: 20px;
  border-top: 1px dashed #7d7d7d;
}

.faqAccordionBox {
  /* border-top: 1px dashed #7d7d7d; */
  border-bottom: 1px dashed #7d7d7d;
  /* margin-bottom: 20px; */
}

.faqAccordionBox .faqHeading {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 164.5%;
  padding: 25px;
  text-transform: capitalize;
  background: #F9F9F9;
  position: relative;
  cursor: pointer;
}

.faqAccordionBox .faqHeading::after {
  position: absolute;
  right: 3%;
  content: "+";
  width: 25px;
  height: 25px;
  border-radius: 6px;
  background: #2D3393;
  color: #fff;
  text-align: center;
  font-size: 20px;
}

.faqAccordionBox .faqHeading.active::after {
  content: "-";
}

.faqAccordionBox .faqContent {
  padding: 10px 20px 20px;
  display: none;
}

.faqAccordionBox .faqContent p {
  font-size: 15px;
  line-height: 24px;
}

.contactSection {
  padding: 80px 0 70px;
}

.contactBox {
  width: 96%;
  margin: 0 2%;
  height: 230px;
  border-radius: 10px;
  box-shadow: 19px 14px 24px 0px rgba(0, 0, 0, 0.11);
  background: url(/contact-bg.png) center top no-repeat;
  background-size: 100% 100%;
  padding: 50px 10%;
  text-align: center;
}

.contactBox h2 {
  color: #fff;
  margin-bottom: 15px;
}

.contactBox p {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 164.5%;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
}

.contactBox p i {
  margin-right: 5px;
}

footer {
  background: #000;
  padding: 30px 0;
  text-align: center;
  /* margin-top: 70px; */
}

.copyright {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}



.banner-section {
  width: 100%;
  position: relative;
}

.banner-section img {
  width: 100%;
}

.banner-section .swiper-slide {
  position: relative;
}

.slider-cta {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 0;
  right: 0;
}

.autoplay-progress {
  position: relative;
  z-index: 10;
  cursor: pointer;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #29C4F8;
}

.autoplay-progress:before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  border: 4px solid #DCE3E5;
  border-radius: 100%;
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: #49FBDF;
  fill: none;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

.autoplay-progress span {
  z-index: 20;
  border: 0;
  background: transparent;
  box-sizing: border-box;
  width: 0;
  height: 0.875rem;
  font-size: 0;
  line-height: 0;
  border-color: transparent transparent transparent #202020;
  transition: 100ms all ease;
  cursor: pointer;
  border-style: solid;
  /* border-width: 0.4375rem 0 0.4375rem 0.875rem; */
}

.autoplay-progress span:hover {
  border-color: transparent transparent transparent #404040;
}

.autoplay-progress.autoplaying span {
  border-style: double;
  /* border-width: 0px 0 0px 0.875rem; */
}

.swiper-next,
.swiper-prev {
  position: absolute;
  height: 35px;
  width: 35px;
  background-color: transparent;
  display: inline-grid;
  opacity: 0.9;
  place-content: center;
  user-select: none;
  cursor: pointer;
}

.swiper-next {
  right: 10px;
}

.swiper-prev {
  left: 10px;
}

/* ajay */
.banner-components1 {
  position: absolute;
  inset: 64px 11% 64px auto;
  /* width: 50%;
  height: 100%; */
  width: 630.726px;
  /* height: 466.001px; */
  min-height: 330px;
  display: block;
  /* border: 1px solid green; */
}

.mobile-with-graphs {
  width: 29%;
  top: 12.5%;
  position: absolute;
}

.card-svg {
  width: 16.66%;
  position: absolute;
  top: 0;
  right: 36%;
}

.bar-chart-svg {
  width: 31.2%;
  position: absolute;
  right: 3%;
  top: 11%;
}

.robot-svg {
  width: 30.95%;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  /* right: 35%; */
  top: 32%;
}

.robot-svg:after {
  content: "";
  position: absolute;
  display: block;
  width: 63.999px;
  height: 13.001px;
  background-color: #2534C1;
  opacity: 0.4;
  border-radius: 100%;
  mix-blend-mode: color-burn;
  right: 50%;
  bottom: -30px;
  transform: translateX(50%);
}

.settings-svg {
  width: 21.13%;
  position: absolute;
  right: 3%;
  top: 60%;
}

.circle-svg {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  width: 51.13%;
  top: 10%;
}

.robot-head {
  animation: tiltImage 2s linear infinite;
}

.mac-dot1,
.mac-dot2,
.mac-dot3,
.activeIndication {
  animation: fadeInOut 1s ease-in infinite;
}

.mac-dot2 {
  animation-duration: 2s;
}

.mac-dot3 {
  animation-duration: 3s;
}

.bar-anim {
  animation: barAnim 7s ease-in-out infinite;
  transform-origin: center;
}

.inIcon {
  animation: inIcon 2s linear infinite;
}

/* .bar-anim{
  animation: zoomInout 4s ease-in-out infinite;
} */
.cog-rotation {
  animation: rotation 10s linear infinite;
  transform-origin: center;
}

/* .circle1-inmob{
  animation: rotation 10s linear infinite;
  transform-origin: 20px 10px;
  position: relative;
} */
/* .circle2-inmob{
  animation: rotation 10s linear infinite;
  transform-origin: center ;
} */
.banner-components2 {
  position: absolute;
  top: 17.2%;
  right: 5.93%;
  width: 54.3%;
  height: 58.8%;
  /* border: 1px solid red; */
}

.banner-components2 .gear {
  /* border: 1px solid red; */
  aspect-ratio: 1;
  /* width: 12.5%; */
  position: absolute;
  display: grid;
  place-content: center;
  /* padding: 50%; */
  /* box-sizing: border-box; */
}

.gear8:before,
.gear1:before,
.gear3:before,
.gear5:before,
.gear7:before {
  animation: rotation2 10s linear infinite;
}

.gear2:before,
.gear4:before,
.gear6:before {
  animation: rotation 10s linear infinite;
}

.banner-components2 .gear:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform-origin: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='267' height='266' viewBox='0 0 267 266' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M141.641 0C146.654 0 151.097 3.23762 152.609 8.00265L158.61 26.88C159.742 30.4375 162.556 33.179 166.122 34.3474C171.063 35.9728 175.84 37.9506 180.421 40.2613C183.772 41.9519 187.718 42.0041 191.056 40.2809L208.712 31.1555C213.168 28.8513 218.6 29.6934 222.153 33.2247L233.658 44.6869C237.205 48.2183 238.049 53.636 235.732 58.0747L226.544 75.7184C224.817 79.0343 224.869 82.9573 226.557 86.2994C228.854 90.8425 230.831 95.5749 232.447 100.47C233.618 104.021 236.367 106.835 239.947 107.957L258.97 113.963C263.754 115.471 267 119.896 267 124.896V141.104C267 146.104 263.748 150.523 258.97 152.037L239.862 158.069C236.295 159.191 233.546 161.992 232.369 165.536C230.752 170.386 228.789 175.079 226.505 179.583C224.81 182.925 224.758 186.855 226.485 190.177L235.726 207.932C238.036 212.364 237.198 217.788 233.651 221.32L222.147 232.782C218.6 236.313 213.162 237.155 208.705 234.851L190.84 225.615C187.509 223.898 183.569 223.944 180.218 225.621C175.716 227.88 171.031 229.825 166.188 231.418C162.634 232.586 159.82 235.328 158.682 238.885L152.602 257.997C151.084 262.762 146.647 266 141.634 266H125.366C120.353 266 115.909 262.762 114.398 257.997L108.318 238.885C107.186 235.328 104.372 232.586 100.812 231.418C95.9695 229.818 91.2839 227.88 86.7815 225.621C83.431 223.944 79.4914 223.891 76.1604 225.615L58.295 234.851C53.8385 237.155 48.4068 236.313 44.8534 232.782L33.3488 221.32C29.8019 217.788 28.9577 212.37 31.2743 207.932L40.5146 190.177C42.2423 186.855 42.1899 182.925 40.495 179.583C38.2111 175.079 36.2479 170.386 34.6315 165.536C33.4535 161.998 30.705 159.198 27.1385 158.069L8.02964 152.037C3.24589 150.529 0 146.104 0 141.104V124.896C0 119.896 3.25243 115.477 8.02964 113.963L27.0534 107.957C30.6265 106.828 33.3815 104.021 34.5529 100.47C36.1693 95.5749 38.1457 90.8425 40.4426 86.2994C42.131 82.9639 42.1834 79.0343 40.4557 75.7184L31.2678 58.0682C28.9577 53.6295 29.7954 48.2117 33.3423 44.6804L44.8468 33.2182C48.3938 29.6803 53.8319 28.8448 58.2885 31.149L75.951 40.2809C79.2885 42.0041 83.2346 41.9519 86.5852 40.2613C91.1661 37.9506 95.9368 35.9662 100.878 34.3474C104.438 33.179 107.252 30.4375 108.384 26.88L114.385 8.00265C115.903 3.23762 120.34 0 125.353 0H141.621H141.641ZM133.507 67.6244C97.2652 67.6244 67.8887 96.8934 67.8887 132.997C67.8887 169.1 97.2652 198.369 133.507 198.369C169.748 198.369 199.124 169.1 199.124 132.997C199.124 96.8934 169.748 67.6244 133.507 67.6244Z' fill='%23565CBD'/%3E%3C/svg%3E%0A");
}

.banner-components2 .gear1 {
  width: 12.5%;
  top: 35%;
}

.banner-components2 .gear2 {
  width: 10.8%;
  left: 11.5%;
  top: 42.75%;
}

.banner-components2 .gear3 {
  top: 50.2%;
  width: 9.4%;
  left: 21.4%;
}

.banner-components2 .gear4 {
  width: 16.3%;
  left: 28%;
  top: 22%;
}

.banner-components2 .gear5 {
  top: 16.5%;
  width: 27.7%;
  left: 43.2%;
}

.banner-components2 .gear6 {
  width: 16.3%;
  left: 69%;
  top: 23%;
}

.banner-components2 .gear7 {
  width: 13.7%;
  left: 78%;
  top: -3.5%;
}

.banner-components2 .gear8 {
  width: 16.3%;
  left: 83.5%;
  top: 32.25%;
}

.banner-components2 .gear img {
  width: 30%;
  aspect-ratio: 1;
  /* border: 1px solid red; */
  object-fit: fill;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* .banner-components2 .gear img{
  width:40px;
}
.banner-components2 .gear img{
  width:50px;
}
.banner-components2 .gear5 img{
  width:80px;
} */

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotation2 {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes inIcon {
  0% {
    transform: translateY(0);
  }

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

  100% {
    transform: translateY(0);
  }
}

@keyframes tiltImage {
  0% {
    transform: rotate(3deg);
    transform-origin: center;
  }

  50% {
    transform-origin: center;
    transform: rotate(-3deg);
  }

  100% {
    transform-origin: center;
    transform: rotate(3deg);
  }
}

@keyframes zoomInout {
  0% {
    transform: scale(.5);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(.5);
  }
}

@keyframes fadeInOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes barAnim {
  0% {
    transform: scaleY(0);
  }

  50% {
    transform: scaleY(1);
  }

  100% {
    transform: scaleY(0);
  }
}

.bar-anim2 {
  animation: fillAnim .5s, barAnim 2s ease-in-out infinite;
  transform-origin: center 90px;
}

.bar-anim2.bar1 {
  transform-origin: center 90px;
}

.bar-anim2.bar3 {
  transform-origin: center 105px;
}

.bar-anim2.bar4 {
  transform-origin: center 120px;
}

.bar-anim2.bar6 {
  transform-origin: center 80px;
}

.bar-anim2.bar7 {
  transform-origin: center 75px;
}

@keyframes fillAnim {
  0% {
    /* fill: none; */
    opacity: 0;
  }

  100% {
    /* fill: red; */
    opacity: 1;
  }
}

/* ajay end */
.banner-content {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  
}

.banner-content h1 {
  color: #FFF;
  font-size: 70px;
  font-weight: 700 !important;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-family: Fira Sans !important;
}

.banner-content a {
  width: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: #FDFEFF;
  height: 52px;
  color: #2230E3;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 134%;
  text-transform: uppercase;
}

.banner-content a:hover {
  background: #2230E3;
  color: #fff;
}



/* Dashborad Page CSS */
.breadvrumb {
  background-color: #F9F9F9;
  padding: 28px 0;
}

.breadvrumb ul {
  display: flex;
}

.breadvrumb ul>li {
  position: relative;
  color: #2D3393;
  font-weight: 600;
  padding: 0 15px;
  text-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
  line-height: 20px;
}

.breadvrumb ul>li:first-child {
  padding-left: 0;
}

.breadvrumb ul>li:before {
  content: "\f105";
  font-family: 'FontAwesome' !important;
  position: absolute;
  left: -2px;
  top: 0;
}

.breadvrumb ul>li:first-child:before {
  display: none;
}

.breadvrumb ul>li>a {
  font-size: 16px;
  color: #000;
  font-weight: 400;
}

.breadvrumb ul>li>a:hover {
  color: #2D3393;
}

.innerpage_section {
  position: relative;
  min-height: 800px;
  padding-bottom: 70px;
}

.corner {
  position: absolute;
  left: 0;
  bottom: 0;
  filter: invert(100);
  mix-blend-mode: luminosity;
  opacity: .45;
  pointer-events: none;
  z-index: 1;
}

.corner.right {
  left: auto;
  right: 0;
}

.dashboard_section {
  position: relative;
  z-index: 2;
}

.heading_block {
  padding-bottom: 40px;
  text-align: center;
}

.heading_block h2 {
  font-size: 42px;
  color: #2D3393;
  font-weight: 500;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.heading_block p {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  line-height: 28px;
}

.vertical_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}

.vertical_list li {
  text-align: center;
}

.vertical_list li .inner {
  background-color: #fff;
  border-radius: 19px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  height: 100%;
  padding: 10px 10px 20px;
}

.vertical_list li .inner p {
  font-size: 16px;
  color: #2D3393;
  font-weight: 700;
  margin: 5px 0;
}

.vertical_list li img {
  width: 90px;
}

.pagination {
  display: flex;
  justify-content: center;
  padding-top: 100px;
}

.pagination ul {
  display: flex;
}

.pagination ul li.prev a,
.pagination ul li.next a {
  width: auto;
  color: #2D3393;
  font-size: 20px;
  margin-right: 10px;
}

.pagination ul li.next a {
  margin: 0 0 0 10px;
}

.pagination ul li a {
  width: 44px;
  float: left;
  line-height: 44px;
  border-radius: 100%;
  color: #A2A2A2;
  font-size: 23px;
  font-weight: 400;
  text-align: center;
  margin: 0 2px;
}

.pagination ul li.active a {
  background-color: #2D3393;
  color: #fff;
}

.pagination ul li:hover a {
  background-color: #2D3393;
  color: #fff;
}

.pagination ul li.next:hover a,
.pagination ul li.prev:hover a {
  background: unset;
  color: unset;
}

.search_dashboard {
  padding: 50px 0;
}

.search_box {
  display: flex;
  max-width: 688px;
  margin: auto;
  flex-wrap: wrap;
  width: 100%;
}

.custom_dropdown {
  position: relative;
  width: 33%;
}

.selected_value {
  padding: 0 40px 0 25px;
  cursor: pointer;
  background-color: #2D3393;
  color: #fff;
  position: relative;
  border-radius: 35px;
  line-height: 60px;
  font-size: 16px;
  font-weight: 400;
}

.selected_value:after {
  content: url(/dropdown-icon.png);
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}

.dropdown_options {
  display: none;
  position: absolute;
  max-height: 500px;
  background-color: #fff;
  border-radius: 19px;
  border: 1px solid #9A9A9A;
  padding: 20px;
  left: 0;
  top: 120%;
  min-width: 445px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .4);
}

.dropdown_options ul li {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #373737;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 10px 0;
}

.dropdown_options ul li:last-child {
  padding-bottom: 0;
}

.dropdown_options ul li span {
  padding-left: 10px;
}

.search_input {
  width: 67%;
  position: relative;
  padding-left: 20px;
}

.search_input .form-control {
  width: 100%;
  height: 60px;
  border: 1px solid #9A9A9A;
  border-radius: 30px;
  padding: 0 60px 0 25px;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  box-shadow: 0 0 10px rgba(0, 0, 0, .15);
  font-family: Fira Sans !important;
}

.search_input .icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
  padding: 0 20px 0 0;
}


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

.coming_soon h1 {
  font-size: 42px;
  color: #2D3393;
  text-transform: uppercase;
  font-weight: 500;
}


.downArrow {
  width: 40px;
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99;
}

.scrolldown {
  text-align: center;
  position: relative;
  color: #fff;
  width: 25px;
  height: 40px;
  margin-left: 2px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
  margin-bottom: 16px;
  z-index: 1100;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1;
  display: inline-block;
}

.scrolldown::before {
  content: "";
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  animation: scrolldown-anim 2s infinite;
  box-sizing: border-box;
  box-shadow: 0px -5px 3px 1px rgba(255, 255, 255, .4);
}

.chevrons {
  padding: 6px 0 0 0;
  margin-left: -3px;
  margin-top: 40px;
  width: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.chevrondown {
  margin-top: -6px;
  position: relative;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}

.chevrondown:nth-child(odd) {
  animation: pulse 500ms ease infinite alternate;
}

.chevrondown:nth-child(even) {
  animation: pulse 500ms ease infinite alternate 250ms;
}


@keyframes scrolldown-anim {
  0% {
    opacity: 0;
    height: 6px
  }

  40% {
    opacity: 1;
    height: 10px
  }

  80% {
    transform: translate(0, 20px);
    height: 10px;
    opacity: 0
  }

  100% {
    height: 3px;
    opacity: 0
  }
}

@keyframes pulse {
  from {
    opacity: 0
  }

  to {
    opacity: .5
  }
}

@media (max-width: 1440px) {
  .corner img {
    width: 550px;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 1200px;
  }

  /* .banner-components1{
    inset: 48px 4% 64px auto;
  } */
}

/* *{border: 1px solid red;} */
@media (min-width: 1024px) and (max-width: 1200px) {

  .banner-section .swiper-slide>img {
    width: 100%;
    height: 450px;
    object-fit: cover;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .bip-program li img {
    width: 75px;
  }

  .bip-program li img,
  .businessVertical .bv-boxes li a img {
    width: 60px;
    aspect-ratio: 1;
    object-fit: contain;
  }

  .banner-components1 {
    max-width: 520px;
  }

  .banner-components1 svg {
    width: 100%;
  }

  .technologyTools span,
  .deshboard-detail ul li .overlay-box h4,
  .bip-program li h3,
  .businessVertical .bv-boxes li p {
    font-size: 16px;
  }

  .bip-section h1,
  .commanHeading {
    font-size: 34px;
  }

  .banner-content h1 {
    font-size: 60px;
  }

  .technologyTools img {
    height: 40px;
    width: 127px;
    display: inline-block;
  }

  .banner-content a {
    width: 184px;
    height: 38px;
  }

  .roiBox {
    padding: 10px;
  }
}


/**************Vendor Connect******************/

.vendor-homescreen {
  width: 100%;
  height: 100vh;
  background: url(/vendor-home-bg.jpg) left top / 100% 100% no-repeat;
}

.form-car-section {
  display: flex;
  padding: 100px 0 0 0;
  justify-content: space-between;
}

.left-form-section {
  width: 40%;
}

.left-form-section h2 {
  text-align: center;
}

.left-form-section h2 img {
  width: 90%;
}

.vendor-form {
  background-color: #fbfbfb;
  border-radius: 8px;
  border: 1px solid #cfd1e0;
  padding: 30px;
  margin-top: 12px;
}

.vendor-form h3 {
  font-size: 28px;
  color: #000;
  font-weight: 500;
}

.vendor-form p {
  font-size: 15px;
}

.vendor-form .form-col {
  width: 100%;
  margin-top: 20px;
}

.vendor-form .form-col label {
  width: 100%;
  font-size: 18px;
  color: #000;
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
}

.vendor-form .form-col input {
  width: 100%;
  border: 1px solid #cfd1e0;
  background-color: #eeeeee;
  border-radius: 8px;
  color: #909090;
  font-size: 20px;
  padding: 10px 15px;
  height: 50px;
  font-family: Fira Sans !important;
}

.vendor-form .form-col input[type=password] {
  font-size: 30px;
  color: #615a5a;
}

.vendor-form .form-col button,
.vendor-form .form-col a {
  display: flex;
  align-items: center;
  background-color: #000;
  border: 0;
  width: 100%;
  border-radius: 8px;
  height: 52px;
  padding-left: 12px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  font-family: Fira Sans !important;
  cursor: pointer;
  transition: 0.6s;
  position: relative;
}

.vendor-form .form-col button:after,
.vendor-form .form-col a:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  border-radius: 100%;
  right: 10px;
  top: 6px;
  background-color: #4A4949;
  background-image: url(/login-form-arrow.png);
  background-position: center center;
  background-repeat: no-repeat;
  transition: 0.6s;
}

.vendor-form .form-col button:hover,
.vendor-form .form-col a:hover {
  background-color: #2D3393;
  transition: 0.6s;
}

.vendor-form .form-col button:hover:after,
.vendor-form .form-col a:hover:after {
  background-color: #fff;
  background-image: url(/login-form-arrow-hover.png);
}

.vendor-form .form-col button img,
.vendor-form .form-col a img {
  width: 49px;
}

.form-car-section .carparts {
  width: 55%;
  margin-top: 20px;
  margin-right: -8%;
}

.form-car-section .carparts img {
  width: 100%;
}


.typekey {
  width: 50%;
  position: relative;
  margin: auto;
  margin-top: 15px;
}

.typekey input {
  width: 100%;
  border: 1px solid #E4E4E4;
  background-color: #fff;
  border-radius: 20px;
  color: #1C1F24;
  font-size: 14px;
  padding: 10px 90px 10px 20px;
  height: 55px;
  font-family: Fira Sans !important;
}

.typekey span {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #000;
  height: 55px;
  border-radius: 0 20px 20px 0;
  width: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.6s;
}

.typekey span:hover {
  background-color: #2D3393;
}

.loginSec {
  margin-left: 25px;
  padding-left: 20px;
  position: relative;
}

.loginSec::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 70%;
  background: #D9D9D9;
  display: inline-block;
  top: 7px;
  left: 0;
}

.loginBg-box {
  position: relative;
  padding: 10px;
  transition: 0.6s;
}

.loginBg-box.active {
  background: #FAFAFA;
  box-shadow: 0 0 10px #ccc;
  border-radius: 10px 10px 0 0;
  transition: 0.6s;
}



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

.loginSec .loginName {
  font-size: 16px;
  font-weight: 400;
  color: #2D3393;
  margin-left: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.loginSec .loginName span {
  display: inline-block;
  line-height: 10px;
  margin-left: 7px;

}

.loginSec .loginName span img {
  transition: 0.6s;
}

.loginSec .loginName span.active img {
  transform: rotate(180deg);
  transition: 0.6s;
}

.login-dropdown {
  position: absolute;
  width: 100%;
  background: #FAFAFA;
  top: 55px;
  z-index: 99;
  padding: 10px 0px;
  left: 0;
  box-shadow: 0px 7px 10px #ccc;
  text-align: center;
  border-radius: 0 0px 10px 10px;
  cursor: pointer;
  display: none;
}

.login-dropdown span {
  display: inline-block;
  border-top: 1px solid #d0d0d0;
  width: 90%;
  padding-top: 10px;
}

/********AJ*********/
.swiper-slide .top-lights {
  mix-blend-mode: plus-lighter;
  /* display: none; */
}

.swiper-slide svg .hanging-lamps {
  transform-origin: 50% 50%;
  /* anything other than `0 0` to see the effect */
  transform-box: fill-box;
  animation: tilt 2s ease-in-out infinite alternate;
}

.swiper-slide svg .hanging-lamps:nth-child(odd) {
  animation: tilt 1.5s ease-in-out infinite alternate;

}

.swiper-slide .top-lights .socket-round-glow {
  /* opacity: 0.1; */
  /* animation: glow 1.5s ease-in-out infinite alternate; */
  transform-origin: center;
  mix-blend-mode: screen;
}

.swiper-slide .top-lights .socket-round-glow:nth-child(1n+3) {
  animation: glow 1.15s ease-in-out infinite alternate;
}

.swiper-slide .top-lights .socket-round-glow:nth-child(2n+3) {
  animation: glow 1.75s ease-in-out infinite alternate;
}

.swiper-slide .top-lights .socket-round-glow:nth-child(odd) {
  animation: glow 1.5s ease-in-out infinite alternate;
}

.swiper-slide .top-lights .socket-round-glow:nth-child(even) {
  animation: glow 1.35s ease-in-out infinite alternate;
}


@keyframes glow {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes tilt {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@media (max-width: 1440px) {
  .typekey {
    width: 68%;
    position: relative;
    margin: auto;
    margin-top: 15px;
  }

  .contactBox p {
    font-size: 15px;
  }
}