.intro { overflow: hidden; position: relative; display: flex; }

@media (min-width: 992px) { .intro { min-height: 100vh; align-items: center; } }

@media (max-width: 991px) { .intro { flex-direction: column; justify-content: center; } }

.intro .intro-content-wrapper { animation-delay: 2s; }

@media (min-width: 992px) { .intro .intro-grid { display: grid; grid-template-columns: 1fr 1fr; padding: 0; grid-column-gap: 60px; } }

@media (max-width: 991px) { .intro .intro-grid { display: flex; flex-direction: column; padding: 50px 0 100px; } }

@media (max-width: 991px) { .intro .intro-grid .left-content-wrapper { text-align: center; } }

.intro .intro-grid .left-content-wrapper h1 { display: block; color: #fff; font-size: 30px; }
.intro .intro-grid .left-content-wrapper h1 span { font-size: 20px; margin-top: 8px; }

@media (min-width: 992px) { .intro .intro-grid .left-content-wrapper h1 { line-height: 120%; font-size: 42px; margin-top: 24%; } .intro .intro-grid .left-content-wrapper h1 span { font-size: 27px; margin-top: 18px; margin-bottom: 15px; } }


.intro .intro-grid .left-content-wrapper h2 { display: block; color: #fff; font-size: 30px; }
.intro .intro-grid .left-content-wrapper h2 span { font-size: 20px; margin-top: 8px; }

@media (min-width: 992px) { .intro .intro-grid .left-content-wrapper h2 { line-height: 120%; font-size: 42px; margin-top: 24%; } .intro .intro-grid .left-content-wrapper h2 span { font-size: 27px; margin-top: 18px; margin-bottom: 15px; } }



.intro .intro-grid .left-content-wrapper strong { line-height: 1.1; display: inline-block; font-family: "Intelo Bold", sans-serif; background: linear-gradient(90deg, #407dc9 2.08%, #8c4699 25.94%, #da281c 44.71%, #ff6600 71.86%, #fab90e 95.07%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }

@media (max-width: 991px) { .intro .intro-grid .left-content-wrapper strong { font-size: 75px; margin: -8px 0 0 0; letter-spacing: -0.03em; } }

@media (min-width: 992px) { .intro .intro-grid .left-content-wrapper strong { font-size: 105px; margin: -21px 0 12px -7px; letter-spacing: -0.05em; padding-right: 10px; } }

@media (min-width: 768px) and (max-width: 991px) { .intro .intro-grid .left-content-wrapper strong { margin: -48px 0 0 -5px; } }

@media (min-width: 992px) and (max-width: 1199px) { .intro .intro-grid .left-content-wrapper strong { font-size: 190px; margin: -51px 0 0 -14px; } }

@media (max-width: 991px) { .intro .intro-grid .middle-content-wrapper { margin-top: 40px; } }

.intro .intro-grid .middle-content-wrapper p { color: #fff; opacity: 0.8; }

@media (max-width: 991px) { .intro .intro-grid .middle-content-wrapper p { text-align: center; } }

@media (min-width: 992px) { .intro .intro-grid .middle-content-wrapper p { font-size: 36px; line-height: 52px; max-width: 502px; margin: 0 auto 0 0; margin-top: 47px; } }

@media (max-width: 991px) { .intro .intro-grid .middle-content-wrapper p { font-size: 24px; line-height: 32px; } }

.intro .intro-grid .right-content-wrapper { position: relative; }

@media (min-width: 992px) { .intro .intro-grid .right-content-wrapper { grid-column: 2/3; grid-row: 1/ span 2; } }

@media (max-width: 991px) { .intro .intro-grid .right-content-wrapper { height: 120.278vw; } }

.intro .intro-grid .right-content-wrapper .wrapper-blog { position: absolute; transform: matrix(-0.02, 1, -1, -0.03, 0, 0) rotate(-3deg); }

@media (min-width: 992px) { .intro .intro-grid .right-content-wrapper .wrapper-blog { width: 414.71px; height: 600.77px; left: 65px; top: 35px; } }

@media (max-width: 991px) { .intro .intro-grid .right-content-wrapper .wrapper-blog { top: -58px; transform: rotate(104deg); } }

.intro .intro-grid .right-content-wrapper .wrapper-blog .blob { transform-origin: bottom; }

@media (min-width: 992px) { .intro .intro-grid .right-content-wrapper .wrapper-blog .blob { border-radius: 59% 39% 57% 42% / 54% 34% 64% 45%; width: 400px; height: 600px; position: absolute; } }

@media (max-width: 991px) { .intro .intro-grid .right-content-wrapper .wrapper-blog .blob { width: 309.12px; height: 522.9px; } }

.intro .intro-grid .right-content-wrapper .wrapper-blog .blob.blob_1 { opacity: 0; }

@media (min-width: 992px) { .intro .intro-grid .right-content-wrapper .wrapper-blog .blob.blob_1 { left: 10%; top: -100%; transform: rotate(0deg); animation: home-hero-bg-3 2s ease-in-out forwards; } }

@media (max-width: 991px) { .intro .intro-grid .right-content-wrapper .wrapper-blog .blob.blob_1 { left: -10%; top: 0; position: relative; transform: rotate(-170deg); animation: home-hero-bg-3_Mobile 2s ease-in-out forwards; } }

.intro .intro-grid .right-content-wrapper .wrapper-blog .blob.blob_2 { transform: rotate(-10deg); left: 10%; top: -106%; animation: home-hero-bg-2 1.5s ease-in-out forwards; opacity: 0; animation-delay: 0.8s; }

@media (max-width: 991px) { .intro .intro-grid .right-content-wrapper .wrapper-blog .blob.blob_2 { display: none; } }

.intro .intro-grid .right-content-wrapper .wrapper-blog .blob.blob_3 { transform: rotate(-10deg); left: 40%; top: -82%; width: 332px; height: 560px; animation: home-hero-bg-1 1.5s ease-in-out forwards; animation-delay: 1s; opacity: 0; }

@media (max-width: 991px) { .intro .intro-grid .right-content-wrapper .wrapper-blog .blob.blob_3 { display: none; } }

.intro .intro-grid .right-content-wrapper .right-content-image-wrapper { background: #D9D9D9; z-index: -1; margin-top: 74px; border-radius: 100% 70% 87% 84% / 100% 80% 92% 72%; overflow: hidden; transform: rotate(25deg); height: 0; animation: fade-in 2s ease-in-out forwards; background: #432460; }

@media (min-width: 992px) { .intro .intro-grid .right-content-wrapper .right-content-image-wrapper { width: 600px; float: right; padding-bottom: 71.43%; } }

@media (max-width: 991px) { .intro .intro-grid .right-content-wrapper .right-content-image-wrapper { width: 140%; padding-bottom: 101.43%; margin-left: -28px; } }

.intro .intro-grid .right-content-wrapper .right-content-image-wrapper video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-25deg); max-width: unset; height: auto; object-fit: cover; width: 110%; }

@media (max-width: 991px) { .intro .intro-grid .right-content-wrapper .right-content-image-wrapper video { width: 110%; height: auto; } }

@media (max-width: 991px) { .bedset-intro { margin-top: 0; padding-top: 100px; } }

.bedset-intro .bedset-grid { position: relative; z-index: 99; }

@media (min-width: 992px) { .bedset-intro .bedset-grid { grid-template-columns: 1fr 1fr; } }

@media (max-width: 991px) { .bedset-intro .bedset-grid { grid-template-columns: 1fr; justify-content: center; grid-row-gap: 150px; } }

.bedset-intro .bedset-grid .bedset-text-wrapper { margin: 0 auto; text-align: center; max-width: 372px; opacity: 0; transform: translateY(150px); will-change: transform; padding: 0 16px; }

@media (max-width: 991px) { .bedset-intro .bedset-grid .bedset-text-wrapper { margin-bottom: 20px; } }

.bedset-intro .bedset-grid .bedset-text-wrapper h2 { font-size: 36px; line-height: 35px; font-family: "Intelo Bold", sans-serif; margin-bottom: 4px; }

.bedset-intro .bedset-grid .bedset-text-wrapper p { font-size: 24px; line-height: 32px; }

.bedset-intro .bedset-grid .bedset-price-wrapper { text-align: center; margin-top: -20px; opacity: 0; transform: translateY(100px); }

.bedset-intro .bedset-grid .bedset-price-wrapper .price { display: block; margin-bottom: 16px; font-size: 18px; line-height: 24px; }

.bedset-intro .bedset-grid .bedset-price-wrapper .price strong { font-family: "Intelo Regular", sans-serif; margin-left: 4px; }

.bedset-intro .bedset-grid .bedset-price-wrapper .price::first-letter { text-transform: uppercase; }

.bedset-intro .bedset-grid .bedset-blob-wrapper { position: absolute; transform: matrix(0.15, -1, 0.97, 0.19, 0, 0); top: -210px; z-index: -1; right: 0; left: 60px; animation: seesaw-left 10s ease-in-out infinite; opacity: 0; will-change: transform; }

.bedset-intro .bedset-grid .left-image-wrapper, .bedset-intro .bedset-grid .right-image-wrapper { height: 374px; width: 540px; z-index: -1; margin-top: -20px; position: relative; border-radius: 100% 70% 87% 84% / 100% 80% 92% 72%; overflow: hidden; scale: 0.6; opacity: 0; }

.bedset-intro .bedset-grid img { height: 100%; object-fit: cover; }

.bedset-intro .bedset-grid .bedset-left-wrapper, .bedset-intro .bedset-grid .bedset-right-wrapper { position: relative; }

@media (min-width: 992px) { .bedset-intro .bedset-grid .bedset-right-wrapper { margin-top: 100px; } }

.bedset-intro .bedset-grid .bedset-right-wrapper .bedset-blob-wrapper { transform: matrix(0.05, 1, 0.99, -0.1, 0, 0); left: -20px; top: -150px; animation: seesaw-right 10s ease-in-out infinite; animation-delay: 2s; }

/* .bedset-intro .bedset-grid .bedset-right-wrapper .right-image-wrapper { transform: rotateY(180deg); } */

.bedset-intro.animation-show .bedset-left-wrapper .bedset-blob-wrapper { animation: fadeInUp 0.8s ease-in-out forwards; }

.bedset-intro.animation-show .bedset-left-wrapper .left-wrapper-text { animation: MoveUpBig 0.8s ease-in-out forwards; }

.bedset-intro.animation-show .bedset-left-wrapper .left-image-wrapper { animation: FadeInBig 1.5s ease-in-out forwards; animation-delay: 0.5s; }

.bedset-intro.animation-show .bedset-left-wrapper .bedset-price-wrapper { animation: MoveUp 0.8s ease-in-out forwards; animation-delay: 1s; }

@media (min-width: 992px) { .bedset-intro.animation-show .bedset-right-wrapper .bedset-blob-wrapper { animation: fadeInUpRight 0.8s ease-in-out forwards; animation-delay: 0.7s; }
  .bedset-intro.animation-show .bedset-right-wrapper .right-wrapper-text { animation: MoveUpBig 0.8s ease-in-out forwards; animation-delay: 0.7s; }
  .bedset-intro.animation-show .bedset-right-wrapper .right-image-wrapper { animation: FadeInBig 1.5s ease-in-out forwards; animation-delay: 1.2s; }
  .bedset-intro.animation-show .bedset-right-wrapper .bedset-price-wrapper { animation: MoveUp 0.8s ease-in-out forwards; animation-delay: 1.8s; } 
  .intro-green-background .intro-grid { align-items: center; }
}

@media (max-width: 991px) { .bedset-intro.animation-show .bedset-right-wrapper.animation-start .bedset-blob-wrapper { animation: fadeInUpRight 0.8s ease-in-out forwards; animation-delay: 0.7s; }
  .bedset-intro.animation-show .bedset-right-wrapper.animation-start .right-wrapper-text { animation: MoveUpBig 0.8s ease-in-out forwards; animation-delay: 0.7s; }
  .bedset-intro.animation-show .bedset-right-wrapper.animation-start .right-image-wrapper { animation: FadeInBig 1.5s ease-in-out forwards; animation-delay: 1.2s; }
  .bedset-intro.animation-show .bedset-right-wrapper.animation-start .bedset-price-wrapper { animation: MoveUp 0.8s ease-in-out forwards; animation-delay: 1.8s; } }

.intro-green-background { overflow: visible; }

.intro-green-background .intro-grid { grid-column-gap: 100px;  }

@media (max-width: 991px) { .intro-green-background .intro-grid .middle-content-wrapper { padding: 0 16px; } }

.intro-green-background .intro-grid .middle-content-wrapper p { color: #fff; margin-top: 18px; }

.intro-green-background .intro-grid .middle-content-wrapper p:first-child { margin-top: 40px; }

@media (min-width: 992px) { .intro-green-background .intro-content-wrapper .left-content-wrapper strong { font-size: 140px; } }

.intro-green-background .intro-content-wrapper .right-content-wrapper { position: relative; grid-row: 1; }

@media (max-width: 991px) { .intro-green-background .intro-content-wrapper .right-content-wrapper { height: 50vh; overflow: hidden; } }

.intro-green-background .intro-content-wrapper .right-content-wrapper .image-wrapper img { position: absolute; }

.intro-green-background .intro-content-wrapper .right-content-wrapper .image-wrapper.animated-image-1 { animation: MoveUpDown 3s infinite ease-in-out; }

@media (min-width: 992px) { .intro-green-background .intro-content-wrapper .right-content-wrapper .image-wrapper.animated-image-1 img { top: -14%; scale: 1.5; } }

@media (max-width: 991px) { .intro-green-background .intro-content-wrapper .right-content-wrapper .image-wrapper.animated-image-1 img { top: -5%; right: -10%; scale: 1; } }

.intro-green-background .intro-content-wrapper .right-content-wrapper .image-wrapper.animated-image-2 img { animation: MoveLeftRight 3s infinite ease-in-out; animation-delay: -2s; }

@media (min-width: 992px) { .intro-green-background .intro-content-wrapper .right-content-wrapper .image-wrapper.animated-image-2 img { top: 42%; scale: .85; left: -7%; } }

@media (max-width: 991px) { .intro-green-background .intro-content-wrapper .right-content-wrapper .image-wrapper.animated-image-2 img { top: 20%; scale: .8; left: -11%; } }

.intro-pillows { overflow: hidden; }

.intro-pillows .sl-heading { text-align: center; margin-bottom: 128px; font-family: "Intelo Bold", sans-serif; opacity: 0; }

@media (max-width: 991px) { .intro-pillows .sl-heading { margin: 0 auto 100px; max-width: 328px; font-size: 50px; line-height: 56px; } }

.intro-pillows .pillow-grid { display: grid; }

@media (min-width: 992px) { .intro-pillows .pillow-grid { grid-template-columns: 1fr 1.1fr; } }

@media (max-width: 991px) { .intro-pillows .pillow-grid { grid-template-columns: 1fr; grid-row-gap: 180px; padding: 0 16px; } }

.intro-pillows .pillow-grid .left-pillow-wrapper, .intro-pillows .pillow-grid .right-pillow-wrapper { position: relative; }

.intro-pillows .pillow-grid .pillow-blob { position: absolute; z-index: -1; top: -170px; }

@media (max-width: 991px) { .intro-pillows .pillow-grid .pillow-blob { scale: 1.1; } }

.intro-pillows .pillow-grid .pillow-blob .blob { transform-origin: center; opacity: 0; }

@media (min-width: 992px) { .intro-pillows .pillow-grid .pillow-blob { right: 80px; scale: 1.1; } }

.intro-pillows .pillow-grid .text-wrapper { margin: 0 auto 18px; text-align: center; opacity: 0; }

@media (min-width: 992px) { .intro-pillows .pillow-grid .text-wrapper { max-width: 328px; } }

.intro-pillows .pillow-grid .text-wrapper h2 { font-size: 36px; line-height: 35px; font-family: "Intelo Bold", sans-serif; margin-bottom: 4px; }

.intro-pillows .pillow-grid .text-wrapper p { font-size: 24px; line-height: 32px; }

.intro-pillows .pillow-grid .image-wrapper { opacity: 0; scale: 0.8; }

@media (min-width: 992px) { .intro-pillows .pillow-grid .image-wrapper { max-width: 328px; margin: 0 auto; } }

.intro-pillows .pillow-grid .price-wrapper { opacity: 0; text-align: center; margin-top: 24px; }

.intro-pillows .pillow-grid .price-wrapper .price { display: block; margin-bottom: 16px; font-size: 18px; line-height: 24px; font-size: 18px; }

.intro-pillows .pillow-grid .price-wrapper .price strong { font-family: "Intelo Regular", sans-serif; margin-left: 4px; }

.intro-pillows .pillow-grid .price-wrapper .price::first-letter { text-transform: uppercase; }

@media (min-width: 992px) { .intro-pillows.down-blob .left-pillow-wrapper .pillow-blob { right: 60px; } }

.intro-pillows.down-blob .left-pillow-wrapper .pillow-blob .blob { transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) rotate(-100deg); }

.intro-pillows.down-blob .right-pillow-wrapper .pillow-blob .blob { transform: matrix(0.5, 0.84, -0.9, 0.48, 0, 0) rotate(-60deg); }

@media (min-width: 992px) { .intro-pillows.up-blob .left-pillow-wrapper .pillow-blob { right: 50px; } }

.intro-pillows.up-blob .left-pillow-wrapper .pillow-blob .blob { transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) rotate(45deg); }

.intro-pillows.up-blob .right-pillow-wrapper .pillow-blob .blob { transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) rotate(-60deg); }

.intro-pillows.animation-show .sl-heading { animation: fade-in 0.8s ease-in-out forwards; }

.intro-pillows.animation-show .left-pillow-wrapper .text-wrapper { animation: MoveUpBig 0.8s ease-in-out forwards; animation-delay: 0.4s; }

.intro-pillows.animation-show .left-pillow-wrapper .image-wrapper { animation: FadeInBigPillow 1.5s ease-in-out forwards; animation-delay: 0.5s; }

.intro-pillows.animation-show .left-pillow-wrapper .price-wrapper { animation: MoveUp 0.8s ease-in-out forwards; animation-delay: 1s; }

@media (min-width: 992px) { .intro-pillows.animation-show .right-pillow-wrapper .text-wrapper { animation: MoveUpBig 0.8s ease-in-out forwards; animation-delay: 0.7s; }
  .intro-pillows.animation-show .right-pillow-wrapper .image-wrapper { animation: FadeInBigPillow 1.5s ease-in-out forwards; animation-delay: 1.2s; }
  .intro-pillows.animation-show .right-pillow-wrapper .price-wrapper { animation: MoveUp 0.8s ease-in-out forwards; animation-delay: 1.6s; } }

@media (max-width: 991px) { .intro-pillows.animation-show .right-pillow-wrapper.animation-start .text-wrapper { animation: MoveUpBig 0.8s ease-in-out forwards; animation-delay: 0.7s; }
  .intro-pillows.animation-show .right-pillow-wrapper.animation-start .image-wrapper { animation: FadeInBigPillow 1.5s ease-in-out forwards; animation-delay: 1.2s; }
  .intro-pillows.animation-show .right-pillow-wrapper.animation-start .price-wrapper { animation: MoveUp 0.8s ease-in-out forwards; animation-delay: 1.6s; } }

.intro-pillows.animation-show.down-blob .left-pillow-wrapper .blob { animation: LeftIn 2s ease-in-out forwards; }

@media (min-width: 992px) { .intro-pillows.animation-show.down-blob .right-pillow-wrapper .blob { animation: RightIn 2s ease-in-out forwards; animation-delay: 0.3s; } }

@media (max-width: 991px) { .intro-pillows.animation-show.down-blob .right-pillow-wrapper.animation-start .blob { animation: RightIn 2s ease-in-out forwards; animation-delay: 0.3s; } }

.intro-pillows.animation-show.up-blob .left-pillow-wrapper .blob { animation: LeftInUp 2s ease-in-out forwards; }

@media (min-width: 992px) { .intro-pillows.animation-show.up-blob .right-pillow-wrapper .blob { animation: RightInUp 2s ease-in-out forwards; animation-delay: 0.7s; } }

@media (max-width: 991px) { .intro-pillows.animation-show.up-blob .right-pillow-wrapper.animation-start .blob { animation: RightInUp 2s ease-in-out forwards; animation-delay: 0.7s; } }

.color { position: fixed; height: 100vh; width: 100vw; top: 0; left: 0; z-index: -1; }

.color.color-blue { background: #062B4E; }

/* .color.color-green { background: linear-gradient(180.19deg, #062B4E 22.77%, #029147 95.9%);  } */

.color.color-green { background: url("https://mysleepwell.com/static/img-tmp/new-page-aqua-bg.jpg"); background-size: cover; }

.color.color-purple { background: #3A154F; }

.color.color-white { background: #fff; }

.color.top-active { opacity: 1 !important; }

@keyframes MoveUpDown { 0% { transform: translateY(-30px); }
  50% { transform: translateY(-15px); }
  100% { transform: translateY(-30px); } }

@keyframes MoveLeftRight { 0% { transform: translateY(0px); }
  50% { transform: translateY(15px); }
  100% { transform: translateY(0px); } }

@keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) translate3d(-20%, 0, 0);
    transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) translate3d(-20%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) translate3d(0, 0, 0);
    transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) translate3d(0, 0, 0); } }

