body {
  font-family: 'Montserrat', sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs18 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

.fw300 {
  font-weight: 300 !important;
}

.fw500 {
  font-weight: 500 !important;
}

.fw600 {
  font-weight: 600;
}

.nav-bg {
  box-shadow: 0 0px 14px #00000030;
}

.shdwBx {
  box-shadow: 0 0px 14px #00000030;
  border-radius: 10px;
}

.shdwBx1 {
  box-shadow: 0 0px 14px #00000030;
}

.shdwBx2 {
  box-shadow: 0 0px 14px #00000030;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


.brdr-RghtBtm {
  border-right: 1px solid #ff541f;
}

.icn-sz {
  width: 40px !important;
  height: 40px !important;
}

.btn-clr {
  background-color: #ff541f;
}

.clr-main {
  color: #ff541f !important;
}

.actvLn {
  border-bottom: 4px solid #ff541f;
}

.bgMain {
  background-color: #ff541f;
}

.ancr-styl {
  text-decoration: none;
}

.txt-scndry {
  color: #797979;
}

.btn-brdr {
  border: 1px solid #ffffff;
  border-radius: 8px;
}


.footr-lst {
  list-style: none;
  margin-left: -31px;
}

.fs-var {
  font-size: 4vw;
}

.brdr10 {
  border-radius: 10px;
}

.brdr20 {
  border-radius: 20px;
}

.lst-item {
  list-style: none;
  margin-left: -33px;
}

.boxShdw {
  background-color: #d9d9d9;
  width: 100%;
  height: 100%;
}

.lnHgt {
  line-height: 33px;
}

.btn-postn {
  position: absolute;
  bottom: 25px;
}

.accordion {
  background-color: #ffffff !important;
  color: #000000;
  font-weight: 600;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 17px;
  font-weight: 500;
  transition: 0.4s;
  border-radius: 10px !important;

  position: relative;

}

.active2,
.accordion:hover {
  color: #000000;
  font-weight: 500;

}

.brdr-faq {
  border: 1px solid #7f7f7f50;
  border-radius: 10px;
}

.accordion:after {

  content: url(../images/up-arw.png);
  transform: scale(0.7);

  color: #000000;
  font-weight: 600 !important;
  font-weight: normal;
  right: 18px;
  top: 25px;
 position: absolute;

}



.active2:after {
  content: url(../images/dwn-arw.png);
  transform: scale(0.7);
 
  color: #000000;
  font-weight: 600;
  font-weight: normal;
 

 position: absolute;
}
.accordion::before {

  content: url(../images/add.png);
  font-size: 20px;
  color: #000000;
  font-weight: 600 !important;
  font-weight: normal;
  float: left;
  height: 100%;
  width: 30px;
  height: 40px;
  margin-left: 5px;
  margin-right: 10px;
  margin-top: -5px;
}
.active2::before {
  content: url(../images/minus.png);
  
  color: #000000;
  font-weight: 600;
  font-weight: normal;
  float: left;
  margin-right: 10px;
  margin-left: 5px;
  margin-top: -5px;
}

.txt-justy {
  text-align: justify;
}

.panel {
  padding: 0px;
  color: #000000;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
}

.mnu-fnt {
  font-size: 18px;
  text-decoration: none;
}

.icn-sz {
  width: 55px;
}

.lernMore {
  border: 1px solid #ff541f;
  border-radius: 5px;
}

.icn-brdr,
.icn-brdr1 {
  border-right: 1px solid #ff541f;
}

.imgBg {
  background-color: #ff541f20;
  width: 200px;
  height: 250px;
  border-radius: 50%;
}

.numBg {
  height: 50px;
  width: 50px;
  background-color: #ff541f;
  border-radius: 50%;
}

.icnBg {
  background-color: #ff541f;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.hdngTopBtm {
  width: 80px;
  height: 1px;
  background-color: #ff541f;
}

.undrln {
  width: 65px;
  height: 1px;
  background-color: #ff541f;
}

.accoAns-ps {
  padding-left: 30px;
}

.bg-cpyryt {
  background-color: #02102c;
  border-radius: 20px;
}

.footrBrdr {
  border-bottom: 1px solid #d9d9d9;
  width: 270px;
  padding-bottom: 7px;
  margin-bottom: 7px;
}

.brdr-ryt {
  border-right: 1px solid #d9d9d9;
  width: 165px;
}

.BxSz {
  height: calc(800px - 22vw);
  position: relative;
}

.BxSz1 {
  height: calc(430px - 12vw);
}

.BxSz2 {
  height: calc(300px - 12vw);
}

.BxSz3 {
  height: calc(340px - 12vw);
}

.BxSz4 {
  height: calc(470px - 12vw);
}

.BxSz5 {
  height: calc(770px - 22vw);
  position: relative;
}

.BxSz6 {
  height: calc(520px - 12vw);
  border-bottom: 5px solid #ff541f;
}
.BxSz7 {
  height: calc(820px - 22vw);
  position: relative;
}

.undrln {
  width: 55px;
  height: 1px;
  background-color: #ff541f;
}

.versn-ctrl-icn {
  width: 80px;
}

.logo-img {
  width: 250px;
}

.bxHvr:hover .undrln {
  width: 85px;
  height: 2px;
  transition: 0.5s;
}

.bxHvr1:hover {
  transform: scale(1.08);
  transition: all 0.5s ease-in-out;
}

.bxHvr1:hover .hdngTopBtm {
  width: 120px;
  height: 2px;
  transition: 1s;
}

.bxHvr1:hover .numBg {
  border-radius: 20%;
  transition: 0.5s;
}

.bxHvr2:hover .lernMore {
  border: 1px solid #ff541f80;
  border-radius: 5px;
  font-weight: 700;
  transition: 0.5s;
}

.bxHvr2:hover .right-arw {
  margin-left: 10px !important;
  transition: 0.5s;
}


.bxHvr3:hover .icnBg {
  transform: scale(1.1);
  transition: 0.5s;
}

.bxHvr3:hover .phone-icon {

  animation: ring 0.5s ease-in-out infinite;
}

.bxHvr3:hover .whatsapp-icon {

  animation: whatsapp-pulse 0.5s ease-in-out infinite;
}

.meet-icon {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.bxHvr3:hover .meet-icon {

  transform: rotateY(360deg);
}

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

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

  20% {
    transform: rotate(-13deg);
  }

  30% {
    transform: rotate(11deg);
  }

  40% {
    transform: rotate(-9deg);
  }

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

  60% {
    transform: rotate(-5deg);
  }

  70% {
    transform: rotate(3deg);
  }

  80% {
    transform: rotate(-1deg);
  }

  90% {
    transform: rotate(1deg);
  }

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

@keyframes whatsapp-pulse {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(37, 211, 102, 0.7));
  }

  70% {
    transform: scale(1.05);
    filter: drop-shadow(0 0 8px rgba(37, 211, 102, 0));
  }

  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(37, 211, 102, 0));
  }
}

