:root {
  --bs-heading-color: #091638;
  --bs-para-color: #0E1726;
  --bs-body-font-family: 'Manrope', sans-serif;
}

section {
  padding: 60px 0;
}

.pbmax {
  padding-bottom: 120px;
}

p {
  color: var(--bs-para-color);
  line-height: 1.875rem;
}

a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--bs-heading-color);
}

.material-symbols-outlined {
  font-weight: bold;
  font-size: 1.25rem;
  transition: all 0.7s;
}

img {
  max-width: 100%;
}

.mb20 {
  margin-bottom: 1.25rem;
}

/* header start */
header {
  z-index: 9;
  width: calc(100% - 96px);
  transition: top 0.3s ease-in-out;
}

.nvbrhdr.bg-white {
  box-shadow: 0 10px 20px rgba(8, 0, 42, .08);
}

.nvbrhdr.bg-white nav {
  padding: 0.625rem 0;
}

.gx-20 {
  --bs-gutter-x: 1.25rem;
}

.navbar-nav .nav-item {
  cursor: pointer;
}

.navbar-nav .nav-item .nav-link {
  font-size: 0.813rem;
  color: var(--bs-heading-color);
  padding: 0.375rem 1rem;
}

.navbar-nav .nav-item .nav-link .material-symbols-outlined {
  font-size: 1rem;
}

.navbar-nav .nav-item .nav-link.cntct span {
  font-size: 1.75rem;
  transition: all 0.7s;
}

.topbtn {
  font-size: 0.813rem;
  font-weight: 600;
  color: #fff;
  padding: 0.5rem 1.063rem;
  border: none;
  border-radius: 0.25rem;
  background: linear-gradient(175deg, #FF0080 0%, #7928CA 100%);
  transition: all 0.7s;
}

.logoimg {
  height: 31px;
}

/* header ends */

.pb90 {
  padding-bottom: 90px;
}

.top-section {
  height: calc(100% - 60px);
}

.top-section>img {
  object-fit: cover;
  height: calc(100% - 60px);
}

.top-section .toptxt {
  top: 0;
  left: 0;
  padding-top: 3.75rem;
  height: calc(100% - 60px) !important;
}

/* maintopsection start */
.maintopsection {
  height: calc(100vh - 97px);
}

.maintopsection h1 {
  font-size: 4rem;
  line-height: 5.5rem;
}

.maintopsection p {
  font-size: 1.75rem;
  line-height: 2.5rem;
  margin-bottom: 1.875rem;
}

.maintopsection img[alt="AI"] {
  right: 19px;
  top: 40px;
}

/* Add this to your styles */
.maintopsection .fade-up {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.45s ease-out, transform 0.45s ease-out;
}

.pt-40 {
  padding-top: 2.5rem;
}

.maintopsection .fade-up.show {
  opacity: 1;
  transform: translateY(0);
}

.moveArrow {
  transform: rotate(-90deg);
  transition: all 0.7s;
}

.mover-img {
  animation: mover 1s infinite alternate;
  font-size: 2rem;
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
}

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

  100% {
    transform: translateX(-15px);
  }
}

.maintopsection .topbox {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -97px;
  z-index: 8;
}