@keyframes fadeInUpRight { from { opacity: 0;
    -webkit-transform: matrix(0.05, 1, 0.99, -0.1, 0, 0) translate3d(20%, 0, 0);
    transform: matrix(0.05, 1, 0.99, -0.1, 0, 0) translate3d(20%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: matrix(0.05, 1, 0.99, -0.1, 0, 0) translate3d(0, 0, 0);
    transform: matrix(0.05, 1, 0.99, -0.1, 0, 0) translate3d(0, 0, 0); } }

@keyframes fade-out { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes home-hero-bg-1 { 50% { opacity: 0.1; }
  75% { opacity: 0.3; }
  100% { transform: rotate(-100deg);
    opacity: 0.6; } }

@keyframes home-hero-bg-2 { 50% { opacity: 0.1; }
  75% { opacity: 0.3; }
  100% { transform: rotate(-150deg);
    opacity: 0.6; } }

@keyframes home-hero-bg-3 { 50% { opacity: 0.1; }
  75% { opacity: 0.3; }
  100% { transform: rotate(-170deg);
    opacity: 0.6; } }

@keyframes home-hero-bg-3_Mobile { 50% { opacity: 0.1; }
  75% { opacity: 0.3; }
  100% { transform: rotate(-3deg);
    opacity: 0.6; } }

@keyframes seesaw-left { 0% { transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) rotate(-5deg); }
  50% { transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) rotate(5deg); }
  100% { transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) rotate(-5deg); } }

