/* Note: If need Disable Decimal-value functionilty open function.scss file */
/* mini laptop resolution 1349 X 662 and 1246 X 681 and 1218 X 672 */
/* Mozila Firefox */
.margin-multiplier-component {
  position: relative;
  padding: 3.75rem 0;
  overflow: hidden;
  background: linear-gradient(45.32deg, #181749 0.06%, #18184a 45.01%, #191d51 60.99%, #1b265d 71.97%, #1e336e 81.96%, #224484 89.95%, #27589e 95.94%, #2a66b0 99.94%);
}
@media (max-width: 991px) {
  .margin-multiplier-component {
    padding: 2.5rem 0;
  }
}
@media (max-width: 767px) {
  .margin-multiplier-component {
    padding: 1.57rem 0;
  }
}
.margin-multiplier-component .bg-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.7;
}
.margin-multiplier-component .bg-media img,
.margin-multiplier-component .bg-media video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.margin-multiplier-component .h3 {
  margin: 0;
  font-size: 2rem;
  font-weight: 600;
}
@media (max-width: 991px) {
  .margin-multiplier-component .h3 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .margin-multiplier-component .h3 {
    font-size: 0.88rem;
  }
}
.margin-multiplier-component .h3 span {
  font-weight: inherit;
}
.margin-multiplier-component .h3 .head-line-wrapper {
  opacity: 0;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(1) span {
  transition-delay: 1.2s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(2) span {
  transition-delay: 1.4s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(3) span {
  transition-delay: 1.6s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(4) span {
  transition-delay: 1.8s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(5) span {
  transition-delay: 2s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(6) span {
  transition-delay: 2.2s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(7) span {
  transition-delay: 2.4s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(8) span {
  transition-delay: 2.6s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(9) span {
  transition-delay: 2.8s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(10) span {
  transition-delay: 3s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(11) span {
  transition-delay: 3.2s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(12) span {
  transition-delay: 3.4s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(13) span {
  transition-delay: 3.6s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(14) span {
  transition-delay: 3.8s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(15) span {
  transition-delay: 4s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(16) span {
  transition-delay: 4.2s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(17) span {
  transition-delay: 4.4s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(18) span {
  transition-delay: 4.6s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(19) span {
  transition-delay: 4.8s;
}
.margin-multiplier-component .h3 .head-line-wrapper:nth-child(20) span {
  transition-delay: 5s;
}
.margin-multiplier-component .head-line-wrapper span {
  display: block;
  opacity: 0;
  transform: translateY(100%);
  transition: 1s ease 0s;
  line-height: 1.4;
}
.margin-multiplier-component .mmc-wrap {
  position: relative;
  z-index: 1;
  padding: 0 2.13rem;
}
.margin-multiplier-component .mmc-wrap.aos-animate .h3 .head-line-wrapper {
  opacity: 1;
}
.margin-multiplier-component .mmc-wrap.aos-animate .h3 .head-line-wrapper span {
  opacity: 1;
  transform: translateY(0);
}
.margin-multiplier-component .mmc-wrap.aos-animate .mmc-svg-shape {
  opacity: 1;
  transform: scale(1.05);
  transition-delay: 1s;
}
.margin-multiplier-component .mmc-wrap.aos-animate .mmc-line, .margin-multiplier-component .mmc-wrap.aos-animate .mmc-center-animation-wrap {
  transform: translate(-50%, -50%) scale(1);
}
.margin-multiplier-component .mmc-wrap.aos-animate .mmc-img {
  transform: scale(1);
}
.margin-multiplier-component .mmc-wrap.aos-animate .mmc-img::before {
  opacity: 0.18;
  transition-delay: 1.7s;
}
.margin-multiplier-component .mmc-wrap.aos-animate .mmc-svg-dots {
  transform: scale(1) rotate(0deg);
  opacity: 1;
  transition-delay: 0.05s;
}
.margin-multiplier-component .mmc-wrap .mmc-img {
  transform: scale(0.8);
  transition: 1.3s ease 0s;
}
.margin-multiplier-component .mmc-wrap .mmc-svg-dots {
  opacity: 0;
  transform: scale(0.8) rotate(-60deg);
  transition: 1.3s ease 0s;
}
.margin-multiplier-component .mmc-title {
  position: absolute;
  top: 51%;
  left: 50%;
  margin: 0 auto;
  width: 100%;
  max-width: 48%;
  z-index: 6;
  transform: translate(-50%, -50%);
  transition: 0.35s ease 0s;
}
@media (max-width: 767px) {
  .margin-multiplier-component .mmc-title {
    max-width: 54%;
  }
}
.margin-multiplier-component .mmc-center-animation {
  position: relative;
  padding-top: 100%;
}
.margin-multiplier-component .mmc-center-animation video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.margin-multiplier-component .mmc-center-animation-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 64.1%;
  width: 100%;
  height: auto;
  border-radius: 100%;
  transform: translate(-50%, -50%) scale(0.8);
  transition: 1s ease 0s;
  pointer-events: none;
  overflow: hidden;
  z-index: 2;
}
.margin-multiplier-component .mmc-img {
  position: relative;
  padding-top: 100%;
}
.margin-multiplier-component .mmc-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.margin-multiplier-component .mmc-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: radial-gradient(50% 50% at 50% 50%, #181749 72%, #18194c 79%, #1a2055 84%, #1d2d66 89%, #213f7d 93%, #26569b 98%, #2a66b0 100%);
  border-radius: 100%;
  opacity: 0;
  z-index: 0;
  transition: opacity 1s ease 0s;
}
.margin-multiplier-component .mmc-img-wrap {
  position: relative;
  max-width: 49.25rem;
  margin: 0 auto;
}
.margin-multiplier-component .mmc-svg-shape {
  opacity: 0;
  transform: scale(0.8);
  transition: 1s ease 0s;
}
.margin-multiplier-component .mmc-svg-dots-wrap, .margin-multiplier-component .mmc-svg-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.margin-multiplier-component .mmc-svg-dots {
  position: relative;
  padding-top: 100%;
  width: 100%;
}
.margin-multiplier-component .mmc-svg-dots .dot {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  border: 5px solid #081d4d;
  background-image: radial-gradient(183.04% 153.75% at 41.87% 33.6%, #5fd6ff 0%, #4dbaef 5%, #3ba0e1 12%, #2d8ad4 20%, #2279cb 29%, #1a6dc4 40%, #1666c1 56%, #1565c0 100%);
  transition: 0.5s ease 0s;
}
@media (max-width: 991px) {
  .margin-multiplier-component .mmc-svg-dots .dot {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 767px) {
  .margin-multiplier-component .mmc-svg-dots .dot {
    width: 18px;
    height: 18px;
    border: 2px solid #081d4d;
  }
}
.margin-multiplier-component .mmc-svg-dots .dot:hover::before {
  opacity: 1;
}
.margin-multiplier-component .mmc-svg-dots .dot.is-active {
  background-image: none;
}
.margin-multiplier-component .mmc-svg-dots .dot.is-active::before {
  opacity: 0;
}
.margin-multiplier-component .mmc-svg-dots .dot.is-active::after {
  opacity: 1;
}
.margin-multiplier-component .mmc-svg-dots .dot::before, .margin-multiplier-component .mmc-svg-dots .dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
  background-color: #30ffcc;
  transition: opacity 0.5s ease 0s;
  filter: blur(12.5px);
  pointer-events: none;
  z-index: 2;
}
.margin-multiplier-component .mmc-svg-dots .dot::before {
  background-image: radial-gradient(77.27% 77.27% at 36.36% 38.64%, #71fbff 13.28%, #2d80d9 100%);
  box-shadow: 0px 0px 20px #008bff;
}
.margin-multiplier-component .mmc-svg-dots .dot::after {
  box-shadow: 0px 0px 20px #30ffcc;
  background-image: radial-gradient(73% 73% at 50% 42%, #6cffee 18%, #64fffa 100%);
}
.margin-multiplier-component .mmc-svg-dots .dot:nth-child(1) {
  top: -4.1%;
  left: 52%;
  transform: translateX(-50%);
}
@media (min-width: 768px) and (max-width: 991px) {
  .margin-multiplier-component .mmc-svg-dots .dot:nth-child(1) {
    top: -3%;
  }
}
.margin-multiplier-component .mmc-svg-dots .dot:nth-child(2), .margin-multiplier-component .mmc-svg-dots .dot:nth-child(5) {
  top: 27%;
}
.margin-multiplier-component .mmc-svg-dots .dot:nth-child(2) {
  right: -1.3%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .margin-multiplier-component .mmc-svg-dots .dot:nth-child(2) {
    right: 1%;
  }
}
@media (max-width: 767px) {
  .margin-multiplier-component .mmc-svg-dots .dot:nth-child(2) {
    right: 0;
  }
}
.margin-multiplier-component .mmc-svg-dots .dot:nth-child(3) {
  right: 15%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .margin-multiplier-component .mmc-svg-dots .dot:nth-child(3) {
    bottom: 8.5%;
  }
}
.margin-multiplier-component .mmc-svg-dots .dot:nth-child(3), .margin-multiplier-component .mmc-svg-dots .dot:nth-child(4) {
  bottom: 8%;
}
.margin-multiplier-component .mmc-svg-dots .dot:nth-child(4) {
  left: 16%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .margin-multiplier-component .mmc-svg-dots .dot:nth-child(5) {
    left: 1%;
  }
}
.margin-multiplier-component .mmc-svg-dots-wrap {
  top: 50%;
  left: 50%;
  max-width: 73.4%;
  height: auto;
  transform: translate(-50%, -50%);
}
.margin-multiplier-component .mmc-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  opacity: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.margin-multiplier-component .mmc-content.is-active {
  z-index: 5;
  pointer-events: all;
}
.margin-multiplier-component .mmc-content.is-active .head-line-wrapper span {
  opacity: 1;
  transform: translateY(0);
}
.margin-multiplier-component .mmc-content.is-active h3 + .btn-wrap {
  transition-delay: 2s;
}
.margin-multiplier-component .mmc-content.is-active .btn-wrap {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.4s;
}
@media (max-width: 991px) {
  .margin-multiplier-component .mmc-content h3 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .margin-multiplier-component .mmc-content h3 {
    font-size: 0.88rem;
  }
}
.margin-multiplier-component .mmc-content .btn-wrap {
  margin-top: 1rem;
  opacity: 0;
  transform: translateY(30px);
  transition: 1s ease 0s;
}
@media (max-width: 767px) {
  .margin-multiplier-component .mmc-content .btn-wrap .btn-link {
    font-size: 0.88rem;
  }
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(1) span {
  transition-delay: 1.5s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(2) span {
  transition-delay: 1.7s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(3) span {
  transition-delay: 1.9s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(4) span {
  transition-delay: 2.1s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(5) span {
  transition-delay: 2.3s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(6) span {
  transition-delay: 2.5s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(7) span {
  transition-delay: 2.7s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(8) span {
  transition-delay: 2.9s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(9) span {
  transition-delay: 3.1s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(10) span {
  transition-delay: 3.3s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(11) span {
  transition-delay: 3.5s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(12) span {
  transition-delay: 3.7s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(13) span {
  transition-delay: 3.9s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(14) span {
  transition-delay: 4.1s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(15) span {
  transition-delay: 4.3s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(16) span {
  transition-delay: 4.5s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(17) span {
  transition-delay: 4.7s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(18) span {
  transition-delay: 4.9s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(19) span {
  transition-delay: 5.1s;
}
.margin-multiplier-component .mmc-content .head-line-wrapper:nth-child(20) span {
  transition-delay: 5.3s;
}
.margin-multiplier-component .mmc-content-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 48%;
  min-height: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  z-index: 6;
}
@media (max-width: 991px) {
  .margin-multiplier-component .mmc-content-wrap {
    max-width: 54%;
  }
}
.margin-multiplier-component .mmc-line {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 100%;
  height: auto;
  max-width: 81.2%;
  transform: translate(-50%, -50%) scale(0.8);
  transition: 1s ease 0s;
}
.margin-multiplier-component .mmc-line svg path {
  transition: 0.4s ease 0s;
}
.margin-multiplier-component .mmc-line svg g.is-active .path-color {
  opacity: 0;
}
.margin-multiplier-component .mmc-line svg g.is-active .path-gradient {
  opacity: 1;
}
.margin-multiplier-component .mmc-line svg .path-gradient {
  opacity: 0;
}