@keyframes slack-bounce {
  0% {
    transform: scale(1);
  }

  20% {
    transform: scale(0.9, 1.1) translateY(-4px);
  }

  40% {
    transform: scale(1.05, 0.95) translateY(1px);
  }

  60% {
    transform: scale(0.98, 1.02) translateY(-1px);
  }

  80% {
    transform: scale(1) translateY(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes zoom-focus {
  0% {
    transform: scale(1);
  }

  30% {
    transform: scale(1.15);
  }

  60% {
    transform: scale(0.97);
  }

  100% {
    transform: scale(1.08);
  }
}

.bxHvr3:hover .zoom-icon {
  display: inline-block;
  animation: zoom-focus 2.5s infinite ease-in-out;
}

.bxHvr3:hover .slack-icon {
  animation: slack-bounce 2.5s infinite ease-in-out;
}

.telegram-icon {
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.bxHvr3:hover .telegram-icon {
  /* Tilts up by 12 degrees and moves diagonally right and up */
  transform: translate(4px, -4px) rotate(-12deg) scale(1.05);
}

.meeting-icon {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}

.bxHvr3:hover .meeting-icon {
  transform: rotatey(180deg);
}

.usr-str1,
.usr-str,
.exprnce,
.support {
  opacity: 0;
  transform: translateY(-50%);
}


.animate,
.animate1 {
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.usr-str.animate {
  animation-name: slideFrmTop;
  animation-delay: 0.5s;
}

.exprnce.animate {
  animation-name: slideFrmTop;
  animation-delay: 1s;
}

.support.animate {
  animation-name: slideFrmTop;
  animation-delay: 1.5s;
}

.usr-str1.animate {
  animation-name: slideFrmTop;
  animation-delay: 2s;
}


@keyframes slideFrmTop {
  0% {
    transform: translateY(-75%);
    opacity: 0;
  }

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

@keyframes zoomIn {
  0% {
    transform: scale(1);
    opacity: 0;
  }

  100% {
    transform: scale(1.3);
    opacity: 1;
  }
}


.scroll-reveal {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: opacity 1.5s ease-out, visibility 1.5s ease-out, transform 1.5s ease-out;
}

.scroll-reveal.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.footr-mnu:hover {
  padding-left: 10px;
  transition: 0.5s;
  cursor: pointer;
}

.footr-undrln {
  width: 70px;
  height: 2px;
  background-color: #ff541f;
}

.footrBx:hover .footr-undrln {
  width: 100px !important;
  transition: 0.5s;
}

.card,
.card-secondary,
.card1 {
  opacity: 0;
  border: none;

}

.card.show {
  animation: slideFromLeft 1s ease-out forwards;
}

.card-secondary.show {
  animation: slideFromRight 1s ease-out 0.3s forwards;
}

.card1.show {
  animation: slideFromTop 1s ease-out 0.3s forwards;
}

@keyframes slideFromLeft {
  0% {
    transform: translateX(-30%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideFromRight {
  0% {
    transform: translateX(30%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}



/* animation arrow  */

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 3s linear forwards;
  animation-iteration-count: 1;
  animation-delay: 1s;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.dashed {
  stroke-dasharray: 5, 12;

}

#arrow {
  animation: arrow 2s linear forwards;
  opacity: 0;
}

@keyframes arrow {
  to {
    opacity: 1;
  }
}

.MnuIcn-bg {
  background-color: #ff541f20;
  height: 40px;
  width: 40px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mnuBx {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-top-right-radius: 10px none;
  width: 560px;
  box-shadow: 0 0px 14px #00000030;
  border: none;
  border-bottom: 5px solid #ff541f !important;
}

.brdr-rght,
.brdr-rght1 {
  border-right: 1px solid #ff541f;
}

.Lrg-icnBg {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: #ff541f20;
}

/* degree of rotation on hover  */
.custom-hover-container:hover .border-rotator {
  transform: rotate(45deg);
}

.icn-round {
  background-color: #ff541f;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-top: 5px;
  position: relative;
}

.border-rotator {
  position: absolute;
  inset: -10px;
  transition: transform 0.4s ease-in-out;
  pointer-events: none;
}

.dotd-brdr {
  position: absolute;
  inset: 0;
  border: 1px dashed #ff541f;
  border-radius: 50%;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transform: rotate(30deg);
  mask-image: linear-gradient(to left, #000 0%, transparent 100%);
  -webkit-mask-image: linear-gradient(to left, #000 0%, transparent 100%);
}

.dotd-brdr1 {
  position: absolute;
  inset: 0;
  border: 1px dashed #ff541f;
  border-radius: 50%;
  border-top-color: transparent;
  border-right-color: transparent;
  transform: rotate(60deg);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 100%);
}

.bubble {
  position: absolute;
  bottom: -2px;
  left: calc(50% + 10px);
  width: 9px;
  height: 9px;
  background-color: #ff541f;
  border-radius: 50%;
  z-index: 2;
}

.bubble1 {
  position: absolute;
  bottom: -2px;
  left: calc(50% - 20px);
  width: 9px;
  height: 9px;
  background-color: #ff541f;
  border-radius: 50%;
  z-index: 2;
}

.border-rotator1 {
  position: absolute;
  inset: -10px;
  transition: transform 0.4s ease-in-out;
  pointer-events: none;
}
.custom-hover-container1:hover .border-rotator1 {
  transform: rotate(-45deg);
}
.icn-round1 {
  background-color: #ff541f30;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-top: 5px;
  position: relative;
}

.undrln1 {
  width: 30px;
  height: 2px;
  background-color: #ff541f;
}

.undrln2 {
  width: 60px;
  height: 1px;
  background-color: #ff541f;
}

.BxHvr4:hover .undrln1 {
  width: 60px;
  transition: 0.5s;
}

.BxHvr5:hover .undrln2 {
  width: 90px;
  transition: 0.5s;
}

.brdr-btm {
  border-bottom: 1px solid #ff541f;
}

.ecom-bubble {
  width: 180px;
  height: 180px;
  background-color: #ff541f30;
  border-radius: 50%;
  position: absolute;
  right: 90px;
  top: 0px;
  z-index: 0;
}

.ecom-bubble1 {
  width: 180px;
  height: 180px;
  background-color: #ff541f30;
  border-radius: 50%;
  position: absolute;
  left: 130px;
  bottom: 0px;
  z-index: 0;
}

.bnr-hgt {
  height: 22vw;
}

.ecom-bble-brdr {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  position: absolute;
  z-index: 0;
}

.ecom-bble-brdr1 {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  position: absolute;
  z-index: 0;
  right: 40px;
  top: 6vw;
}

.img-sz {
  width: 80%;
}

.brdrLftRght {
  border-left: 1px solid #ff541f;
  border-right: 1px solid #ff541f;
}

.btn {
  box-shadow: none;
}

.btn-domain {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(to top, #ff541f40 50%, transparent 50%);
  background-size: 100% 200%;
  background-position: top;
  transition: background-position 0.4s ease-in-out;
}


.btn-domain:hover {
  background-position: bottom;
}

.btn-shdw {
  box-shadow: none !important;
  outline: none !important;
}


.icon-slider-container {
  overflow: hidden;
  width: 100%;
  display: flex;
  background-color: #ffffff;
  /* Optional background fallback */
  padding: 20px 0;
}

/* The moving track */
.icon-slider-track {
  display: flex;
  width: max-content;
  animation: scrollLeft 25s linear infinite;
  /* Adjust '20s' to make it faster or slower */
  gap: 40px;
  /* Space between the image icons */
}

.icon-slider-track img {
  flex-shrink: 0;
}

/* Pause the movement when a user hovers over the track */
.icon-slider-container:hover .icon-slider-track {
  animation-play-state: paused;
}

/* Continuous Loop Animation */
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
    /* Shifts halfway through the duplicate content smoothly */
  }
}
.mobBtn{
  width: 180px;
}
.ai-banner{
  width: 400px;height: 250px;position: relative;
}
.chipBx{
  background-color: #ffffff;width: 45px;height: 45px;position: absolute;right: -13px;bottom: -28px;box-shadow: 0 0px 14px #00000030;
  border-radius: 5px;
}
.robotBx{
   background-color: #ffffff;width: 45px;height: 45px;position: absolute;box-shadow: 0 0px 14px #00000030;
  border-radius: 5px;
}
.robot-pstn{
  position: absolute;top: 10px;left: -70px;
}
.ai-bubble{
  width: 10px;height: 10px;background-color: #ff541f;border-radius: 50%;margin-top: 53px;
}
.icn-sz1{
  width: 90px;
}
.btn{
  outline: none;
  box-shadow: none !important;
}
.domain-wdth{
  width: 18.66% !important;
}
@media (max-width: 599px) {

  .logo-img {
    width: 200px;
  }

  .fs-var {
    font-size: 10vw;
  }

  .accordion:after {
    margin-top: -20px;
    width: 12px;
  }

  .active2:after {
    margin-top: -20px;
    width: 12px;
  }

  .accordion {

    font-size: 14px;
    padding-right: 10px;

  }

  .icn-sz {
    width: 10vw;
  }

  .icn-sz1 {
    width: 25vw;
  }

  .fnt-sz {
    font-size: 14px;
  }

  .BxSz1,
  .BxSz4,
  .BxSz3,
  .BxSz5,
  .BxSz6,
  .BxSz7 {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .BxSz2 {
    height: calc(240px - 12vw);
  }

  .BxSz {
    height: calc(570px - 12vw);
    position: relative;
  }

  .accordion::before {

    height: 50px;

  }

  .svg-sz {
    width: 150px !important;
    height: 54px !important;
  }

  .mnuBx {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px none;
    width: 300px;
    border-bottom: 4px solid #ff541f;
  }

  .brdr-rght,
  .brdr-rght1 {
    border-right: none;
  }

  .brdr-RghtBtm {
    border-right: none;
    border-bottom: 1px solid #ff541f;
    margin-bottom: 20px !important;
  }

  .ecom-bubble {
    width: 80px;
    height: 80px;
    right: 0px;
    top: 0px;
  }

  .ecom-bubble1 {
    width: 80px;
    height: 80px;
    left: 20vw;
    bottom: 0px;
  }

  .ecom-bble-brdr {
    width: 150px;
    height: 150px;
  }

  .ecom-bble-brdr1 {
    width: 200px;
    height: 200px;
    right: 1vw;
    top: 18vw;
  }

  .img-sz {
    width: 90%;
  }

  .bnr-hgt {
    height: 50vw;
  }

  .brdrLftRght {
    border-left: none;
    border-right: none;
  }
  .mobBtn{
  width: 130px;
}
.ai-banner{
  width: 60vw;height: 45vw;position: relative;
}
.robotBx{
   background-color: #ffffff;width: 35px;height: 35px;position: absolute;box-shadow: 0 0px 14px #00000030;
  border-radius: 5px;
}
.robot-pstn{
  position: absolute;top: 20px;left: -65px;
}
.chipBx{
  background-color: #ffffff;width: 35px;height: 35px;position: absolute;right: -10px;bottom: 8px;box-shadow: 0 0px 14px #00000030;
  border-radius: 5px;
}
.ai-bubble{
margin-top: 45px;
}
.domain-wdth{
  width: 100% !important;
}
}

@media (min-width: 600px) and (max-width: 1200px) {

  .fs-var {
    font-size: 60px;
  }

  .fetrBx {
    height: auto;
  }

  .BxSz,
  .BxSz5 {
    height: calc(700px - 20vw);
    position: relative;
  }

  .BxSz3,
  .BxSz2 {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .BxSz4 {
    height: calc(380px - 12vw);
  }
  .BxSz7 {
  height: calc(780px - 22vw);
  position: relative;
}
  .mnuBx {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px none;
    width: 300px;
    border-bottom: 4px solid #ff541f;
  }

  .brdr-rght {
    border-right: none;
  }

  .ecom-bubble {
    width: 80px;
    height: 80px;
    right: 0px;
    top: 0px;
  }

  .ecom-bubble1 {
    width: 80px;
    height: 80px;
    left: 8vw;
    top: 13vw;
  }

  .ecom-bble-brdr {
    width: 150px;
    height: 150px;
  }

  .ecom-bble-brdr1 {
    width: 180px;
    height: 180px;
    right: 0vw;
    top: 8vw;
  }

  .img-sz {
    width: 90%;
  }

  .bnr-hgt {
    height: 30vw;
  }
  .ai-banner{
  width: 280px;height: 175px;position: relative;
}
.chipBx{
  background-color: #ffffff;width: 40px;height: 40px;position: absolute;right: -12px;bottom: -28px;box-shadow: 0 0px 14px #00000030;
  border-radius: 5px;
}
}