@keyframes seesaw-right { 0% { transform: matrix(0.05, 1, 0.99, -0.1, 0, 0) rotate(5deg); }
  50% { transform: matrix(0.05, 1, 0.99, -0.1, 0, 0) rotate(-5deg); }
  100% { transform: matrix(0.05, 1, 0.99, -0.1, 0, 0) rotate(5deg); } }

@keyframes MoveUpBig { 0% { opacity: 0;
    transform: translateY(150px); }
  25% { opacity: 0.25; }
  50% { opacity: 0.5; }
  75% { opacity: 0.75; }
  100% { opacity: 1;
    transform: translateY(0); } }

@keyframes MoveUp { 0% { opacity: 0;
    transform: translateY(50px); }
  25% { opacity: 0.25; }
  50% { opacity: 0.5; }
  75% { opacity: 0.75; }
  100% { opacity: 1;
    transform: translateY(0); } }

@keyframes FadeInBig { 0% { opacity: 0; }
  100% { opacity: 1;
    scale: 0.8; } }

@keyframes FadeInBigPillow { 0% { opacity: 0; }
  100% { opacity: 1;
    scale: 1; } }

@keyframes LeftIn { 0% { opacity: 0;
    transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) rotate(-100deg); }
  100% { opacity: 0.3;
    transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) rotate(0deg); } }