.blogbg {
  background: linear-gradient(270deg, #E6F7EF 0%, #DCF0F9 100%);
  padding: 1.25rem 0.625rem;
  gap: 1.25rem;
}

.mainblogs .position-absolute {
  padding: 1.25rem;
  padding-bottom: 3.1rem;
  top: 0;
  left: 0;
  height: 100%;
}

.mainblogs img {
  width: 100%;
  transition: all 0.7s;
}

.mainblogs:hover img {
  transform: scale(1.1);
  overflow: hidden;
  transition: all 0.7s;
}

.mainblogs h2 {
  font-size: 0.875rem;
  color: #B3C4E6;
}

.mainblogs p {
  font-size: 1rem;
  line-height: 1.5rem;
  max-width: 225px;
}

.mainblogs .badgewhite {
  font-size: 0.5rem;
  color: #142A5E;
  font-weight: 600;
  border-radius: 3px;
  background: #F0F0F0;
  max-height: 1rem;
}

.mainblogs .d-flex {
  gap: 1.25rem;
}

.rgtcircle .marquee__group .item {
  margin-right: 2.875rem;
}

/* maintopsection ends */
/* smart_section start */
.smart_section {
  padding-top: 0 !important;
  padding-bottom: 150px !important;
}

.about-banner.smart_section {
  padding-bottom: 0 !important;
}

.smart_section {
  padding-top: 256px !important;
  background: url(../images/about-svg-bg.png);
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: 0 16px;
}

.about-top .smart_section {
  padding-top: 0 !important;
}

.smart_section>div.rgtcircle {
  padding-top: 67px !important;
  background: none;
}

.smart_section video {
  width: 520px;
  height: 520px;
  object-fit: cover;
  border-radius: 50%;
  z-index: 2;
  position: relative;
}

.videobg::after {
  content: '';
  background: url(../images/about-bg-right_new1.svg) no-repeat;
  background-size: cover;
  position: absolute;
  width: 750px;
  height: 750px;
  left: 50%;
  bottom: 0;
  transform: translate(-45%, 12%);
}

.smart_section .slick-track {
  display: flex;
  align-items: center;
  gap: 46px;
}

.smart_section h3 {
  font-size: 3.25rem;
  line-height: 4.5rem;
}

.country, .query {
  max-width: 100%;
  border: 0;
  border-bottom: 2px solid #9ea2a8;
  color: #172a41;
  padding-top: 1px;
  padding-right: 37px;
  background-position: 6.35rem 0.4rem;
  font-size: 1.15rem;
}

.query {
  background-position: 100% 0.65rem;
}

.country:focus,
.query:focus {
  border-bottom: 2px solid var(--bs-heading-color);
}

.gradbg {
  font-size: 5.5rem;
  line-height: 5.5rem;
  font-weight: 800;
  background: linear-gradient(91deg, #39D2FF 0%, #9F2BFB 43.3%, #FF5EEF 80.11%);
  -webkit-background-clip: text;
  color: transparent;
  margin-bottom: 2.5rem;
  transition: all 0.7s;
}

.txtxl {
  font-size: 8.75rem;
  line-height: 11.75rem;
}

.gradbg.txtxl+img {
  left: calc(77.07% + 80px);
  top: 0;
}

.approch .d-flex+p {
  font-size: 1.75rem;
  line-height: 170%;
}

.mb80 {
  margin-bottom: 80px;
}

.txtmd {
  font-size: 4.375rem;
  line-height: 5rem;
}

.smart_section p {
  font-size: 1.3rem;
  line-height: 170%;
  color: var(--bs-heading-color);
  margin-bottom: 5rem;
}

.pt-100 {
  padding-top: 100px;
}

.videobg img {
  right: -148px;
  top: 50%;
  transform: translateY(-46%);
  width: 900px;
  height: 900px;
  object-fit: cover;
  z-index: -1;
}

.px20 {
  padding: 0 1.25rem !important;
}

/* smart_section ends */
/* Our Approach start */
.approch .approchmidslider {
  padding-left: 3.75rem;

}

.approch .bgblu img[alt="graph"], .approch .bgblu img[alt$="-1"] {
  padding-left: 45px;
  width: 100%;
}

.approch .bgblu .applstslide:has(img) {
  padding-left: 1.875rem;
}

.approch .bgblu .applstslide img {
  padding-left: 0;
}

.gx60 {
  --bs-gutter-x: 3.75rem;
}

.gx30 {
  --bs-gutter-x: 1.875rem;
}

.row.gx30>* {
  padding-right: 0.938rem;
  padding-left: 0.938rem;
}

.row.gx60>* {
  padding-right: 1.875rem;
  padding-left: 1.875rem;
}

.approch .approchmidslider .approchinsideslide img {
  width: 500px;
  height: 500px;
}

.approch .bgblu {
  padding: 80px 60px !important;
  border-radius: 0.75rem;
}

.approch .one {
  background: linear-gradient(236.71deg, #DFF1FD 11.96%, #FCEDF5 104.41%);
}

.approch .one h3 {
  background: linear-gradient(90deg, #393185 0%, #E4097F 100%);
  -webkit-background-clip: text;
  color: transparent;
}

.approch .two, .approch .four, .approch .six {
  background: linear-gradient(243deg, #ECF6F3 41.03%, #EBF7FB 84.84%);
  backdrop-filter: blur(50px);
}

.approch .two h3 {
  background: linear-gradient(243.46deg, #2D9F76 41.03%, #0096D6 84.84%);
  -webkit-background-clip: text;
  color: transparent;
}

.approch .three {
  background: linear-gradient(144.81deg, #FFEACF 15.85%, #FFEFFF 94.17%);
}

.approch .three h3 {
  background: conic-gradient(from 167.81deg at 48.75% 6.95%, #FF5EEF -20.88deg, #9F2BFB 15.6deg, #6DF4F4 148.13deg, #F2EBAB 238.12deg, #FF5EEF 339.12deg, #9F2BFB 375.6deg);
  -webkit-background-clip: text;
  color: transparent;
}

.approch .four h3 {
  background: linear-gradient(243.46deg, #2D9F76 41.03%, #0096D6 84.84%);
  -webkit-background-clip: text;
  color: transparent;
}

.approch .five {
  background: linear-gradient(254.1deg, #FFD9E6 -1.2%, #E4FCF1 32.24%, #FFF0DA 101.1%);
}

.approch .five h3 {
  background: linear-gradient(90deg, #393185 0%, #E4097F 100%);
  -webkit-background-clip: text;
  color: transparent;
}

.bgblu.six h3 {
  background: linear-gradient(90deg, #393185 0%, #E4097F 100%);
  -webkit-background-clip: text;
  color: transparent;
}

.mt80 {
  margin-top: 5rem;
}

.approchinsideslide {
  margin-right: 0.25rem;
}

.approch h2 img {
  height: 78px;
}

.bgblu h3 {
  font-size: 2.875rem;
}

.me20 {
  margin-right: 1.25rem;
}

.bgblu p {
  font-size: 1.25rem;
  line-height: 170%;
  margin-bottom: 3rem;
}

.btn {
  font-size: 1rem;
  line-height: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  box-shadow: 0px 8px 24px 0px #464C8833;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus-visible {
  background: var(--bs-heading-color);
  color: #fff;
  border: 1px solid var(--bs-heading-color);
  box-shadow: none;
}

.btn:hover span.material-symbols-outlined, .btn:focus-visible span.material-symbols-outlined, .btn:focus span.material-symbols-outlined {
  transform: translateX(4px);
  transition: all 0.7s;
}

.btn-white, .btn-white:hover {
  background: #fff;
  color: var(--bs-heading-color);
  border: 1px solid #fff;
}

.btn-secondary {
  background: #727381;
  color: #fff;
  border: 1px solid #727381;
}

.grpgrgt {
  padding: 4.24rem 2rem;
  border-radius: 0 1.25rem 1.25rem 0;
}

.grpgrgt h3 {
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
  line-height: 2rem;
}

.grpgrgt p {
  font-size: 1rem;
  line-height: 1.5;
}

.applstslide {
  gap: 1.5rem;
}

.applstslide .imgbxmn h4 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.applstslide .imgbxmn p {
  font-size: 0.825rem;
  line-height: 1.5rem;
}

/* Our Approach ends */
/* Sustainability start */
.bgline {
  background: url(../images/about-svg2-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 100% 48%;
}

.secsubhead {
  font-size: 70px;
  margin-bottom: 3.75rem;
  line-height: 5.938rem;
}

.accordion-button.collapsing {
  transition: none !important;
}

.accordion-collapse {
  transition: height 0.5s ease-in-out;
}

.accordionbox h2, .accordionbox span {
  font-size: 2.25rem;
}

.accordionbox span.material-symbols-outlined {
  font-size: 1.5rem;
  color: #525561;
}

.acccntnt {
  margin-bottom: 50px;
}

.acccntnt .position-absolute {
  left: 2.5rem;
  bottom: 2.5rem;
  gap: 0.75rem;
}

.acccntnt .position-absolute span {
  font-size: 1.125rem;
  background: #fff;
  color: #000;
  padding: 0.625rem 1.25rem;
}

.accordionbox h2 {
  margin-left: 44px;
  max-width: 399px;
  color: #37384C;
}

.accordionbox p {
  color: #656675;
  font-size: 1.25rem;
  max-width: 554px;
  line-height: 1.75rem;
}

.Sustainability .accordionbox p {
  max-width: max-content;
  font-size: 1.125rem;
}

.sectiontopsection+.bgline .Sustainability .accordionbox p {
  max-width: 554px;
}

.accordionbox .acchdr {
  border-bottom: 2px solid #DFE3E6;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.accordionbox .acchdr>div:first-child {
  margin-bottom: 50px;
}

.arwdv {
  width: 45px;
  height: 3.75rem;
  border: 1px solid #525561;
  border-radius: 1.5rem;
  padding: 1.125rem 0.625rem;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.accordion-img {
  max-height: 529px;
  border-radius: 1.5rem;
}

.acccntntmain {
  transition: transform 0.6s ease-in-out;
  transform-origin: center;
}

.acccntntmain.zoom-in {
  transform: scale(1.1);
}

.acccntntmain.zoom-out {
  transform: scale(1);
}

.acccntntmain.d-none {
  display: none;
}

.acccntntmain img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Sustainability ends */
/* get_in_touch start */
.get_in_touch .d-flex.position-absolute {
  top: 50px;
  left: 50px;
  right: 50px;
}

.ps80 {
  padding-left: 5rem;
}

.get_in_touch::after {
  content: '';
  position: absolute;
  width: 275px;
  height: 100px;
  left: 50%;
  bottom: 120px;
  transform: translateX(-50%);
  z-index: 1;
  background: #fff;
  border-radius: 1.5rem 1.5rem 0 0;
}

.lft-cuv, .rgt-cuv {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: absolute;
  display: block;
  transform: translateX(-50%);
  top: calc(100% - 100px);
  z-index: 5;
}

.lft-cuv {
  left: calc(50% - 187px);

}

.rgt-cuv {
  left: calc(50% + 187px);
}

.lft-cuv::before, .rgt-cuv::before {
  content: "";
  display: block;
  width: 200%;
  height: 200%;
  position: absolute;
  border-radius: 14%;
  bottom: 0;
  box-shadow: 50px 50px 0 0 #fff;
}

.lft-cuv::before {
  right: 0;
}

.rgt-cuv::before {
  left: 0;
  box-shadow: -50px 50px 0 0 #fff;
}

.get_in_touch p {
  font-size: 2.25rem;
  margin-bottom: 0.75rem;
}

.get_in_touch .d-flex h4 {
  font-size: 2.25rem;
}

.z-8 {
  z-index: 8;
}

.get_in_touch .midtxt {
  bottom: 135px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
}

.get_in_touch .midtxt h2 {
  font-size: 4.375rem;
  line-height: 5.5rem;
}

.get_in_touch a.position-absolute {
  bottom: 1.125rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.875rem;
  padding: 0.75rem 1rem;
}

/* get_in_touch ends */
/* two_slider start */
.two_slider {
  overflow: hidden;
}

.promo-carousel-wrapper {
  height: 100%;
  position: relative;
  margin-bottom: 70px;
  overflow: hidden;
}

/* Left & Right fade effect */
.promo-carousel-wrapper::before,
.promo-carousel-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  width: 60px;
  height: 100%;
  z-index: 2;
  pointer-events: none; /* allows clicks to pass through */
}

.promo-carousel-wrapper::before {
  left: 0;
  background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}

.promo-carousel-wrapper::after {
  right: 0;
  background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}

.promo-carousel {
  display: flex;
  width: 100%;
  height: 100%;
}

.promo-carousel .item {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}

.promo-carousel img {
  width: 100%;
  height: auto;
  display: block;
}

.twocntnt {
  display: flex;
  align-items: center;
  background: transparent;
  justify-content: center;
  margin-bottom: 1.125rem;
  padding: 0;
  padding-bottom: 0;
  margin-right: 1rem;
  padding-bottom: 0;

}

.twocntnt+h3 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-transform: uppercase;
}

.twocntnt img {
  border-radius: 1.5rem;
}

/* two_slider ends */
/* testimonial start */
p.test {
  color: #91939e;
  font-size: 1.5rem;
}

.testimonial .topcntnt h2 {
  font-size: 2.875rem;
  line-height: 3.75rem;
}

.numdv h2 {
  background: conic-gradient(from 167.81deg at 48.75% 6.95%, #FF5EEF -20.88deg, #9F2BFB 15.6deg, #6DF4F4 148.13deg, #F2EBAB 238.12deg, #FF5EEF 339.12deg, #9F2BFB 375.6deg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 81.96px;
  font-size: 3.75rem;
  font-weight: 800;
}

.numdv h2+span.fw-medium {
  color: #727381;
}

.testimonialslide {
  padding: 67px 56px 52px 43px;
  background: linear-gradient(270deg, #E6F7EF 0%, #DCF0F9 100%);
  /* min-height:536px; */
}

.testimonialslide img {
  margin-bottom: 100px;
}

.testimonialslide p.fw-medium {
  margin-bottom: 70px;
  line-height: 2rem;
  font-size: 1.5rem;
}

.testimonialslide h3.testname {
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
}

.testimonialslide p.testpost {
  color: #727381;
  font-size: 0.875rem;
}

.testimonial_slider .slick-slide {
  margin-right: 30px;
}

.testimonial_slider .slick-slide.slick-last {
  margin-right: 0;
}

.testimonial_slider .slick-list {
  padding: 0 !important;
}

/* testimonial ends */
/* footer start */
footer {
  padding-top: 80px;
  padding-bottom: 2rem;
  background: #0e1726 url(../images/footer-bg.png) no-repeat;
  background-position: right 63px;
  background-size: 440px;
}

footer .bdrbtm p.topp {
  font-size: 4rem;
  line-height: 5rem;
  margin-bottom: 2rem;
}

footer .form-input {
  border: 1px solid #FFFFFF;
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

footer .form-input:placeholder {
  color: #565d67;
}

footer .form-input:focus,
footer .form-input:hover {
  outline: none;
}

footer .form-input:focus+a span {
  transform: rotate(0deg);
  transition: all 0.7s;
}

.pb100 {
  padding-bottom: 100px !important;
}

.form-input+a {
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.45rem 0.75rem;
  padding-bottom: 0.6rem;
  background: transparent;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.7s;
}

.form-input+a span {
  font-size: 2rem;
  transform: rotate(-45deg);
}

.form-input:hover+a,
.form-input:focus+a {
  background: #323c4d;
  transition: all 0.7s;

}

footer .ftrcntnt .ftrhead {
  font-size: 1rem;
  color: #fff;
  font-weight: 600;
}

footer .ftrcntnt ul.mb-45>li {
  margin-bottom: 0;
  display: flex;
  line-height: 2.25rem;
}

footer .ftrcntnt ul.mb-45>li a {
  font-size: 0.875rem;
  color: #fff;
}

footer .ftrcntnt ul.mb-45>li a:hover {
  text-decoration: underline;
}

footer .ftrcntnt ul.mb-45>li span {
  background: linear-gradient(90deg, #393185 0%, #E4097F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2rem;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}

footer .socialicon {
  gap: 75px;
}

footer .socialicon li {
  list-style-type: none;
  flex: 1;
}

footer .socialicon li a {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

footer .socialicon li a img {
  height: 40px;
  width: 40px;
}

footer .socialicon li a h3 {
  font-size: 0.75rem;
  color: #fff;
  margin-bottom: 0;
}

footer .prodhd {
  font-weight: 600;
  font-size: 0.875rem;
  color: #fff;
  margin-bottom: 0;
  line-height: 2.25rem;
}

footer ul.lstftr {
  gap: 1.25rem;
}

footer ul.lstftr li {
  list-style-type: none;
}

footer ul.lstftr a {
  color: #fff;
  font-size: 0.875rem;
  opacity: 0.6;
}

footer ul.lstftr a:hover {
  text-decoration: underline;
}

footer ul {
  padding: 0;
}

.bdrbtm {
  border-bottom: 1px solid #3E4551;
  margin-bottom: 2.5rem;
  padding-bottom: 2rem;
}

.bdrbtm.dwn {
  margin-bottom: 1.75rem;
  padding-bottom: 0;
}

.lftbc p {
  font-size: 0.875rem;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  opacity: 0.6;
}

.lftbc .fstspan {
  color: #FCFCFC;
  margin-top: 0;
  opacity: 0.7 !important;
}

.lftbc .text-white {
  color: #fff;
}

.ftrhdr {
  font-size: 4rem;
  line-height: 5.25rem;
  font-weight: 800;
}

.bdrbtm .d-inline-flex:has(.btn) {
  gap: 0.75rem;
}

/* footer ends */
/* button transition start */
.butn:link,
.butn:visited {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  justify-content: center;
  background-color: #091638;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  line-height: 1.366rem;
  color: #fff;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.butn::before {
  background: #fff;
  content: "";
  height: 133px;
  opacity: 0;
  position: absolute;
  top: -95px;
  transform: rotate(35deg);
  width: 25px;
  transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.butn::after {
  background: #fff;
  content: "";
  height: 11rem;
  opacity: 0;
  position: absolute;
  top: -75px;
  transform: rotate(35deg);
  transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 2.5rem;
}

.butn__new::before {
  left: -50%;
}

.butn__new::after {
  left: -100%;
}

.butn:hover,
.butn:active {
  transform: translateY(-3px);
  color: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}

.butn:hover span,
.butn:active span {
  transform: translateX(4px);
  transition: all 0.7s;
}

.butn__new:hover::before {
  left: 120%;
  opacity: 0.5s;
}

.butn__new:hover::after {
  left: 200%;
  opacity: 0.6;
}

.butn span {
  z-index: 20;
}

/* button transition ends */
/* power section css */
.powertopsection {
  padding-top: 120px;
  padding-bottom: 90px;
}

.powerlinebg {
  background: url(../images/power-bg.svg) no-repeat;
  background-position: right top;
  background-size: 100%;
  background-attachment: fixed;
}

.power_top_section {
  background: linear-gradient(262.87deg, #2463A2 23.8%, #A001FC 122.46%, #7C2E58 173.91%);
  height: 100vh;
}

.power_top_section.solution {
  background: linear-gradient(262.87deg, #2463A2 23.8%, #A001FC 122.46%, #7C2E58 173.91%);
  padding-top: 60px;

}

.video-container {
  height: 100%;
}

.pt-60 {
  padding-top: 60px !important;
}

.power_top_section>.position-absolute {
  top: calc(50% + 30px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
}

.power_top_section>.position-absolute .powertopcenter {
  background: url(../images/line-bg.svg) no-repeat;
  background-size: 100% 100%;
}

.power_top_section .mtneg {
  margin-top: -1rem;
  margin-left: -1rem;
}

.powertopcenter {
  padding: 1.875rem 70px;
  margin-bottom: 1.875rem;
}

.powertopcenter h1 {
  font-size: 4.5rem;
  line-height: 1.2;
  font-weight: 800;
}

.powertopcenter+p,
.powertopcenter+.mtneg p {
  font-size: 1.5rem;
}

.slidertopapproch {
  padding: 0 60px;
}

.powertopslider img {
  min-height: 410px;
}

.pt100 {
  padding-top: 100px;
}

.left-0 {
  left: 0;
}

.powertptxt h1 {
  font-size: 2.5rem;
  line-height: 3.375rem;
}

.powertptxt h2 {
  font-size: 4.5rem;
  line-height: 140%;
}

.rounded-15 {
  border-radius: 1.5rem !important;
}

.powerslide .position-absolute {
  padding: 1.875rem;
}

.powerslide .position-absolute h3 {
  font-size: 1.35rem;
}

/* counternum-section start */
.counternum-section.power {
  background: url(../images/industries/power/abstract-curves-background-with-bokhe-lights.png) no-repeat;
  background-size: cover;
}

.counternum-section h1 {
  font-size: 2.25rem;
  line-height: 46px;
}

.counternum-section .outerleftdv {
  padding: 50px 75px 65px 72px;
  margin-left: 40px;
}

.counternum-section.power .outerleftdv {
  padding: 50px 75px 66px 72px;
}

.counternum-section .outerleftdv::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 3px;
  animation: fstbfr 1s ease-in-out forwards;
}

.counternum-section .outerleftdv::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  animation: tstbfr 1s ease-out forwards;
  animation-delay: 1s;
}

.counternum-section .outerrightdv::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  animation: tstbfr 1s ease-out forwards;
  animation-delay: 2s;
}

.counternum-section .outerrightdv::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 0;
  width: 3px;
  animation: fstbfr 1s ease-in-out forwards;
  animation-delay: 3s;
}

.counternum-section .toplftbdr::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 3px;
  animation: tstbfrmob 1s ease-out forwards;
  animation-delay: 4s;
}

.counternum-section .toplftbdr::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 3px;
  animation: fstbfr90 1s ease-in-out forwards;
  animation-delay: 5s;
}

.p-50 {
  padding: 50px;
}

.gap-20 {
  gap: 1.25rem;
}

.numdv.power h2 {
  background: linear-gradient(90deg, #393185 0%, #E4097F 25%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes fstbfr90 {
  0% {
    height: 0;
  }

  100% {
    height: 90%;
  }
}

.outerrightdv .numdv {
  padding-bottom: 2.125rem;
  margin-bottom: 2.25rem;
  border-bottom: 1px solid #a6a6a6;
}

.outerrightdv .numdv:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.counternum-section.paused .outerleftdv::before,
.counternum-section.paused .outerleftdv::after,
.counternum-section.paused .outerrightdv::before,
.counternum-section.paused .outerrightdv::after,
.counternum-section.paused .toplftbdr::before,
.counternum-section.paused .toplftbdr::after {
  animation-play-state: paused;
}

.counternum-section.power .outerleftdv::before {
  background: linear-gradient(180deg, #9F2BFB 4.33%, #6DF4F4 41.15%, #F2EBAB 66.15%, #FF5EEF 94.2%);
}

.counternum-section.power .outerleftdv::after {
  background: linear-gradient(249.48deg, #9F2BFB 3.59%, #6DF4F4 34.08%, #F2EBAB 54.79%, #FF5EEF 78.03%);
}

.counternum-section.power .outerrightdv::before {
  background: linear-gradient(145deg, #9F2BFB 3.59%, #6DF4F4 34.08%, #F2EBAB 54.79%, #FF5EEF 78.03%);
}

.counternum-section.power .outerrightdv::after {
  background: linear-gradient(180deg, #9F2BFB 4.33%, #6DF4F4 41.15%, #F2EBAB 66.15%, #FF5EEF 94.2%);
}

.counternum-section.power .toplftbdr::before {
  background: linear-gradient(249.48deg, #9F2BFB 3.59%, #6DF4F4 34.08%, #F2EBAB 54.79%, #FF5EEF 78.03%);
}

.counternum-section.power .toplftbdr::after {
  background: linear-gradient(75deg, #9F2BFB 4.33%, #6DF4F4 41.15%, #F2EBAB 66.15%, #FF5EEF 94.2%);
}

@keyframes fstbfr {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

@keyframes lstaftr {
  0% {
    width: 0;
  }

  100% {
    width: 115px;
  }
}

@keyframes tstbfr {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes tstbfrmob {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.numdv img {
  margin-top: 0.875rem;
}

.tst::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 0;
  width: 3px;
  background: linear-gradient(0deg, #E4097F 0%, #393185 79.35%);
  animation: tstaftr 1.5s ease-in-out forwards;
  animation-delay: 4s;
}

@keyframes tstaftr {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

.secclr {
  color: #91939E;
}

.counternum-section p.secclr {
  font-size: 1.5rem;
}

.counternum-section .gradbg {
  font-size: 2.5rem;
  line-height: 3.875rem;
}

.outerbg {
  padding: 6.25rem 3.75rem;
  padding-top: 50px;
  background: url(../images/why-inventive-bg.png) no-repeat;
  background-size: cover;
}

.get_in_touch img[alt="get-in-touch-bg"] {
  height: 655px;
  width: 100%;
  object-fit: cover;
}

.counternum-section .position-absolute {
  top: -282px;
  left: 0;
  z-index: -1;
}

/* counternum-section ends */
/* blog start */
.top-img {
  padding: 50px 25px;
  border-radius: 0.5rem;
  min-height: 348px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  transition: all 0.7s;
}

.blog .top-img {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  min-height: auto;
  height: 608px;
}

.blog .top-img.lastimg {
  height: 292px;
}

.blog .top-img:hover {
  background-position: 50% 50%;
}

.date {
  font-size: 0.875rem;
}

section .mb40 a span {
  color: var(--bs-heading-color) !important;
  font-size: 1.25rem !important;
}

.blog .top-img h3 {
  font-size: 1.25rem;
  line-height: 25.2px;
}

.blog a>span:last-child {
  font-size: 0.875rem;
  color: #fff;
  gap: 0.5rem;
}

.blog a.top-img>span:last-child::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #fff;
  left: 0;
  bottom: -0.25rem;
  transition: all 0.7s;
}

.blog a.top-img:hover>span:last-child::before {
  width: 84px;
  transition: all 0.7s;
}

h2+a {
  color: var(--bs-heading-color);
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: bold;
  position: relative;
}

h2+a::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1.1px;
  width: 30%;
  background: var(--bs-heading-color);
  transition: all 0.7s;
}

h2+a:hover::after {
  width: 100%;
  transition: 0.7s all;
}

h2+a:hover span {
  transform: translateX(4px);
  transition: 0.7s all;
}

.pt120 {
  padding-top: 120px !important;
}

.pb120 {
  padding-bottom: 120px;
}

.py120 {
  padding: 120px 0;
}

.blog .gradbg {
  font-size: 2.875rem;
  line-height: 3.875rem;
}

.mb40 {
  margin-bottom: 2.5rem;
}

/* blog end */
/* about us CSS Start */
/* About Us */
.about-top {
  background: linear-gradient(70deg, rgba(252, 237, 245, 1) 0%, rgba(223, 241, 253, 1) 100%);
}

.rgtcircle .main-para {
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.rgtcircle h2 {
  font-size: 5rem;
}

/* Client logo container */
.cb-tagreel-items {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
}

/* Rows inside the container */
.cb-tagreel-row {
  display: flex;
  min-width: 100%;
}

/* Individual logo items */
.cb-tagreel-item {
  flex: 0 0 auto;
  padding: 0 20px;
}

.two_slider .cb-tagreel-item {
  padding: 0;
}

.about-banner.smart_section {
  background: url(../images/about-top-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.about-banner.smart_section {
  padding-top: 120px;
}

.about-banner h3 {
  font-size: 2.5rem;
  line-height: 4rem;
  padding-left: 3rem;
}

.about-banner h2 {
  padding-left: 3rem;
}

.videobg:after {
  display: none;
}

.about-banner video {
  width: 438px;
  height: 438px;
}

.about-content {
  padding: 3.75rem 0 5.625rem 4.563rem;
}

.about-content:before {
  background: linear-gradient(102deg, rgba(159, 43, 251, 1) 0%, rgba(109, 244, 244, 1) 30%, rgba(242, 235, 171, 1) 63%, rgba(255, 94, 239, 1) 100%);
  position: absolute;
  content: "";
  width: 2px;
  height: calc(100% + 120px);
  left: 9px;
  top: -120px;
}

.counter-sect {
  margin-left: 57px;
}

.about-content .p1 {
  font-size: 24px;
  line-height: 2.5rem;
  padding-bottom: 1rem;
  margin-bottom: 0;
}

.about-content .p2 {
  font-size: 1rem;
  line-height: 2rem;
  padding-top: 1.5rem;
  margin-bottom: 0;
}

.counter-content .middle {
  background: conic-gradient(from 169.95deg at 49.96% -6.5%, #FF5EEF -20.88deg, #9F2BFB 15.6deg, #6DF4F4 148.13deg, #F2EBAB 238.12deg, #FF5EEF 339.12deg, #9F2BFB 375.6deg);
  padding: 80px 100px;
  border-radius: 0 1.5rem 1.5rem 1.5rem;
}

.counter-content .middle img {
  width: calc(100% - 200px);
  left: 50%;
  transform: translate(-50%);
}

.counter-content .middle::before,
.counter-content .middle::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.counter-content .middle::before {
  height: 1.25rem;
  background: #FCCEE8;
  border-radius: 0 0 1.875rem 1.875rem;
  width: calc(100% - 38px);
  bottom: -1.25rem;
}

.counter-content .middle::after {
  border-radius: 0 0 1.875rem 1.875rem;
  bottom: -2.25rem;
  width: calc(100% - 65px);
  background: #EBEBFD;
  height: 1rem;
}

.counter-content h2 {
  font-size: 4.375rem;
  color: #fff;
  font-weight: bold;
  padding: 0 0 0 0;
  position: relative;

}

.counter-content h2:before {
  position: absolute;
  width: 5.25rem;
  height: 2px;
  content: "";
  left: 50%;
  bottom: -0.5rem;
  background: rgb(57, 49, 133);
  background: linear-gradient(90deg, rgba(57, 49, 133, 1) 0%, rgba(229, 9, 127, 1) 100%);
  -ms-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
}

.counter-content span.sm-text {
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 3.5rem;
}

.maintabdv {
  background: rgb(230, 247, 239);
  background: linear-gradient(-90deg, rgba(230, 247, 239, 1) 0%, rgba(220, 240, 249, 1) 100%);
  border-radius: 24px;
  padding: 3.75rem;
}

.maintabdv li {
  padding: 0;
  padding-top: 50px;
  background: linear-gradient(180deg, #FFFFFF 0%, #E7FBFE 100%);
  border: 1px solid #cfe6e9;
  transition: all 0.7s;
}

.maintabdv li.active {
  /* slide into place */
  overflow: hidden;
  box-shadow: 0px 4px 16px 0px #464C881A;
  border: 1px solid #cfe6e9;
  background: #fff;
  padding: 50px 0 0 40px;
  display: flex;
  transition: all 0.7s;
}

.maintabdv li .tabhead {
  width: 123px;
  cursor: pointer;
  padding-bottom: 40px;
}

.maintabdv li.active .tabhead {
  justify-content: start;
  transition: all 0.7s;
}

.imgtxt {
  font-size: 283px;
  font-weight: bold;
  background-image: url(../images/about-us/about/value-text-bg.jpg);
  background-size: cover;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: 4px;
  margin: 0;
  position: absolute;
  bottom: -5rem;
  opacity: 0.2;
}

.imgtxt.fst {
  font-size: 283px;
}

.imgtxt.scnd {
  font-size: 256px;
}

.imgtxt.thrd {
  font-size: 256px;
  bottom: 0;
  line-height: 1;
  text-wrap: nowrap;
}

.maintabdv li .tabhead h4 {
  font-size: 2.125rem;
  line-height: 43.38px;
  transform: translateY(-2.5rem) rotate(-90deg);
}

.maintabdv li.active .tabhead h4 {
  transform: translate(-2.5rem, -2.5rem) rotate(-90deg);
}

.maintabdv li:last-child .tabhead h4 {
  transform: translate(-4.5rem, -6.5rem) rotate(-90deg);
}

.maintabdv li.active:last-child .tabhead h4 {
  transform: translate(-6.5rem, -6.5rem) rotate(-90deg);
}

.tabhead span {
  font-size: var(--bs-body-font-size);
  line-height: 20.42px;
}

.maintabdv li .tabcontent {
  display: none;
  padding-right: 50px;
  padding-bottom: 225px;
  transition: all 0.7s;
}

.maintabdv .tabcontent img {
  bottom: 0;
  left: 0;
}

.maintabdv li.active .tabcontent {
  display: block;
  position: relative;
  transition: all 0.7s;
}

.tabcontent p {
  line-height: 44px;
  font-size: 1.5rem;
}


.valdv {
  max-width: 227px;
}

.valdv img {
  margin-bottom: 1.375rem;
}

.timeline {
  background-size: cover !important;
}

.yeartimeslide .slick-slide {
  max-height: 100px;
  border: 0;
}

.yeartimeslide .slick-list {
  text-align: end;
  padding-top: 1.5rem;
}

.yeartimeslide .slick-active {
  opacity: 1;
}

.timeline .slick-dots::before,
.timeline .slick-dots::after {
  position: absolute;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 1px;
  font-weight: 700;
  top: 50%;
  transform: translateY(-50%);
}

.timeline .slick-dots::before {
  content: "1996";
  left: 0;
}

.timeline .slick-dots::after {
  right: 0;
  content: "2024";
}

.timeline .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  padding: 0;
  margin: 0;
  position: relative;
  margin-top: 50px;
}

.timeline .slick-dots li {
  list-style: none;
  line-height: 0;
}

.timeline .slick-dots li button {
  background: #9aa1a8;
  border: 0;
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  font-size: 0;
  border-radius: 50%;
}

.timeline .slick-dots li.slick-active button {
  width: 60px;
  height: 60px;
  background-size: cover;
  border: 1px solid #fff;
}

.yeartimeslide .slick-slide p {
  font-size: 5rem;
  line-height: 5rem;
  letter-spacing: 0.375rem;
  color: #949DA2;
}

.yeartimeslide .slick-slide.slick-current p {
  background: linear-gradient(180deg, #008CCF 0%, #173B8E 100%);
  -webkit-background-clip: text;
  color: transparent;
}

.rgthd .twenty,
.rgthd.changed .ninghty {
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: opacity 0.7s ease, visibility 0s 0.7s;
}

.rgthd.changed .twenty,
.rgthd .ninghty {
  opacity: 1;
  visibility: visible;
  display: block;
  transition: opacity 0.7s ease, visibility 0s;
}

.rgtyear .rgthd {
  top: 50%;
  right: 121px;
  transform: translate(0, -46%);
}

.rgtyear .rgthd h2 {
  font-size: 5rem;
  line-height: 5rem;
  letter-spacing: 0.375rem;
  background: linear-gradient(180deg, #008CCF 0%, #173B8E 100%);
  -webkit-background-clip: text;
  color: transparent;
}

.timelinemain {
  gap: 50px;
}

.timelinemain .timeimg {
  min-width: 240px;
  min-height: 180px;
}

.timeline .slick-slide {
  margin-right: 2px;
}

.timelinemain .timecntnt h4 {
  opacity: 0.7;
  line-height: 1.875rem;
  letter-spacing: 1px;
}

.timelinemain .timecntnt p {
  font-size: 0.95rem;
}

.mb50 {
  margin-bottom: 50px;
}

.values {
  background: linear-gradient(180deg, #BCE8FF -8%, #FAFAFC 100%);
}

.pttop {
  padding-top: 220px;
}

.scroll-year-text {
  color: #0E1726;
  font-size: 1.125rem;
  font-weight: 700;
}

.os-scrollbar-handle {
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../images/slider-round.svg);
  cursor: move;
  top: -1.5rem;
}

.mb80 {
  margin-bottom: 80px;
}

.horizontal-scroll-border {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.rounded-dots-scrollbar {
  background-color: #9aa1a8;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: inline-block;
  cursor: pointer;
  transition: all 0.7s;
}

.pb-60 {
  padding-bottom: 3.75rem;
}

.testimonialbg {
  background: linear-gradient(243.46deg, rgba(45, 159, 118, 0.08) 41.03%, rgba(0, 150, 214, 0.08) 84.84%);
  border-radius: 1.5rem;
  padding: 6.25rem 3.75rem;
}

/* about us CSS End */
/* select2 css start */
.select2-container--default .select2-selection--single {
  border: 0;
  outline: none;
  background: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #1D2A41;
  font-size: 1.15rem;
  font-weight: 500;
  padding: 0;
  transition: all 0.7s;
}

.select2-container {
  padding-bottom: 1rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 80% 8px;
  background-size: 16px 12px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #9fa2a8;
  outline: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border: 1px solid #d7f2f8;
}

.select2-dropdown {
  border: 1px solid #f3e5ee;
  padding: 0.25rem;
}

.select2-results__option {
  padding: 6px;
  border-bottom: 1px solid #eeeeee;
  font-size: 0.875rem;
  text-align: center;
  font-weight: 600;
}

.select2-results__option:last-child {
  border-bottom: 0;
}

.select2-search--dropdown {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #f0f0f0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #021638;
}

.arrowlast+.select2-container {
  background-position: 100% 8px;
}

/* select2 css end */
/* conatct us start */

.txtimgtop {
  font-size: 3.99rem;
  line-height: 81.66px;
  letter-spacing: 1px;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  margin: 0;
}

.mainform .inputbox {
  position: relative;
  margin-bottom: 70px;
}

.mainform .label::after {
  position: absolute;
  content: "*";
  right: -1rem;
  color: #bd4328;
  font-weight: 500;
}

.mb90 {
  margin-bottom: 90px;
}

.mb145 {
  margin-bottom: 145px;
}

.mainform h2 {
  margin-bottom: 4rem;
  font-size: 2.125rem;
  line-height: 46px;
}

.contctdv {
  gap: 1rem;
  max-width: 300px;
}

.contctdv a {
  font-size: 1.125rem;
  color: #1D2A41;
  line-height: 26px;
}

.ps-100 {
  padding-left: 100px;
}

.mainform form:before {
  position: absolute;
  content: "";
  left: 0;
  top: -4px;
  width: 3px;
  height: calc(100% + 25px);
  background: linear-gradient(101deg, rgba(159, 43, 251, 1) 0%, rgba(109, 244, 244, 1) 30%, rgba(242, 235, 171, 1) 63%, rgba(255, 94, 239, 1) 100%);
}

.gap-11 {
  gap: 0.688rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.mb32 {
  margin-bottom: 2rem;
}

.contctcntnt h4 {
  font-size: 1.125rem;
}

.contctcntnt p {
  line-height: 26px;
}

.mainform form {
  padding-left: 3.5rem;
}

.mainform .input-container.mb50 {
  margin-bottom: 50px;
}

.mainform .input-container input,
.mainform .input-container select {
  border: none;
  border-bottom: 2px solid #9fa2a8 !important;
  outline: none;
  font-size: 1.15rem;
}

.mainform .input-container input.Message,
.mainform .input-container select.Message {
  padding-bottom: 5rem;
}

.darkquote {
  display: none;
}

.mainform .input-container label {
  top: -5px;
  left: 0;
  color: #1D2A41;
  font-size: 1.15rem;
  transition: all 0.7s;
}

.mainform .input-container input:focus~label,
.mainform .input-container input:valid~label,
.mainform .input-container input:user-invalid~label,
.mainform .input-container select:focus~label,
.mainform .input-container select:valid~label {
  top: -30px;
  font-size: 1rem;
}

.mainform .input-container input:user-invalid~label {
  top: -5px;
  font-size: 1rem;
}

.mainform .input-container input.contctinp:focus~label,
.mainform .input-container input.contctinp:valid~label {
  left: -153px;
  top: -40px;
}

.mainform .input-container .underline {
  bottom: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, #9F2BFB 0%, #6DF4F4 29.78%, #F2EBAB 65.23%, #FF5EEF 100%);
  transform: scaleX(0);
  transition: all 0.3s ease;
}

.mainform .input-container .underline.contctline {
  background: linear-gradient(185deg, #9F2BFB 0%, #6DF4F4 29.78%, #F2EBAB 65.23%, #FF5EEF 100%);
}

.mainform .input-container input:focus~.underline,
.mainform .input-container input:valid~.underline {
  transform: scaleX(1);
}

.mainform .input-container input#email:user-invalid~.underline {
  transform: scaleX(1);
}

.mainform .input-container select:focus~.underline,
.mainform .input-container select:valid~.underline {
  background: linear-gradient(185deg, #9F2BFB 0%, #6DF4F4 29.78%, #F2EBAB 65.23%, #FF5EEF 100%);
  border-bottom: 0;
  transform: scaleX(1);
}

.mainform .selectinp .input-container select~.underline,
.mainform .selectinp .input-container select~.underline {
  transform: scaleX(1);
  border-bottom: 2px solid #9fa2a8;
  background: transparent;
}

.mainform .selectinp.activeinput .input-container select:focus~.underline,
.mainform .selectinp.activeinput .input-container select:valid~.underline {
  transform: scaleX(1);
  border-bottom: 0;
}

.mainform .activeinput .input-container select:focus~.underline,
.mainform .activeinput .input-container select:valid~.underline {
  border-bottom: 0;
  transform: scaleX(1);
  background: linear-gradient(167deg, #9F2BFB 0%, #6DF4F4 29.78%, #F2EBAB 65.23%, #FF5EEF 100%);
}

.mb70 {
  margin-bottom: 70px;
}

/* .fadetxt {
  opacity: 0;            
  transform: translateY(50px); 
  transition: transform 1s ease-out, opacity 1s ease-out; 
} */


.error-message {
  font-size: 0.775rem;
  font-weight: 500;
  position: absolute;
  bottom: -1.25rem;
}

#phoneError.error-message {
  left: -152px;
}

.input-container input::placeholder {

  visibility: hidden;
  opacity: 0;
}

.input-container input:valid::placeholder {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.close-window {
  color: var(--bs-heading-color);
  font-size: 0.9rem;
}

.py-25 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.contactus h3 {
  font-size: 2.5rem;
}

.contactus h2 {
  font-size: 3.75rem;
  margin-bottom: 5rem;
  font-weight: 800;
}

section.contactus p {
  color: #000000;
  font-size: 0.875rem;
  line-height: 140%;
}

/* Styling for the text */
.reveal-text {
  visibility: hidden;
}

.line {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.credit {
  position: fixed;
  top: 20px;
  right: 20px;
  font-weight: 800;
  font-size: 0.7rem;
}

.text-anim {
  display: flex;
  justify-content: center;
}

.approch:has(p.reveal-text) .line,
.smart_section:has(p.reveal-text) .line {
  justify-content: start;
}

/* new header start */
.tpnv button {
  border: 0;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.selected .btndv button {
  border-radius: 0.5rem;
  width: 1.5rem;
  height: 2rem;

}

.socialhdr img {
  display: block !important;
}

.tpnv button.activetheme {
  display: none;
}

.tpnv button img {
  width: 25px;
  height: 25px;
}

::selection {
  background: #bd4328;
  color: #f4f4f4;
}

.nav-item {
  padding: 1.25rem 1rem;
}

.nav-item.dropdown {
  padding-right: 2rem;
}

.topnav {
  font-size: calc(var(--bs-body-font-size) * 0.875);
}

.bgsec {
  background: var(--bs-heading-color);
  height: 36px;
  padding: 6px 0;
  transition: all 0.7s;
}

header {
  z-index: 10;
  background: #fff;
}

header.nvbrhdr.bg-white nav {
  box-shadow: 0px 8px 24px 0px #464C8826;
}

header.nvbrhdr.bg-white .bgsec {
  height: 0;
  padding: 0;
  transition: all 0.7s;
}

.submenu1 {
  display: none;
}

.hdngdv {
  margin-bottom: 2.5rem;
}

.hdngdv a span:nth-child(1) {
  color: var(--bs-heading-color);
  margin-bottom: 0.25rem;
  font-weight: 500;
  display: inline-block;
  line-height: 1.366rem;
  position: relative;
  font-size: 1rem;
}

.hdngdv a span:nth-child(1):after {
  position: absolute;
  bottom: 0;
  background: var(--bs-heading-color);
  width: 0;
  left: 0;
  height: 1px;
  content: "";
  transition: all 0.7s;
}

.hdngdv:hover a span:nth-child(1):after {
  width: 100%;
  transition: all 0.7s;
}

.submenu .hdrbtm a span:nth-child(1) {
  opacity: 0.7;
  transition: all 0.7s;
}

.submenu .hdrbtm a span:nth-child(1)hover {
  opacity: 1;
  transition: all 0.7s;
}

.hdngdv p, .hdngdv span {
  color: var(--bs-heading-color);
  font-size: calc(var(--bs-body-font-size) * 0.813);
}

.navbar {
  box-shadow: 0px 8px 24px 0px #464C8826;
}

.navbar-toggler .navbar-toggler-icon {
  background: none;
  width: 1.25rem;
  height: 1.25rem;
}

.navbar-toggler .navbar-toggler-icon img {
  width: 1.5rem;
  height: 1.5rem;
}

.navbar-toggler .navbar-toggler-icon img:last-child {
  display: none;
}

.navbar .navbar-nav>li {
  display: block;
  padding: 0 1.75rem;
  transition: all 0.5s;
}

.navbar .navbar-nav>li:hover {
  cursor: pointer;
}

.navbar .navbar-nav>li:hover>a {
  color: var(--bs-heading-color);
}

.navbar .parent-menu .menu-arrow {
  position: absolute;
  top: 43%;
  right: -1rem;
  transition: all 0.5s;
}

.navbar .parent-menu:hover .menu-arrow {
  top: 49%;
  border: solid var(--bs-heading-color);
  border-width: 0 1.5px 1.5px 0;
  transition: all 0.5s;
}

.offcanvas {
  background: linear-gradient(97.03deg, rgba(242, 252, 252, 0.9) 5.33%, #FFFFFF 102.02%);
  box-shadow: 0px 8px 14px 0px #0000000F;
  backdrop-filter: blur(30px);
}

.offcanvas-header {
  padding: 1.25rem;
  padding-bottom: 37px;
}

.offcanvas-header button {
  width: 1.125rem;
  height: 1.125rem;
  opacity: 1;
}

#First .offcanvas-header button {
  width: 0rem;
  height: 0rem;
  opacity: 1;
}

.offcanvas-header span {
  margin-left: 0.875rem;
  font-size: calc(var(--bs-body-font-size) * 0.875);
  color: var(--bs-heading-color);
  font-weight: 500;
}

.bdrbtmacc {
  border-bottom: 1px solid #80808020;
}

.offcanvas-header span.menu-arrow {
  border: solid var(--bs-heading-color);
  border-width: 0 1.5px 1.5px 0;
}

.innoffcan .offcanvas-header span {
  margin-left: 0;
}

.submenu {
  position: absolute;
  top: 100%;
  max-height: 486px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  padding: 2.625rem 2.188rem 1.25rem;
  list-style: none;
  width: 100%;
  min-width: 180px;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0px 8px 14px 0px #0000000F;
  backdrop-filter: blur(30px);
  background: linear-gradient(97.03deg, rgba(242, 252, 252, 0.9) 5.33%, #FFFFFF 102.02%);
  z-index: 1;
  overflow: hidden;
  transition: all 0.175s;
}

.submenu:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, #5E12C9 0%, #2154FE 11.8%, #FD25FE 44.5%, #2390FD 71%, #EE0CE3 95%);
  background-size: 200% 100%;
  animation: gradient-animation 3s linear infinite;
  z-index: -1;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 0;
  }

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

.submenu::-webkit-scrollbar {
  width: 0.25rem;
}

.hdrtop {
  margin-bottom: 20px;
  padding-bottom: 60px;
  border-bottom: 1px solid #e0e5e4;
}

.hdrbtm li a {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.hdrbtm li a h3 {
  font-size: calc(var(--bs-body-font-size) * 0.75);
  margin-bottom: 0;
  line-height: 16.39px;
  font-weight: 700;
}

.submenu::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(61, 61, 61, 10%);
  ;
  border-radius: 0.5rem;
}

.submenu::-webkit-scrollbar-thumb {
  background: rgb(61, 61, 61, 15%);
  border-radius: 0.5rem;
}

.submenu::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}

.submenu li span {
  position: inherit;
  color: #7f7f7f;
}

.submenu li.active span, .submenu li:hover span {
  border-color: #091638;
  font-weight: 700;
}

.submenu .prntmnlnk a {
  color: #646669;
  font-size: calc(var(--bs-body-font-size) * 0.875);
  line-height: 2.25rem;
}

.submenu .prntmnlnk a:hover {
  text-decoration: underline;
  color: #212529;
}

.parent-menu:hover, .parent-menu:focus {
  outline: none;
}

.parent-menu:hover .submenu, .parent-menu:focus .submenu {
  visibility: visible;
  opacity: 1;
  transition: all 0.1s;
}

.parent-menu:hover a, .parent-menu:focus a {
  outline: none;
}

.parent-menu:hover>span, .parent-menu:focus>span {
  transform: rotate(-135deg);
  top: 2.25rem;
}

.parent-menu .submenu.open+.menu-arrow {
  transform: rotate(-135deg);
}

.menu-arrow {
  border: solid #7f7f7f;
  border-width: 0 1.5px 1.5px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  margin-left: 2.35px;
  margin-bottom: 3px;
}

.submenu li.active a, .submenu li:hover a {
  color: #bd4328;
  transition: all 0.7s;
}

.submenu .prntmnlnk a {
  color: #646669;
  font-size: calc(var(--bs-body-font-size) * 0.875);
  line-height: 2.25rem;
}

.submenu .prntmnlnk a:hover {
  text-decoration: underline;
  color: #212529;
}

.innoffcan .btn-close {
  --bs-btn-close-bg: none;
  transform: rotate(90deg);
  opacity: 1;
  align-items: self-end;
  display: flex;
  justify-content: center;
  padding-bottom: 0;
}

.parent-menu:hover, .parent-menu:focus {
  outline: none;
}

.parent-menu:hover>span, .parent-menu:focus>span {
  transform: rotate(-135deg);
  top: 2.25rem;
}

.parent-menu .submenu.open+.menu-arrow {
  transform: rotate(-135deg);
}

.navbar .navbar-nav:not(:last-child)>li>a {
  padding: 1.313rem 0;
  display: block;
  font-weight: 500;
  position: relative;
  font-size: calc(var(--bs-body-font-size) * 0.875);
  letter-spacing: 0.01rem;
  line-height: 18px;
  color: var(--bs-heading-color);
}

.navbar .navbar-nav>li:hover>a:after {
  position: absolute;
  content: "";
  width: 110px;
  height: 2.63px;
  bottom: 0;
  left: 0;
  transform: translateX(-10%);
  background: var(--bs-heading-color);
}

.navbar .navbar-nav>li.pe-0:hover>a:after {
  width: 80px;
}

.navbar .navbar-nav>li:hover>a.topbtn:after,
.navbar .navbar-nav>li:hover>a:has(span.material-symbols-outlined):after {
  content: none;
}

.nav-link span.material-symbols-outlined:hover {
  background: conic-gradient(from 167.81deg at 48.75% 6.95%, #FF5EEF -20.88deg, #9F2BFB 15.6deg, #6DF4F4 148.13deg, #F2EBAB 238.12deg, #FF5EEF 339.12deg, #9F2BFB 375.6deg);
  -webkit-background-clip: text;
  color: transparent;
  transition: all 0.7s;
}

.navbar .navbar-nav>li:hover>a.topbtn {
  color: #fff;
  background: linear-gradient(95deg, #FF0080 0%, #7928CA 100%);
  transition: all 0.7s;
}

button:focus:not(:focus-visible) {
  box-shadow: none;
}

.submenu li {
  white-space: nowrap;
  font-size: 0.75rem;
  padding: 0;
  display: flex;
  justify-content: space-between;
  color: #212529;
  border-bottom: 1px solid transparent;

  transition: all 0.3s ease-in-out;
}

.submenu .hdrttl {
  font-size: calc(var(--bs-body-font-size) * 0.875);
  line-height: 1.25rem;
  color: #627884;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: capitalize;
  padding-bottom: 0.875rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #80808020;
}

.submenu .hdrttl+ul li a {
  font-size: var(--bs-body-font-size);
  line-height: 2.6rem;
  color: #0E1726;
  font-weight: 500;
  padding: 0;
  margin: 0;
  position: relative;
}

.submenu .hdrttl+ul li a::after {
  position: absolute;
  bottom: 0.5rem;
  background: var(--bs-heading-color);
  width: 0;
  left: 0;
  height: 1px;
  content: "";
  transition: all 0.7s;
}

.submenu .hdrttl+ul li a:hover::after {
  width: 100%;
  transition: all 0.7s;
}

.submenu iframe {
  border-radius: 0.5rem;
  width: 100%;
  height: 250px;
}

.submenu .prntmnlnk a {
  color: #646669;
  font-size: calc(var(--bs-body-font-size) * 0.875);
  line-height: 2.25rem;
}

.submenu .prntmnlnk a:hover {
  text-decoration: underline;
  color: #212529;
}

.parent-menu:hover, .parent-menu:focus {
  outline: none;
}

.parent-menu:hover>span, .parent-menu:focus>span {
  transform: rotate(-135deg);
  top: 2.25rem;
}

.parent-menu .submenu.open+.menu-arrow {
  transform: rotate(-135deg);
}

.hvrmnu:hover a .menu-arrow {
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
  margin-bottom: 0;
  font-size: calc(var(--bs-body-font-size) * 1.5);
  transition: all 0.5s ease-in-out;
}

.tabs {
  display: flex;
}

.tabs .tab-links {
  list-style-type: none;
  min-width: 245px;
  cursor: pointer;
}

.tabs .tab-links .tab-link {
  font-weight: 600;
  padding: 1.25rem 1rem;
  font-size: calc(var(--bs-body-font-size) * 0.875) !important;
  border-bottom: 1px solid #f2f2f2;
}

.darkimg {
  display: none;
}

.tabs .tab-links .tab-link:last-child {
  border-bottom: 0;
}

.tabs .tab-links .tab-link a {
  display: block;
  color: var(--bs-heading-color);
  opacity: 0.7;
}

.tabs .tab-links .tab-link.active {
  background-color: #f2f2f2;
  border-radius: 0.5rem;
}

.tabs .tab-links .tab-link.active a {
  color: var(--bs-heading-color);
  opacity: 1;
}

.tabs .tab-links .tab-link.active span {
  color: #fff;
  opacity: 1;
}

.tabs .tab-content .tab {
  height: 100%;
  display: flex;
  align-items: center;
  display: none;
  margin-bottom: 0.85rem;
}

.tabs .tab-content .tab.active {
  display: block;
}

.tabs .tab-content .tab h1 {
  font-size: calc(var(--bs-body-font-size) * 1.875);
  line-height: 38.28px;
  margin-bottom: 1.25rem;
}

.tabs .tab-content .tab p {
  font-size: calc(var(--bs-body-font-size) * 0.875);
  margin-bottom: 1.25rem;
  color: #1D2A41;
}

header>ul.d-flex {
  gap: 0.5rem;
}

.navbar-toggler {
  background: #fff;
}

header .d-flex ul {
  padding: 0;
}

header>.d-flex li {
  list-style-type: none;
  padding: 0.5rem 0;
  display: flex;
  cursor: pointer;
  gap: 0.5rem;
  flex-direction: column;
}

header .d-flex li.bdrbtm {
  padding-bottom: 0.75rem;
  padding-top: 0.5rem;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid #e7e7e7;
}

header .d-flex li h5 {
  font-size: var(--bs-body-font-size);
}

header .d-flex .tglimg {
  cursor: pointer;
  margin-left: 6px;
  padding: 0.375rem 0;
}

header .d-flex .tglimg img {
  width: 1.5rem;
  height: 1.5rem;
}

header .d-flex .tglimg+ul {
  background: #fff;
  z-index: 99;
  top: 36px;
  padding: 0.75rem 1.25rem;
  right: 0;
  border-radius: 0.625rem;
  display: none;
  box-shadow: 0 0 30px -8px rgba(0, 0, 0, 0.15);
}

header .d-flex .tglimg:hover+ul {
  display: block;
}

header .d-flex .btndv {
  gap: 0.5rem;
}

header .d-flex .tglimg+ul:hover {
  display: block;
}

.lastlihsr {
  position: fixed;
  backdrop-filter: none;
  background: transparent;
  bottom: 16px;
  width: 100%;
  margin-top: 39px !important;
}

/* new header end */
/* contact us page start */
.contact-us-section {
  background: url(../images/about-top-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 160px;
}

.contact-us-section h3 {
  font-size: 2.5rem;
}

.contact-us-section .gradbg {
  font-size: 5rem;
  line-height: 6.5rem;
}

.contact-us-section .gradbg.mb40 {
  font-size: 3.75rem;
  line-height: 5.5rem;
}

.contactus-card {
  padding: 165px 22px 28px 30px;
  /* height: 100%; */
}

.contactus-card h4 {
  font-size: 1.375rem;
  line-height: 33px;
}

.contactus-card p {
  font-size: 1rem;
}

.contactus-card img {
  object-fit: cover;
  transition: all 0.7s;
}

.contactus-card p a::before {
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  background: #fff;
  position: absolute;
  width: 0;
  transition: all 0.7s;
}

.contactus-card p a:hover::before {
  width: 100%;
  transition: all 0.7s;
}

.contactus-card:hover img {
  transform: scale(1.1);
  transition: all 0.7s;
}

.gradbtn {
  background: linear-gradient(90deg, #393185 0%, #E4097F 100%);
  padding: 13px 1.25rem !important;
}

.gradbtn span {
  font-size: 1.5rem;
}

.gradbdr {
  background: conic-gradient(from 167.81deg at 48.75% 6.95%, #FF5EEF -20.88deg, #9F2BFB 15.6deg, #6DF4F4 148.13deg, #F2EBAB 238.12deg, #FF5EEF 339.12deg, #9F2BFB 375.6deg);
  position: relative;
  z-index: 1;
}

.gradbdr::before {
  content: '';
  display: block;
  background-color: #FBFDFE;
  position: absolute;
  border-radius: 1.5rem;
  height: calc(100% - 4px);
  width: calc(100% - 4px);
  z-index: -1;
  top: 2px;
  left: 2px;
}

.gradbdr .adrs {
  padding: 3.375rem 1rem;
  border-bottom: 1px solid #DDDDDD
}

.bdrrgt {
  border-right: 1px solid #DDDDDD
}

.adrsbtm {
  padding: 3.125rem 1rem;
}

.adrs h3 {
  font-size: 1.5rem;
  text-transform: capitalize;
}

.adrs p {
  font-size: 1.25rem;
}

.adrsbtm h5 {
  font-size: 1.125rem;
  margin-bottom: 6px;
}

.adrsbtm h2 {
  font-size: 2.625rem;
  margin-bottom: 6px;
}

/* contact us page end */
/* 2 slider with gsap start */
:root {
  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-text: papayawhip;
    --color-bg: navy;
    --color-bg-accent: #2626a0;
  }
}

.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0;
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__group {
    animation-play-state: paused;
  }
}

.marquee--vertical {
  --mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
  flex-direction: column;
}

.marquee--vertical .marquee__group {
  animation-name: scroll-y;
}

.marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: -3s;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }

  to {
    transform: translateX(var(--scroll-end));
  }
}

.marquee .item {
  display: grid;
  aspect-ratio: 16/9;
}


.wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.wrapper--vertical {
  flex-direction: row;
  height: 100vh;
}

.toggle {
  --size: 3rem;
  position: relative;
  position: fixed;
  top: 1rem;
  left: 1rem;
  width: var(--size);
  height: var(--size);
  font: inherit;
  text-align: center;
  cursor: pointer;
  outline: none;
  border: none;
  border-radius: 50%;
  color: inherit;
  background-color: var(--color-bg-accent);
  z-index: 1;
}

.toggle:focus-visible {
  box-shadow: 0 0 0 2px var(--color-text);
}

.overview>img {
  height: 150%;
}

.toggle span {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: calc(100% + 0.4em);
  width: fit-content;
  white-space: nowrap;
  transform: translateY(-50%);
  animation: fade 400ms 4s ease-out forwards;
  user-select: none;
}

.toggle svg {
  --size: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--size);
  height: var(--size);
  fill: currentcolor;
  transform: translate(-50%, -50%);
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}

.toggle--vertical svg {
  transform: translate(-50%, -50%) rotate(-90deg);
}

@keyframes fade {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

/* 2 slider with gsap ends */
/* scroller gsap and lenis start */
html.lenis {
  height: auto;
}

.pin-spacer {
  overflow-x: hidden;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.section {
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

section.get_in_touch {
  padding-bottom: 120px;
  overflow: hidden;
}

.section.four.section_to-pin {
  height: 100% !important;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 13.5vw !important;
}

.blog.section.four.section_to-pin {
  padding-right: 0 !important;
}

.powertopsection .section.four.section_to-pin {
  height: calc(100vh - 60px) !important;
  padding-top: 210px !important;
  left: 0;
  display: flex;
  justify-content: start;
  align-items: center;
}

.section.four.section_to-pin .section_pin {
  padding: 0 calc(100% - 60px);
  padding-right: 2.75vw;
  padding-bottom: 5vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.powertopsection .section.four.section_to-pin .section_pin {
  padding-bottom: 0;
  height: calc(100vh - 60px);
}

.testimonial .section.four.section_to-pin .section_pin {
  /* padding-left: calc(100% + 60px); */
  padding-left: 0;
  padding-right: calc(100% - 150px);
}

.approch .section .section_pin {
  padding-left: calc(100% - 12vw);
  padding-right: 16vw;
  padding-bottom: 5vw !important;
  padding-top: 12vw !important;
}

.approch .section #section_pin-2 {
  padding-top: 8vw !important;
}

.approch .section #section_pin-4 {
  padding-top: 13vw !important;
}

.imgbox .imgbxmn:first-child {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.approch .section #section_pin-1.section_pin {
  padding-bottom: 0 !important;

}

.section.four.section_to-pin .section_pin .pin_wrapper {
  min-width: 348px;
  height: 600px;
  transition: opacity 0.3s cubic-bezier(0.51, 0.18, 0, 0.88);
}

.powertopsection .section.four.section_to-pin .section_pin .pin_wrapper {
  max-height: 550px;
}

.powertopsection .section.four.section_to-pin .section_pin .pin_wrapper {
  display: flex;
  align-items: start;
}

.testimonial .section.four.section_to-pin .section_pin .pin_wrapper {
  min-width: 670px;
  height: 530px !important;
}

.testimonial .section {
  min-height: 550px !important;
}

.approch .section.section_to-pin .section_pin .pin_wrapper {
  min-width: 385px;
  display: flex;
  align-items: center;
}

.approch .section.section_to-pin .section_pin #pin_wrapper_4 {
  min-width: 500px;
}

.approch>.bgblu>div {
  min-height: 550px;
}

.approch .pin_wrapper:has(.applstslide) {
  min-width: 700px !important;
}

.approch .section {
  padding-right: 0 !important;
  max-height: 650px !important;
  justify-content: center !important;

}

.approch .three .section {
  max-height: 600px !important;
}

.approch .four .section {
  max-height: 600px !important;
}

.section.four.section_to-pin .section_pin .pin_wrapper .image {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

/* scroller gsap and lenis ends */
.testimonial .pin_wrapper {
  height: 75vh !important;
}

.pt60 {
  padding-top: 60px;
}

.fade-up {
  opacity: 0;
  transform: translateY(125px);
  transition: opacity 1s ease-out, transform 1s ease-out;
  will-change: opacity, transform;
}

.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.cards-container .pin-spacer {
  margin: 0 !important;
}

/* blog start */
.pt180 {
  padding-top: 180px;
}

.mb60 {
  margin-bottom: 60px;
}

.bgwithline {
  background: linear-gradient(220.71deg, #DFF1FD50 19.96%, #FCEDF550 53.41%, #ffffff50 100%), url(../images/power-bg.svg) no-repeat;
  background-position: right top;
  background-size: contain;
}

.mainblog .text-center .gradbg {
  font-size: 4.375rem;
  font-weight: 800;
}

.mainblog .text-center p {
  font-size: 1.75rem;
  line-height: 1.7;
}

.mainblogcard {
  box-shadow: 0px 2px 8px 0px #0000001A;
}

.mainblogcard img {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  transition: all 0.7s;
}

.mainblogcard:hover img,
.eventcard:hover img {
  transform: scale(1.1);
  transition: all 0.7s;
}

.mainblogcard .cardpdng {
  padding: 1.875rem;
  padding-bottom: 2.5rem;
}

.mainblogcard .cardpdng .date {
  font-size: 0.875rem;
  color: #727381;
  line-height: 1.875rem;
}

.mainblogcard .cardpdng h2 {
  font-size: 1.5rem;
}

.mainblogcard .cardpdng h2 a {
  color: var(--bs-heading-color);
}



.reveal {
  visibility: hidden;
  position: relative;
  width: 80%;
  height: 80%;
  max-width: 500px;
  overflow: hidden;
}

.mainblogcard .cardpdng p {
  font-size: 0.875rem;
  line-height: 1.7;
  font-weight: 500;
  color: #656675;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 63px;
}

.mainblogcard .cardpdng>a {
  font-size: 0.875rem;
  color: var(--bs-heading-color);
}

.hoverlink {
  gap: 0.5rem;
}

.hoverlink::before {
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  background: var(--bs-heading-color);
  position: absolute;
  width: 0;
  transition: all 0.7s;
}

.mainblogcard:hover a::before,
.eventcard:hover a::before {
  width: 100%;
  transition: all 0.7s;
}

.mainblogcard:hover a span.material-symbols-outlined,
.eventcard:hover a span.material-symbols-outlined {
  transform: translateX(5px);
  transition: all 0.7s;
}

.row.g30 {
  --bs-gutter-x: 1.875rem;
  --bs-gutter-y: 1.875rem;
}

.hidden {
  transform: translateY(-100%);
  transition: all 0.7s ease;
}

/* blog detail start */
.mainblog .gradbg {
  font-size: 3rem;
  line-height: 130%;
}

.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item.active {
  color: #091638;
  font-size: 0.875rem;
}

.mainblog .bdrbtm {
  color: #727381;
  border-bottom: 1px solid #DDDDDD;
}

.mainblog .bdrbtm .rgtblgtp a img {
  width: 24px;
  filter: brightness(0) saturate(100%) invert(46%) sepia(10%) saturate(390%) hue-rotate(198deg) brightness(95%) contrast(95%);
}

.mainblog .blgbtmcntnt h2 {
  font-size: 1.5rem;
  line-height: 1.35;
  margin-bottom: 0.75rem;
}

.mainblog .blgbtmcntnt p {
  line-height: 1.9;
}

.mainblog .blgbtmcntnt ol {
  padding: 1.5rem;
}

.mainblog .blgbtmcntnt ol>li,
.mainblog .blgbtmcntnt ol>li h3 {
  font-size: 1.5rem;
}

.mainblog .blgbtmcntnt ol>li ul {
  list-style: none;
  padding: 0;
}

.mainblog .blgbtmcntnt ol>li::marker {
  font-weight: 700;
}

.mainblog .blgbtmcntnt ol>li ul>li P,
.mainblog .blgbtmcntnt ol>li ul>li img {
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.7;
}

.mainblog .blgbtmcntnt ol>li ul>li h4 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.post-tags .tag-label {
  color: #7f7f7f;
}

.post-tags a {
  display: inline-block;
  background: #f1f2f3;
  font-size: .75rem;
  border-radius: .25rem;
  padding: .05rem .5rem;
  color: #7f7f7f;
}

.post-tags a:hover {
  color: #0d6efd;
}

.lcpd {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: .4rem 1.05rem;
  background: rgba(37, 211, 102, .975);
  color: #fff;
  font-size: .875rem;
  border-radius: .25rem;
}

.ssbtm {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, .085);
  border-top: 1px solid rgba(0, 0, 0, .085);
}

.sshr img {
  filter: brightness(0) saturate(100%) invert(45%) sepia(11%) saturate(382%) hue-rotate(198deg) brightness(98%) contrast(92%);
  width: 24px;
}

.sshr img:hover {
  filter: brightness(0) saturate(100%) invert(37%) sepia(84%) saturate(6240%) hue-rotate(211deg) brightness(99%) contrast(103%);
}

.copy-link-btn {
  background: #f1f2f3;
  font-size: .75rem;
  border-radius: .25rem;
  padding: 5px .625rem;
  color: #7f7f7f;
  border: 0;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.nav-links>div a {
  color: #091638;
}

.nav-links>div a .navispan {
  font-size: 0.875rem;
}

.blgdtl h4 {
  font-size: 1rem;
}

.blgdtl a {
  border-bottom: 1px dashed #DDDDDD;
}

.blgdtl a:last-child {
  border: 0;
}

.blgdtl a img {
  height: 70px;
  width: 70px;
  border-radius: 0.75rem;
}

/* blog detail end */
/* blog end */
/* event start */
.mb30 {
  margin-bottom: 1.875rem;
}

.eventcard {
  box-shadow: 0px 2px 8px 0px #0000001A;
  padding: 0.875rem;
  padding-right: 2rem;
}

.eventcard img {
  transition: all 0.7s;
}

.eventcard .dateplace {
  font-size: 0.875rem;
  line-height: 1.875rem;
  color: #727381;
}

.eventcard .blghdr {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

.eventcard p {
  font-size: 0.875rem;
  color: #656675;
  line-height: 170%;
  font-weight: 500;
}

.eventcard a {
  color: var(--bs-heading-color);
}

.eventslider .slick-track {
  display: flex;
}

.Event .position-sticky {
  padding: 1.875rem;
  padding-bottom: 2.5rem;
  box-shadow: 0px 2px 8px 0px #0000001A;
  top: 60px;
}

.Event .position-sticky .bdrbtm {
  border-color: #DDDDDD;
  padding-bottom: 0.625rem;
}

.Event .position-sticky .bdrbtm h2 {
  font-size: 1.35rem;
}

.Event .position-sticky p {
  font-size: 0.9rem;
}

.eventslider .slick-dots {
  display: flex;
  list-style: none;
  gap: 5px;
  justify-content: center;
  padding: 0;
  margin-top: 1.5rem;
  margin-bottom: 0;
  padding-bottom: 0.75rem;
}

.eventslider .slick-dots li button {
  font-size: 0;
  border: 0;
  background: #B3B4C2;
  width: 0.5rem;
  height: 0.75rem;
  border-radius: 1.25rem;
  outline: none;
}

.eventslider .slick-dots li.slick-active button {
  background: linear-gradient(243.46deg, #2D9F76 41.03%, #0096D6 84.84%);
  width: 27px;

}

/* event detail start */
.eventtopbanner h1 {
  font-size: 45px;
  line-height: 120%;
  font-weight: 800;
  text-transform: uppercase;
}

.eventtopbanner p {
  font-size: 1.5rem;
  line-height: 150%;
}

.py-120 {
  padding: 120px 0;
}

.event-detail .toptext p {
  font-size: 1.25rem;
  line-height: 170%;
}

.graybg {
  background: linear-gradient(236.71deg, #DFF1FD 11.96%, #FCEDF5 104.41%), url(../images/about-svg2-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

/* event detail end */
/* event end */
/* solution start */
.solution {
  background: linear-gradient(262.87deg, #2463A2 23.8%, #A001FC 122.46%, #7C2E58 173.91%);
}

.solution img {
  opacity: 0.2;
}

.solutiontopbanner h1 {
  font-weight: 800;
  font-size: 70px;
  line-height: 1.2;
  text-transform: uppercase;
}

.solutiontopbanner h1 span {
  justify-content: flex-start;
}

.solutiontopbanner p {
  font-size: 1.25rem;
  line-height: 150%;
}

.overview {
  background: linear-gradient(236.71deg, #DFF1FD 11.96%, #FCEDF5 104.41%);
}

.pt80 {
  padding-top: 5rem;
}

.pb114 {
  padding-bottom: 114px;
}

.pb200 {
  padding-bottom: 200px;
}

.bgline .txtmd {
  font-size: 70px;
  line-height: 100%;
}

/* solution end */
.lftyear p {
  color: #727381;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
}

.lftyear h2 {
  font-size: 2.875rem;
  font-weight: 500;
}

.fixed-element {
  top: 67px;
  height: calc(100vh - 67px);
  /* top: 80px;
  height: calc(100vh - 100px); */
  display: flex;
  align-items: center;
  width: 100%;
}

.fixed-element>div {
  height: 530px !important;
}

.mb160 {
  padding-bottom: 160px;
}

/* security start */
.security .gradbg {
  font-size: 3.75rem;
  line-height: 100%;
}

.security .gradbg+p {
  font-size: 1.5rem;
  line-height: 170%;
}

.securitybox {
  background: linear-gradient(145.3deg, #FFEACF 15.7%, #FFEFFF 88.46%);
  padding: 63px 50px 50px;
  transition: all 0.7s;
}

.securitybox:hover {
  box-shadow: 0px 0px 5px 0px #0000001A;
  background: linear-gradient(45.3deg, #FFEACF 15.7%, #FFEFFF 88.46%);
  transition: all 0.7s;
}

.securitybox img {
  margin-bottom: 2.25rem;
  transition: all 0.7s;
}

.securitybox:hover img {
  transform: scale(1.1);
  transition: all 0.7s;
}

.securitybox h3 {
  font-size: 1.5rem;
  line-height: 150%;
}

.benefitbox h3 {
  font-size: 1.25rem;
  line-height: 150%;
}

.p40 {
  padding: 2.5rem;
}

.benefits {
  background: linear-gradient(178.78deg, #E6F7EF 1.24%, #FFFFFF 99.17%);
}

.benefitbox {
  box-shadow: 0px 0px 5px 0px #0000001A;
}

.benefitbox p {
  line-height: 24px;
}

/* security end */

/* powersec ends */
/* faq start */
.bgfaqimg {
  background: url(../images/why-inventive-bg.png)
}

.pb60 {
  padding-bottom: 3.75rem;
}

.faqpower .accordion-button::after {
  background-image: url(../images/add_circle.svg);
  width: 3rem;
  height: 3rem;
  background-size: 3rem;
  transition: all 0.5s;
}

.faqpower .accordion-button:not(.collapsed)::after {
  background-image: url(../images/minus_circle.svg);
}

.faqpower .accordion-button {
  padding: 2rem 0;
  font-size: 1.875rem;
  line-height: 100%;
  font-weight: 500;
}

.faqpower .accordion-body {
  padding: 0;
  padding-bottom: 2.5rem;
  line-height: 1.875rem;
  font-size: 1.125rem;
}

.faqpower .accordion-item,
.faqpower .accordion-flush>.accordion-item:last-child {
  border-bottom: 1px solid #C9C9CE;
}

.faqpower .accordion-button:not(.collapsed) {
  background: transparent;
  box-shadow: none;
  color: #1D2A41;
}

.ps-116 {
  padding-left: 116px;
}

.pe-116 {
  padding-right: 116px;
}

/* faq ends */
/* checkbox start */
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: relative;
  background-color: transparent;
  border: 2px solid #0E172666;
  height: 24px;
  min-width: 24px;
  margin-top: 1px;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.2s ease 0s;
}

.container-checkbox input:checked~.checkmark {
  box-shadow: rgb(228 244 251) 0px 0px 0px 2px;
  background-color: #021638;
  border: 2px solid #39455a66;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container-checkbox input:checked~.checkmark:after {
  display: block;
}

.container-checkbox .checkmark:after {
  left: 0.45em;
  top: 0.25em;
  width: 0.35em;
  height: 0.65em;
  border: solid white;
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
  transition: all 500ms ease-in-out;
}

.container-checkbox span {
  font-size: 0.875rem;
  color: #000000;
}

/* checkbox end */

.pt140 {
  padding-top: 140px;
}

.gap-30 {
  gap: 1.875rem;
}

.topbox .slick-arrow, .testimonial .slick-arrow {
  display: none !important;
}

.topbox .slick-dots, .testimonial .slick-dots {
  display: flex;
  padding: 0;
  list-style: none;
  justify-content: center;
  gap: 0.5rem;
  position: absolute;
  width: 100%;
  top: -50px;
  display: none !important;
}

.topbox .slick-dots li button {
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  background-color: #808a9b;
  font-size: 0;
  border: 0;
}

.topbox .slick-dots li.slick-active button {
  background-color: var(--bs-heading-color);
}

.topbox .slick-carousel .slick-slide, .testimonial .slick-carousel .slick-slide {
  margin-right: 1rem;
}

.topbox .slick-carousel, .testimonial .slick-carousel {
  margin-right: -1rem;
}

.topbox .slick-list {
  position: absolute;
  top: -170px;
  width: 100%;
}



.topbox .slick-slide {
  margin-right: 20px;
}

.topbox .slick-list {
  overflow-x: hidden !important;
}



























/* media query start */
/* power  page start*/

@media (width <=575px) {
  .about-content:before {
    display: none;
  }

  .powertopcenter+.mtneg p {
    max-width: 299px;
  }

  .maintopsection img[alt="AI"] {
    right: 9px;
    top: 23px;
    width: 35px;
  }

  .contact-us-section .gradbg.mb40 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }

  .container-fluid {
    padding: 0 1.25rem;
  }

  .power_top_section>.position-absolute {
    width: 90%;
  }

  .powertopcenter p {
    font-size: 0.875rem;
  }

  .select2-container {
    padding-bottom: 0.35rem;
  }

  .contactusform-image-div {
    height: 100% !important;
  }

  .row.rg60 {
    --bs-gutter-x: 1.5rem;
  }

  /* aboutus page start */
  .timelinemain {
    flex-direction: column;
  }

  .timeline .slick-dots {
    gap: 1rem;
  }

  .timeline .slick-dots li.slick-active button {
    width: 40px;
    height: 40px;
  }

  .lftyear p {
    font-size: 0.9rem;
  }

  .lftyear .sec-head {
    font-size: 1.25rem;
  }

  .contctcntnt h4 {
    font-size: calc(var(--bs-body-font-size) * 1.15);
  }

  .timeline .slick-dots li.slick-active button {
    width: 40px;
    height: 40px;
  }

  .contctcntnt p {
    font-size: calc(var(--bs-body-font-size) * 0.9);
  }

  .contctdv a {
    font-size: var(--bs-body-font-size);
  }

  .mb90 {
    margin-bottom: 45px;
  }

  .mb145 {
    margin-bottom: 72px;
  }

  .mb70 {
    margin-bottom: 35px;
  }

  .mainform .input-container {
    margin-bottom: 3rem;
  }

  .mainform .input-container input,
  .mainform .input-container select {
    border-bottom: 1px solid #9fa2a8;
  }

  .mainform .input-container .underline {
    height: 1px;
  }

  .mainform .input-container input:focus~.label,
  .mainform .input-container input:valid~.label,
  .mainform .input-container select:focus~.label,
  .mainform .input-container select:valid~.label {
    top: -1.5rem;
    font-size: calc(var(--bs-body-font-size) * 0.8);
  }

  .mainform .input-container input:focus~label,
  .mainform .input-container input:valid~label,
  .mainform .input-container input:user-invalid~label,
  .mainform .input-container select:focus~label,
  .mainform .input-container select:valid~label {
    top: -1.5rem;
    font-size: calc(var(--bs-body-font-size) * 0.8);
  }

  .timelinemain {
    flex-direction: column;
  }

  .timeline .slick-dots {
    gap: 1rem;
  }

  .mainform .input-container input.Message,
  .mainform .input-container select.Message {
    padding-bottom: 2rem;
  }

  .mainform .input-container label {
    font-size: var(--bs-body-font-size);
  }

  .tabcontent p {
    line-height: 1.75rem;
    font-size: var(--bs-body-font-size);
  }

  .maintabdv li .tabcontent {
    padding: 0;
  }

  .bfr p.pb100 {
    line-height: 1.75rem;
  }

  .bfr::before, .bfr::after {
    left: 10px;
  }

  .rgtyear .rgthd h2,
  .yeartimeslide .slick-slide p {
    font-size: calc(var(--bs-body-font-size) * 2);
    line-height: 2rem;
  }

  .rgtyear .rgthd {
    right: 51px;
  }

  .numdv h2, .numdv span:first-child {
    font-size: calc(var(--bs-body-font-size) * 1.75);
  }

  .numdv span:first-child {
    line-height: 0;
  }

  .numdv h2 {
    line-height: 2rem;
  }

  .numdv span {
    font-size: var(--bs-body-font-size);
  }

  .maintabdv li .tabcontent {
    padding-right: 0;
    padding-bottom: 100px;
  }

  /* aboutus page end */
  /* value(accordien) page start */
  .maintabdv li.active {
    padding: 0.5rem 1.5rem 0 1.5rem !important;
    flex-direction: column;
    gap: 0;
  }

  .submenu {
    box-shadow: none;
    background: transparent;
    backdrop-filter: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .submenu {
    position: inherit;
    visibility: visible;
    opacity: 1;
    padding: 1rem 0;
    transform: translateX(0);
  }

  /* value(accordien) page end */
  /* aboutus page end */
  .about-banner video {
    width: 285px;
    height: 285px;
  }

  .gradbg.txtxl+img {
    left: calc(58.07% + 100px);
    width: 35px;
  }

  .rgtcircle h2 {
    font-size: 2.2rem;
    line-height: 2.75rem;
    padding: 0;
  }

  .smart_section h3 {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }

  .row.gx60>* {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

  .about-content:before {
    height: calc(100% + 371px);
    left: 0.75rem;
    top: -371px;
  }

  .counter-content .middle {
    margin-left: 0.75rem;
  }

  .counter-sect {
    margin-left: 0;
  }
}


/* power  page end*/

@media(576px < width < 768px) {
  .contact-us-section .gradbg.mb40 {
    font-size: 2.75rem;
    line-height: 3.5rem;
  }

  .smart_section h3 {
    font-size: 2.75rem;
    line-height: 4.25rem;
  }

  .rgtcircle h2 {
    font-size: 3.5rem;
    line-height: 3.75rem;
    padding: 0;
  }

  .smart_section video {
    width: 425px;
    height: 425px;
  }

  .select2-container {
    padding-bottom: 0.5rem;
  }

  .maintabdv li .tabhead h4,
  .maintabdv li:last-child .tabhead h4,
  .maintabdv li.active:last-child .tabhead h4,
  .maintabdv li.active .tabhead h4 {
    transform: none;
  }

  .maintabdv li .tabhead {
    padding: 0;
  }

  .maintabdv li.active .tabhead {
    width: 100%;
    padding: 0;
    align-items: baseline;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e6e6e6;
  }

  .imgtxt {
    left: -0.5rem;
  }

  .maintabdv li {
    padding: 0.25rem 1.5rem;
  }

}

@media(width < 768px) {

  .powerlinebg {
    background-attachment: unset !important;
  }

  .pin-spacer {
    padding: 0px 0px 0px !important;
  }

  .powertopsection .section.four.section_to-pin .section_pin .pin_wrapper {
    align-items: center;
  }

  .contactformimg {
    object-fit: none !important;
  }

  .mainform form:before {
    display: none;
  }

  .mainform form {
    padding-left: 0rem;
  }

  .carousel-control-next, .carousel-control-prev {
    display: inline-flex;
    width: 36px;
    height: 36px;
    top: -56px;
    border: 1px solid var(--bs-heading-color);
    border-radius: 5px;
  }

  .carousel-control-prev {
    right: 50px;
    left: auto;
  }

  .carousel-control-next-icon, .carousel-control-prev-icon {
    width: 1.25rem;
    height: 1.25rem;
    filter: brightness(0) saturate(100%) invert(8%) sepia(82%) saturate(1155%) hue-rotate(198deg) brightness(93%) contrast(101%);
  }

  .carousel-control-next-icon {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23fff"%3e%3cpath d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" stroke="%23fff" stroke-width="0.75"/%3e%3c/svg%3e');
  }

  .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z' stroke='%23fff' stroke-width='0.75'/%3e%3c/svg%3e");
  }

  .carousel-indicators {
    bottom: -40px;
  }

  .topbox .carousel-indicators {
    bottom: 0;
  }

  .carousel-indicators [data-bs-target] {
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 50%;
    background-color: var(--bs-heading-color);
  }

  .topbox .carousel-indicators [data-bs-target] {
    background-color: #fff;
  }

  .carousel-control-next {
    right: 0;
  }

  @keyframes fstbfr90 {
    0% {
      height: 0;
    }

    100% {
      height: 100%;
    }
  }

  @keyframes tstbfrmob {
    0% {
      width: 0;
    }

    100% {
      width: 90%;
    }
  }

  .pb90 {
    padding-bottom: 45px;
  }

  .powertopcenter {
    padding: 1.875rem 0px;
  }

  .pt140 {
    padding-top: 70px;
  }

  .Event.pt140, .mainblog.pt140 {
    padding-top: 90px;
  }

  .event-detail h2 {
    font-size: 3rem;
    line-height: 1.25;
  }

  .graybg .gradbg {
    font-size: 3.5rem;
    line-height: 4.5rem;
  }

  .accordionbox .acchdr {
    padding-bottom: 30px;
  }

  .mainblog .blgbtmcntnt ol {
    padding: 0.5rem;
  }

  .approch .bgblu img[alt="graph"], .approch .bgblu img[alt$="-1"], .approch .bgblu .applstslide:has(img) {
    padding-left: 0;
  }

  .contactus-card h4 {
    font-size: 1.15rem;
    line-height: 1.3;
  }

  .contactus-card p {
    font-size: 0.875rem;
  }

  .contactus-card {
    padding: 70px 12px 20px 20px;
  }

  /* connectwithus page start */
  .contactus h3 {
    font-size: 1.125rem;
  }

  .mainform .input-container label {
    font-size: 0.875rem;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1D2A41;
    font-size: 0.9rem;
  }

  .contactus h2 {
    font-size: 1.75rem;
    margin-bottom: 2rem;
    line-height: 1.2;
  }



  /* connectwithus page end */
  /* blog start */
  .mainblog .gradbg {
    font-size: 2.25rem;
    line-height: 120%;
  }

  .mainblog .blgbtmcntnt h2 {
    font-size: 1.35rem;
    margin-bottom: 0.875rem;
  }

  .mainblog .blgbtmcntnt p {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1.25rem;
  }

  .mainblog .blgbtmcntnt ol>li ul>li h4,
  .mainblog .blgbtmcntnt ol>li h3,
  .mainblog .blgbtmcntnt ol>li::marker {
    font-size: 1.15rem;
  }

  /* blog end */
  /* index start */
  .maintopsection h1 {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }

  .maintopsection p {
    font-size: 1.15rem;
    line-height: 1.5rem;
  }

  .maintopsection .position-absolute p {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .maintopsection {
    height:100vh;
  }

  .top-section .toptxt {
    height: 100% !important;
  }

  .smart_section video {
    width: 320px;
    height: 320px;
  }

  .mainblogs h2 {
    font-size: 0.775rem;
  }

  .maintopsection.section {
    padding-top: 60px !important;
  }

  \.top-section .toptxt {
    /* height: 60vh !important; */
    padding-top: 1.875rem;
  }

  .section {
    padding-top: 30px !important;
    padding-bottom: 30px;
  }

  section.smart_section {
    padding-top: 4.5rem !important;
    padding-bottom: 60px !important;
  }

  .smart_section {
    background-size: contain;
  }

  .testimonial .section.four.section_to-pin .section_pin {
    padding-right: calc(100% - 37px);
  }

  section.get_in_touch {
    padding-bottom: 40px;
  }

  .section.four.section_to-pin {
    padding-top: 0 !important;
  }

  .blog.section.four.section_to-pin {
    padding-top: 30px !important;
  }

  .smart_section p, .approch .d-flex+p {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .approch .d-flex+p {
    margin-bottom: 30px;
  }

  .promo-carousel-wrapper {
    margin-bottom: 30px;
  }

  .approch .bgblu {
    padding: 1.5rem 1.25rem !important;
    border-radius: 1rem;
    margin-top: 1.5rem;
  }

  .imgbox .imgbxmn:first-child {
    margin-bottom: 20px;
  }

  .rgtcircle .marquee__group .item {
    margin-right: 2rem;
    width: 50px;
  }

  .bgblu h3 {
    font-size: 1.65rem;
    line-height: 1.2;
  }

  .bgblu p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .topbox .slick-carousel {
    opacity: 0;
    visibility: hidden;
    display: flex;
    transition: opacity 0.5s ease, visibility 0.5s ease;
  }

  .topbox .slick-carousel.show {
    opacity: 1;
    visibility: visible;
  }

  .butn:link, .butn:visited {
    font-size: 0.875rem;
    padding: 0.75rem 1rem;
  }

  .approch .bgblu img[alt="graph"], .bgblu .col-md-6>img {
    padding-left: 0;
  }

  .twocntnt img {
    width: 125px;
  }

  .accordionbox .acchdr>div:first-child {
    margin-bottom: 30px;
  }

  .twocntnt+h3 {
    font-size: 0.725rem;
    line-height: 1.25;
  }

  .testimonialslide {
    padding: 67px 56px 52px 43px;
  }

  .wrapper {
    gap: 1.25rem;
  }

  .testimonialslide {
    padding: 1.5rem;
  }

  .testimonialslide img {
    height: 30px;
    margin-bottom: 30px;

  }

  .testimonialslide p.fw-medium {
    margin-bottom: 25px;
    line-height: 1.4;
    font-size: 1.1rem;
  }



  .powertopsection .section.four.section_to-pin {
    padding-top: 0px !important;
  }

  .testimonialslide p.testpost {
    font-size: 0.8rem;
    line-height: 1.3;
  }

  .testimonialslide h3.testname {
    margin-bottom: 0.5rem;
    font-size: 1rem;
  }

  .twocntnt {
    margin-bottom: 0.875rem;
    margin-right: 0;
  }

  .marquee .item {
    width: 150px;
  }

  /* index end */
  /* blog start */
  .mainblogcard .cardpdng {
    padding: 1.25rem;
    padding-bottom: 2rem;
  }

  .mainblogcard .cardpdng h2 {
    font-size: 1.15rem;
  }

  /* blog end */
  /* event start */
  .mainblog .text-center .gradbg {
    font-size: 2.5rem;
    line-height: 1.25;
  }

  .mainblog .text-center p {
    font-size: 1rem;
    line-height: 1.5;
  }

  .mb60 {
    margin-bottom: 30px;
  }

  .eventcard .dateplace {
    line-height: 1.25rem;
  }

  .eventcard .blghdr {
    font-size: 1.25rem;
  }

  .eventcard {
    padding: 0.875rem;
  }

  /* event end */
  /* contact us page start */

  .gradbdr .adrs, .adrsbtm {
    padding: 1.75rem 0.75rem;
  }

  .adrsbtm h2 {
    font-size: 2rem;
  }

  .contact-us-section .adrs h3 {
    font-size: 1.25rem;
  }

  .contact-us-section .adrs p {
    font-size: 1rem;
  }

  .contact-us-section .bdrrgt {
    border-right: 0;
  }

  .gx30 {
    --bs-gutter-x: 1.5rem;
  }

  .contact-us-section {
    padding-top: 120px;
  }

  .contact-us-section h3 {
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 0;
  }

  .gradbtn {
    background: linear-gradient(90deg, #393185 0%, #E4097F 100%);
    padding: 0.5rem 0.75rem !important;
    font-size: 0.75rem;
  }

  .gradbtn span {
    font-size: 1.25rem;
  }

  .contactus-card .position-absolute h4 {
    font-size: 1.1rem;
  }

  /* contact us page end */
  /* home page start */
  .txtxl {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }

  .pt-100 {
    padding-top: 30px;
  }

  /* home page end */
  .pb120 {
    padding-bottom: 60px;
  }

  .Sustainability.pb120 {
    padding-bottom: 30px;
  }

  .pt180 {
    padding-top: 90px;
  }

  .powertptxt h2 {
    font-size: 2rem;
    line-height: 2.75rem;
  }

  section {
    padding: 30px 0;
  }

  .blog .gradbg {
    font-size: 2.25rem;
    line-height: 4.875rem;
  }

  .mb40 {
    margin-bottom: 1.125rem;
  }

  .smart_section p {
    margin-bottom: 2.5rem;
  }

  /* powertop section */
  .powertopsection {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .powertptxt h1 {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .bgline .txtmd {
    font-size: 2.35rem;
    line-height: 3rem;
  }

  .testimonial .section.four.section_to-pin .section_pin .pin_wrapper {
    min-width: 466px;
    height: 390px !important;
  }

  .fixed-element {
    top: 0;
    height: auto;
  }

  .testimonial .topcntnt h2 {
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .secsubhead {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    line-height: 2.5rem;
  }

  .accordionbox h2, .accordionbox span {
    font-size: 1.25rem;
  }

  .Sustainability .accordionbox p {
    font-size: 1rem;
    line-height: 1.5;
  }

  .acccntnt {
    margin-bottom: 1.5rem;
  }

  #pin_wrapper_6:has(.testimonialslide) {
    visibility: visible;
  }

  .testimonial .section {
    min-height: 400px !important;
    max-height: 400px !important;
  }

  .get_in_touch img[alt="get-in-touch-bg"] {
    height: 355px;
  }

  .accordionbox h2 {
    margin-left: 20px;
  }

  .acccntntmain img {
    min-height: 250px;
  }

  .counternum-section .gradbg {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }


  .about-content {
    padding: 1rem 0 1.625rem 0rem;
  }

  .about-content .p1 {
    font-size: 18px;
    line-height: 1.75rem;
    padding-bottom: 0rem;

  }

  .about-content .p2 {
    font-size: 16px;
    line-height: 1.75rem;
    padding-top: 1rem;
  }

  .counter-content .middle {
    padding: 1.5rem 1.25rem;
    margin-top: 0;
    border-radius: 1.5rem;
  }


  .counter-content h2:before {
    bottom: -0.75rem;
  }

  .counter-content .middle::before {
    height: 1rem;
    bottom: -1rem;
  }

  .counter-content .middle::after {
    height: 0.75rem;
    bottom: -1.75rem;
  }

  .about-banner h3 {
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 0;
  }

  footer .txtmd {
    font-size: 1.75rem;
    line-height: 2rem;
  }

  /* get in touch home section start*/
  .get_in_touch .midtxt {
    bottom: 115px;
  }

  .get_in_touch .midtxt h2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  footer .bdrbtm p.topp {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .gx60 {
    --bs-gutter-x: 1.5rem;
  }

  .get_in_touch p {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }

  .maintabdv {
    padding: .5rem;
    border-radius: 0;
  }

  .tabcontent p {
    line-height: 1.75rem;
    font-size: var(--bs-body-font-size);
  }

  .maintabdv li .tabhead {
    padding: 0;
  }

  /* get in touch home section end*/
  footer {
    padding-top: 40px;
    background-position: right 50px;
    background-size: 29%;
  }

  .pt120 {
    padding-top: 60px !important;
  }

  .txtmd {
    font-size: 2.375rem;
    line-height: 2.75rem;
  }

  .overview .gradbg {
    font-size: 3.5rem;
    line-height: 1.2;
    margin-bottom: 0.75rem;
  }

  .points .pb114.txtmd {
    font-size: 1.75rem;
    line-height: 1.2;
  }

  .ps-116 {
    padding-left: 0;
  }

  .pe-116 {
    padding-right: 0;
  }

  .points .pb200 img {
    padding-bottom: 1.5rem;
  }

  .pb200 {
    padding-bottom: 50px;
  }

  .securitybox {
    padding: 30px 50px 30px;
  }

  .securitybox img {
    margin-bottom: 1.25rem;
    width: 120px;
  }

  .securitybox h3 {
    font-size: 1.25rem;
    line-height: 1.2;
  }

  .row.g30 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .benefits .gradbg {
    font-size: 3.5rem;
    line-height: 1.2;
  }

  .p40 {
    padding: 1.5rem;
  }

  .benefitbox h3 {
    font-size: 1.25rem;
  }

  .faqpower .gradbg {
    font-size: 3.5rem;
    line-height: 3.75rem;
  }

  .faqpower .accordion-button {
    padding: 1.25rem 0;
    font-size: 1.25rem;
    line-height: 1.2;
  }

  .faqpower .accordion-button::after {
    width: 2rem;
    height: 2rem;
    background-size: 2rem;
  }

  .faqpower .accordion-body {
    line-height: 1.65rem;
    font-size: 1rem;
  }

  .power_top_section {
    height: 75vh;
  }

  .powertopcenter+.mtneg p {
    font-size: 0.875rem;
    line-height: 1.25;
    /* max-width: 253px; */
  }

  .get_in_touch a.position-absolute {
    font-size: 0.775rem;
    padding: 0.65rem 0.875rem;
  }

  .py-120 {
    padding: 30px 0;
  }

  .event-detail .toptext p {
    font-size: 1rem;
    line-height: 1.5;
  }

  .get_in_touch::after {
    height: 64px;
    left: 50%;
    bottom: 40px;
    width: 200px;
  }

  .rgt-cuv {
    left: calc(50% + 150px);
  }

  .lft-cuv {
    left: calc(50% - 150px);
  }

  .powertopcenter h1 {
    font-size: 1.5rem;
  }

  .counternum-section.power .outerleftdv {
    padding: 1.25rem 1.25rem 1.5rem 1.5rem;
    margin: 0 1rem;
  }

  .toplftbdr {
    margin: 0 1rem;
    padding: 1.5rem 1.35rem;
  }

  .counternum-section .toplftbdr::after {
    animation-delay: 1s;
  }

  .mainform .input-container input.contctinp:focus~label, .mainform .input-container input.contctinp:valid~label {
    left: -128px;
    top: -33px;
  }

  .fixed-element>div {
    height: auto !important;
  }

  .testimonial {
    padding-top: 4rem;
  }

  .counternum-section .outerleftdv::after {
    height: 0;
  }
}
@media (max-width: 576px) {
  .maintopsection{
    height:100vh;
  }
}
@media(575px <=width <=768px) {
  .timeline .slick-dots {
    gap: 1rem;
  }

  .timeline .slick-dots li.slick-active button {
    width: 40px;
    height: 40px;
  }

  .about-content:before {
    height: calc(100% + 372px);
    left: 20px;
    top: -372px;
  }

  .counter-sect {
    margin-left: 20px;
  }

  .powertopcenter+.mtneg p {
    max-width: 450px;
  }

  .power_top_section .mtneg {
    margin-top: -1rem;
    margin-left: -0.5rem;
  }
}

@media(575px <=width <=991px) {
  .maintopsection img[alt="AI"] {
    right: 7px;
    top: 21px;
  }
}

@media(768px <=width <=895px) {
  .rgtcircle h2 {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .smart_section h3 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media(896px <=width <=991px) {
  .rgtcircle h2 {
    font-size: 3.75rem;
    line-height: 4rem;
  }

  .smart_section h3 {
    font-size: 2.75rem;
    line-height: 3.5rem;
  }
}

@media(768px <=width <=991px) {
  .get_in_touch img[alt="get-in-touch-bg"] {
    height: 550px;
  }


  .powertopsection .section.four.section_to-pin .section_pin .pin_wrapper {
    align-items: center;
  }

  .fixed-element {
    top: 90px;
    height: calc(100vh - 100px);
  }

  .counternum-section.power .outerleftdv {
    padding: 1.25rem 1.25rem 1.5rem 1.5rem;
    margin-right: 0;
    margin-left: 16px;
  }

  .toplftbdr {
    margin-right: 1rem;
    padding: 1.5rem 1.35rem;
  }

  .counternum-section .toplftbdr::after {
    animation-delay: 5s;
  }

  .get_in_touch .midtxt h2 {
    font-size: 2.75rem;
    line-height: 3.5rem;
  }

  .get_in_touch::after {
    bottom: 90px;
  }

  .overview .gradbg {
    font-size: 4.5rem;
    line-height: 1.5;
    margin-bottom: 0.75rem;
  }

  .pb200 {
    padding-bottom: 75px;
  }

  .counter-content .middle {
    padding: 40px 20px;
  }

  .contact-us-section .gradbg.mb40 {
    font-size: 3.15rem;
    line-height: 4.5rem;
  }

  /* index start */
  .maintopsection h1 {
    font-size: 4rem;
    line-height: 4rem;
  }

  .maintopsection p {
    font-size: 1.15rem;
    line-height: 1.5rem;
  }

  .maintopsection {
    height: 100vh;
  }

  .top-section .toptxt {
    height: 100vh !important;
  }

  .smart_section video {
    width: 325px;
    height: 325px;
  }

  /* index end */
  /* connectwithus page start */
  .contactus h3 {
    font-size: 1.65rem;
  }

  .mainform .input-container label {
    font-size: 0.95rem;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1D2A41;
    font-size: 1rem;
  }

  .contactus h2 {
    font-size: 2.75rem;
    margin-bottom: 2rem;
    line-height: 3.25rem;
  }

  .mainform form {
    padding-left: 2.5rem;
  }

  /* connectwithus page end */
  .powertptxt h2 {
    font-size: 4rem;
    line-height: 6rem;
  }

  .mainblogcard .cardpdng p {
    min-height: 150px;
  }

  .timeline .slick-dots {
    gap: 2rem;
  }

  .maintabdv {
    padding: 2rem;
  }

  .section {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .pt-100 {
    padding-top: 30px;
  }

  .txtxl {
    font-size: 4.75rem;
    line-height: 6.75rem;
  }

  .approch .d-flex+p {
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .mb80 {
    margin-bottom: 40px;
  }

  .approch .bgblu {
    padding: 30px !important;
  }

  .bgblu h3 {
    line-height: 2.5rem;
    font-size: 2rem;
  }

  .bgblu p {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 2rem;
  }

  .bgline .txtmd {
    font-size: 50px;
    line-height: 1;
  }

  .secsubhead {
    font-size: 40px;
    margin-bottom: 2rem;
    line-height: 2.938rem;
  }

  .accordionbox h2 {
    margin-left: 24px;
  }

  .numdv h2 {
    font-size: 2.75rem;
  }

  .accordionbox h2, .accordionbox span {
    font-size: 1.75rem;
  }

  .testimonial .topcntnt h2 {
    font-size: 2.5rem;
    line-height: 2.75rem;
  }

  p.test {
    font-size: 1.25rem;
  }

  /* home page start */
  /* .smart_section video{
  width: 538px;
  height: 538px;
} */
  /* home page end */
  .about-content:before {
    height: calc(100% + 375px);
    left: 17px;
    top: -375px;
  }

  .counter-sect {
    margin-left: 64px;
  }

  .pt120 {
    padding-top: 60px;
  }

  .py-120 {
    padding: 60px 0;
  }

  .power_top_section .mtneg {
    margin-top: -0.5rem;
  }

  .powertopcenter+.mtneg p {
    max-width: 560px;
  }

  .powertopcenter h1 {
    font-size: 2.35rem;
  }

  /* .rgtcircle h2 {
  font-size: 3.75rem;
    line-height: 4rem;
} */
  /* .smart_section h3 {
  font-size: 2.75rem;
  line-height: 3.5rem;
} */
  .mb40 {
    margin-bottom: 1.25rem;
  }

  .smart_section p {
    font-size: 1.15rem;
    line-height: 1.5;
  }

  @keyframes fstbfr90 {
    0% {
      height: 0;
    }

    100% {
      height: 90%;
    }
  }
}

@media(767px <=width) {
  .approch>div>div>.bgblu {
    margin: 0 60px !important;
  }

  .ms56 {
    padding-left: 56px;
  }
}

@media(width <=991px) {
  .mainblogs img {
    height: 140px;
    transition: all 0.7s;
  }

  .pt3rem {
    padding-top: 3rem;
  }

  .blog .top-img {
    height: 292px;
  }

  .power_top_section .mtneg {
    margin-top: -1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .approch .bgblu .applstslide:has(img) {
    padding-left: 0;
  }

  .lft-cuv, .rgt-cuv {
    top: calc(100% - 99px);
  }

  .get_in_touch a.position-absolute {
    bottom: 0.35rem;
  }

  .event-detail .banner-image img {
    height: 75vh !important;
    object-fit: cover;
  }

  .eventtopbanner h1 {
    font-size: 28px;
  }

  .eventtopbanner p {
    font-size: 1.25rem;
  }

  .contactformimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .security .gradbg {
    font-size: 2.75rem;
    line-height: 1.2;
  }

  .mb30 {
    margin-bottom: 1.25rem;
  }

  .security .gradbg+p {
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .pb114 {
    padding-bottom: 30px;
  }

  .pb200 h2 {
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .solution .topbanner {
    height: 75vh;
  }

  .solutiontopbanner h1 {
    font-size: 35px;
  }

  .solutiontopbanner p {
    font-size: 1rem;
  }

  .topbtn {
    font-size: 0.875rem !important;
    padding: 0.5rem 0.75rem !important;
  }

  .testimonialbg {
    padding: 2.25rem 1.25rem;
  }

  .maintabdv li {
    padding: 0.25rem 1.5rem;
  }

  .maintabdv li .tabhead h4, .maintabdv li:last-child .tabhead h4, .maintabdv li.active:last-child .tabhead h4, .maintabdv li.active .tabhead h4 {
    transform: none;
    font-size: 1.25rem;
  }

  .smart_section>div {
    padding-top: 60px !important;
  }

  /* header new start */
  .socdtl {
    display: none;
  }

  /* width */
  header .navbar-collapse::-webkit-scrollbar {
    width: 2px;
  }

  /* Track */
  header .navbar-collapse::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Handle */
  header .navbar-collapse::-webkit-scrollbar-thumb {
    background: #888;
  }

  /* Handle on hover */
  header .navbar-collapse::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  .navbar .navbar-nav>li:hover>a:after {
    width: 100%;
    left: 0;
    transform: none;
    height: 1px;
  }

  .navbar .navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 1rem;
    margin-bottom: 1.25rem;
    display: flex;
    font-weight: 500;
    font-size: var(--bs-body-font-size);
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #80808020;
  }

  .close {
    display: none;
  }

  .navbar .navbar-nav.lstul>li>a {
    font-size: calc(var(--bs-body-font-size) * 0.875);
  }

  .gx24 {
    gap: 1.5rem;
  }

  .offcanvas.offcanvas-start {
    width: 100%;
    transition: all 0.7s;
    /* visibility: hidden; */
  }

  .offcanvas.offcanvas-start.offtrans {
    transform: none;
    transition: all 0.7s;
  }

  .selected .btndv button {
    border: none;
  }

  .offcanvas .offcanvas-body {
    position: relative;
    height: calc(100vh - 78px);
  }

  .offcanvas-body .accttl {
    font-size: var(--bs-body-font-size);
    margin-bottom: 2rem;
  }

  .offcanvas-body .accordion-item,
  .offcanvas-body .accordion-item button {
    background: transparent;
  }

  .offcanvas-body .accordion-item button {
    padding: 0;
    padding-bottom: 1rem;
    color: var(--bs-heading-color);
    font-weight: 500;
  }

  .innoffcan .accordion-button::after {
    --bs-accordion-btn-icon-width: 1rem;
  }

  .accordion {
    --bs-accordion-border-color: #80808020;
  }

  .innoffcan li {
    list-style: none;
    font-size: calc(var(--bs-body-font-size) * 0.875);
    line-height: 2.25;
  }

  .innoffcan li a {
    color: var(--bs-heading-color);
  }

  .innoffcan ul.noacc li {
    padding-bottom: 1rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid;
    border-bottom: 1px solid #80808020;
  }

  .innoffcan ul.noacc li a {
    font-weight: 500;
    display: block;
    font-size: var(--bs-body-font-size);
    line-height: 1.25;
  }

  .innoffcan .accordion-flush>.accordion-item:last-child {
    border-bottom: 1px solid #80808020;
  }

  .innoffcan .accordion-button:not(.collapsed) {
    color: #6b737c;
  }

  .offcanvas-body .accordion-item {
    margin-bottom: 1rem;
  }

  .offcanvas .offcanvas-body::after {
    content: '';
    position: fixed;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 100%;
    background: linear-gradient(90deg, #5E12C9 0%, #2154FE 11.8%, #FD25FE 44.5%, #2390FD 71%, #EE0CE3 95%);
    z-index: 2;
  }

  .submenu {
    position: inherit;
    visibility: visible;
    opacity: 1;
    padding: 1rem 0;
    transform: translateX(0);
  }

  .hdrbtm {
    display: none;
  }

  .hdrtop {
    margin-bottom: 0;
    padding-bottom: 1rem;
  }

  .navbar .navbar-nav>li:hover>a {
    color: var(--bs-heading-color);
  }

  .navbar .parent-menu:hover .menu-arrow,
  .navbar .parent-menu .menu-arrow {
    border: solid var(--bs-heading-color);
    border-width: 0 1.5px 1.5px 0;
  }

  .hvrmnu:hover a .menu-arrow,
  .hvrmnu a .menu-arrow {
    transform: rotate(-45deg);
    transition: all 0.5s ease-in-out;
  }

  .submenu {
    box-shadow: none;
    background: transparent;
    backdrop-filter: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar .navbar-nav>li {
    padding: 0 1.25rem;
    margin: 0;
  }

  .navbar .container button {
    border: 0;
    padding: 0;
  }

  .hdngdv, .hdngdv p {
    margin-bottom: 0;
  }

  .hdngdv p {
    display: none;
  }

  .hdngdv a {
    font-size: calc(var(--bs-body-font-size) * 0.875);
    font-weight: 400;
    line-height: 2.275;
    cursor: pointer;
  }

  .socialicon li {
    list-style-type: none;
  }

  .socialicon li a {
    display: inline-block;
  }

  footer .socialicon li a img {
    width: 30px;
    height: 30px;
  }

  .socialicon.socialhdr li img {
    width: 24px;
    height: 24px;
    opacity: 0.4;
  }

  footer .ftrcntnt ul.mb-45>li {
    line-height: 2rem;
  }

  .offcanvas-body .navbar-collapse {
    height: calc(100vh - 78px);
    padding-bottom: 2rem;
  }

  .submenu:after {
    content: none;
  }

  .navbar .parent-menu:hover .menu-arrow {
    top: 43%;
  }

  .thumbnails .owl-item p {
    display: none;
    width: 0;
  }

  .maintabdv li.active .tabhead {
    width: 100%;
    padding: 0;
    align-items: baseline;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e6e6e6;
  }

  .navbar .navbar-nav>li>a,
  .navbar .navbar-nav:not(:last-child)>li>a {
    padding-top: 0;
    padding-bottom: 1rem;
    margin-bottom: 1.25rem;
    display: flex;
    font-weight: 500;
    font-size: var(--bs-body-font-size);
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #80808020;
    color: var(--bs-heading-color);
  }

  .hvrmnu a .menu-arrow, .navbar .parent-menu .menu-arrow {
    top: 28%;
    transform: translateY(0%) rotate(-45deg);
    right: 0;
  }

  .navbar .parent-menu:hover .menu-arrow, .navbar .parent-menu .menu-arrow {
    border: solid var(--bs-heading-color);
    border-width: 0 1.5px 1.5px 0;
  }

  /* header new end */
  /* footer start */
  footer .form-input {
    padding: 1rem 1.25rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .pb100 {
    padding-bottom: 50px !important;
  }

  .bdrbtm {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
  }

  footer .socialicon {
    gap: 1.25rem;
    max-width: 300px;
  }

  /* footer end */
  .outerbg {
    padding: 2rem 0;
  }

  .counternum-section .outerbg {
    padding-top: 0;
  }

  .counternum-section {
    background-size: 100% 100%;
  }

  .counternum-section h1 {
    font-size: calc(var(--bs-body-font-size)* 1.5);
    line-height: 30px;
  }

  .counternum-section .gradbg {
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .counternum-section .outerleftdv p {
    font-size: 0.875rem;
  }

  @keyframes tstbfrmob {
    0% {
      width: 0;
    }

    100% {
      width: 100%;
    }
  }

  .counternum-section .outerrightdv::before {
    animation-delay: 2s;
  }

  .counternum-section .outerrightdv::after {
    animation-delay: 3s;
  }

  .outerrightdv .numdv {
    padding-bottom: 1.125rem;
    margin-bottom: 1.25rem;
  }

  .outerrightdv .numdv span:not(.counter) {
    font-size: 0.875rem;
    line-height: 1.35rem;
  }

  .rgtpowercntnt h5 {
    font-size: 1.1rem;
  }

  .rgtpowercntnt p {
    font-size: 0.875rem;
  }

  .leftpos p {
    line-height: 1.75rem;
  }

  .powertptxt h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (991px < width < 1199px) {
  .about-content:before {
    height: calc(100% + 198px);
    left: 8px;
    top: -193px;
  }

  .powertopcenter h1 {
    font-size: 3rem;
  }

  .powertopcenter+.mtneg p {
    max-width: 700px;
  }

  .power_top_section .mtneg {
    margin-top: -1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .txtxl {
    font-size: 6.75rem;
    line-height: 9.75rem;
  }

  .bgblu h3 {
    font-size: 2.25rem;
    line-height: 1.25;
  }

  .submenu {
    max-width: 936px;
  }

  .txtmd {
    font-size: 4.2rem;
  }

  .rgtcircle h2 {
    font-size: 4.5rem;
  }
}

@media (1199px < width < 1299px) {
  .powertopcenter h1 {
    font-size: 4.1rem;
  }
}

@media (768px < width < 805px) {
  .powertopcenter h1 {
    font-size: 2.35rem;
  }
}

@media (width <=1199px) {
  .about-banner .rgtcircle h2 {
    font-size: 2.25rem;
    line-height: 3rem;
  }

  .counter-content span.sm-text {
    font-size: 1rem;
  }

  .counter-content .middle img {
    width: 100%;
    object-fit: cover;
  }

  .counter-content .middle {
    padding: 40px 30px;
    border-top-left-radius: 0;
  }

  .contactformimg {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
}

@media (1200px < width) {

  .about-banner .counter-content span.sm-text {
    font-size: 1rem;
    line-height: 2.5rem;
  }

  .submenu {
    max-width: 1140px;
  }

  .contactformimg {
    height: auto;
    width: 100%;
    object-fit: contain;
  }
}

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

  .fixed-element {
    top: 73px;
  }

}

@media (min-width: 1900px) {
  .container-xxxl {
    max-width: 1786px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

@media (991px <=width) {
  .eventslidermain .grid.row img {
    min-height: 66px;
    max-height: 66px;
  }
}


.select2 {
  width: 100%;
}

/* media query end */
.counternum-section{
  margin-top: 100px;
}