@keyframes RightIn { 0% { opacity: 0;
    transform: matrix(0.5, 0.84, -0.9, 0.48, 0, 0) rotate(-60deg); }
  100% { opacity: 0.3;
    transform: matrix(0.5, 0.84, -0.9, 0.48, 0, 0) rotate(0deg); } }

@keyframes LeftInUp { 0% { opacity: 0;
    transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) rotate(45deg); }
  100% { opacity: 0.3;
    transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) rotate(145deg); } }

@keyframes RightInUp { 0% { opacity: 0;
    transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) rotate(-60deg); }
  100% { opacity: 0.3;
    transform: matrix(0.15, -1, 0.97, 0.19, 0, 0) rotate(0deg); } }

@media (min-width: 992px) { #sectoion-1 { margin-top: 62px; } }

.acuproheading { font-family: "Intelo Bold", sans-serif;  margin-bottom: 140px; text-align: center; }

@media (max-width: 991px) { #sectoion-1 { margin-top: 53px; } .acuproheading {  margin-bottom: 120px; }  .intro-green-background .intro-grid .middle-content-wrapper p:first-child { margin-top: 0;} .aculogo-textcenter { text-align: center; margin-top: 20px;}  .aculogo-textcenter img { width: 110px; } .aisapad-margin { padding: 0 !important; margin: 0;} }

.sticky-footer { z-index: 9999; }

/* .colorfull { background: linear-gradient(90deg, #407DC9 2.08%, #8C4699 51.77%, #DA281C 96.88%); } */
.colorfull { background: linear-gradient(90deg, #407DC9 2.08%, #407DC9 51.77%, #407DC9 96.88%); }

.new-pagetc { font-size: 12px; font-family: "Intelo Regular", sans-serif; margin-top: 20px; line-height: 19px;}