@font-face {
     font-family: "Rubik-Medium";
     src: url("../fonts/rubik/rubik-medium-webfont.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: "Rubik-Regular";
     src: url("../fonts/rubik/rubik-regular-webfont.woff") format("woff");
     font-weight: 300;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: "Rubik-Light";
     src: url("../fonts/rubik/rubik-light-webfont.woff") format("woff");
     font-weight: 300;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: "Rubik-Bold";
     src: url("../fonts/rubik/rubik-bold-webfont.woff") format("woff");
     font-weight: 300;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: "Rubik-Black";
     src: url("../fonts/rubik/rubik-black-webfont.woff") format("woff");
     font-style: normal;
}
 .Rubik-Bold {
     font-family: "Rubik-Bold";
}
 .Rubik-Regular {
     font-family: "Rubik-Regular";
}
 .Rubik-Light {
     font-family: "Rubik-Light";
}
 @-webkit-keyframes fade_top {
     0% {
         opacity: 0;
         -webkit-transform: translateY(100px);
         transform: translateY(100px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
}
 @keyframes fade_top {
     0% {
         opacity: 0;
         -webkit-transform: translateY(100px);
         -ms-transform: translateY(100px);
         transform: translateY(100px);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
 .fade_top {
     -webkit-animation-name: fade_top;
     animation-name: fade_top;
}
 @-webkit-keyframes slide_left {
     0% {
         left: 0%;
    }
     100% {
         left: -30%;
    }
}
 @keyframes slide_left {
     0% {
         left: 0%;
    }
     100% {
         left: -30%;
    }
}
 .slide_left {
     -webkit-animation-name: slide_left;
     animation-name: slide_left;
}
 @-webkit-keyframes slide_right {
     0% {
         right: 0%;
    }
     100% {
         right: -30%;
    }
}
 @keyframes slide_right {
     0% {
         right: 0%;
    }
     100% {
         right: -30%;
    }
}
 .slide_right {
     -webkit-animation-name: slide_right;
     animation-name: slide_right;
}
/* story style */
 .babyGlitter img {
     width: 100%;
     max-width: 100%;
}
 .babyGlitter a:hover{
     text-decoration: unset;
}
 .babyGlitter h1, .babyGlitter h2, .babyGlitter h3, .babyGlitter h4, .babyGlitter h5, .babyGlitter h6, .babyGlitter p {
     margin: 0;
     padding: 0;
}
 .babyGlitter .banner_section {
     overflow: hidden;
}
 .babyGlitter .relative {
     position: relative;
}
 .babyGlitter {
     background-color: "#color code used for background";
}
 .babyGlitter .section-padding {
     padding: 110px 0;
}
 .babyGlitter .story_name_container {
     width: 75%;
     margin: 0 auto;
}
 .babyGlitter .font-75 {
     font-size: 75px;
}
 .babyGlitter .font-48 {
     font-size: 48px;
}
 .babyGlitter .font-34 {
     font-size: 34px;
}
 .babyGlitter .font-20 {
     font-size: 20px;
}
 .babyGlitter .font-16 {
     font-size: 16px;
}
 .babyGlitter .font-27 {
     font-size: 27px;
}
 .babyGlitter .font-24 {
     font-size: 24px;
}
 .babyGlitter .font-55 {
     font-size: 55px;
}
 .babyGlitter .font-40 {
     font-size: 40px;
}
 .babyGlitter .font-35 {
     font-size: 35px;
}
 .babyGlitter .font-13 {
     font-size: 13px;
}
 .babyGlitter .flex{
     display: flex;
     flex-direction: column;
     gap: 1rem;
}
 .babyGlitter .babyGlitter_section1{
     background-image: url(../images/babyGlitter-section-1.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     width: 100%;
}
 .babyGlitter .sec1img {
     width: 35%;
     margin: 0 auto;
     position: relative;
     padding-top: 2%;
     padding-bottom: 2%;
}
 .babyGlitter .radi {
     color: white;
     text-align: center;
     padding-top: 11%;
     width: 100%;
     margin: 0 -1%;
}
 .babyGlitter .baby {
     color: white;
     text-align: center;
     padding-bottom: 7%;
}
 .babyGlitter .baby h3{
     font-size: 12px;
}
 .babyGlitter .highlighted-text {
     color: transparent;
     margin: 0;
     font-family: 'Rubik-Regular';
     font-size: 17px;
     -webkit-text-stroke: 4px orangered;
     -webkit-text-fill-color: white;
     position: relative;
     font-weight: 600;
}
 .babyGlitter .highlighted-text::after {
     content: attr(data-text);
     color: #fff;
     font-size: 100%;
     -webkit-text-stroke: 0 white;
     position: absolute;
     top: 0%;
     left: 0;
}
 .babyGlitter .highlight-text {
     color: transparent;
     margin: 0;
     font-family: 'Rubik-Regular';
     font-size: 17px;
     -webkit-text-stroke: 6px #00a5e6;
     -webkit-text-fill-color: black;
     position: relative;
     font-weight: 600;
}
 .babyGlitter .highlight-text::after {
     content: attr(data-text);
     color: #fff;
     font-size: 100%;
     -webkit-text-stroke: 0 black;
     position: absolute;
     top: 0%;
     left: 0;
}
 .babyGlitter .breathdata {
     width: 50%;
     display: flex;
     gap: 2rem;
     flex-direction: column;
     position: absolute;
     top: 35%;
     left: 64%;
}
 .babyGlitter .gliter {
     font-style: italic;
     font-weight: 600;
}
 .babyGlitter .babyGlitter_section2{
     background-image: url(../images/babyGlitter-section-1.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     width: 100%;
}
 .babyGlitter .sec2img{
     width: 30%;
     margin: 0 auto;
     padding-top: 8%;
     position: relative;
     padding-bottom: 10%;
}
 .babyGlitter .flex-2 {
     width: 72%;
     display: flex;
     position: absolute;
     gap: 1rem;
     flex-wrap: wrap;
     top: 39%;
     left: 104%;
}
 .babyGlitter .atx {
     display: flex;
     flex-direction: column;
     text-align: center;
     background-color: #BAC1C7;
     place-content: center;
     place-items: center;
     padding: 2px;
     display: grid;
     border-radius: 2px;
     flex-basis: calc(25.33% - 10px);
}
 .babyGlitter .atx img{
     width: 60%;
}
 .babyGlitter .light img{
     width: 42%;
}
 .babyGlitter .usb img {
     width: 78%;
}
 .babyGlitter .high img {
     width: 100%;
}
 .babyGlitter .base img{
     width: 80%;
}
 .babyGlitter .flex-2 h6{
     padding-top: 10%;
}
 .babyGlitter .base {
     display: flex;
     flex-direction: column;
     background-color: #B5DDC1;
     place-content: center;
     place-items: center;
     padding: 2px;
     display: grid;
     border-radius: 2px;
     flex-basis:calc(33.33% - 10px) 
}
 .babyGlitter .light {
     display: flex;
     flex-direction: column;
     text-align: center;
     background-color: #C7E9F4;
     place-content: center;
     place-items: center;
     padding: 2px;
     display: grid;
     border-radius: 2px;
     flex-basis:calc(36.33% - 10px) 
}
 .babyGlitter .usb {
     display: flex;
     flex-direction: column;
     text-align: center;
     background-color: #BDBBDD;
     place-content: center;
     place-items: center;
     padding: 2px;
     display: grid;
     border-radius: 2px;
     gap: 1rem;
     flex-basis:calc(33.33% - 10px) 
}
 .babyGlitter .high {
     display: flex;
     flex-direction: column;
     text-align: center;
     background-color: #FFE9CF;
     place-content: center;
     place-items: center;
     padding: 18px;
     display: grid;
     border-radius: 2px;
     flex-basis:calc(41.33% - 10px) 
}
 .babyGlitter .flex-2 p {
     font-size: 14px;
     text-align: center;
     font-weight: 600;
     padding-top: 8%;
}
 .babyGlitter .beautiful {
     position: absolute;
     top: 81%;
     left: -40%;
}
 .babyGlitter .beautiful h2{
     color: #F26F5E;
}
 .babyGlitter .beautiful p {
     color: white;
     padding-top: 2px;
}
 .babyGlitter .babyGlitter_section3{
     background-image: url(../images/babyGlitter-compact-elegance.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     width: 100%;
     padding-bottom: 10%;
}
 .babyGlitter .high-text {
     color: transparent;
     margin: 0;
     font-family: 'Rubik-Regular';
     font-size: 17px;
     -webkit-text-stroke: 6px #00a5e6;
     -webkit-text-fill-color: white;
     position: relative;
}
 .babyGlitter .high-text::after {
     content: attr(data-text);
     color: #fff;
     font-size: 100%;
     -webkit-text-stroke: 0 black;
     position: absolute;
     top: 0%;
     left: 0;
}
 .babyGlitter .breathdata {
     width: 50%;
     display: flex;
     gap: 2rem;
     flex-direction: column;
     position: absolute;
     top: 35%;
     left: 64%;
}
 .babyGlitter .compact {
     text-align: center;
     padding-top: 5%;
}
 .babyGlitter .compact h2{
     color: #C97539;
}
 .babyGlitter .compact p {
     color: white;
     padding-top: unset;
}
 .babyGlitter .flex-3{
     display: flex;
     width: 50%;
     margin: 0 auto;
     padding-top: 5%;
}
 .babyGlitter .prod h3{
     color: #71CBD3;
     font-weight: 600;
}
 .babyGlitter .shine h3{
     color: #E61D33;
     font-weight: 600;
}
 .babyGlitter .prod p {
     color: white;
     line-height: 1.3;
     padding-top: 2%;
}
 .babyGlitter .shine p {
     color: white;
     line-height: 1.3;
     padding-top: 2%;
}
 .babyGlitter .sec3col1 {
     display: flex;
     flex-direction: column;
     flex-basis: 30%;
     gap: 5rem;
     padding-top: 10%;
}
 .babyGlitter .sec3col2{
     flex-basis: 60%;
}
 .babyGlitter .img3{
     width: 87%;
     margin: 0 40%;
}
 .babyGlitter .typ h4 {
    /* color: #000;
     */
     font-family: 'Rubik';
     margin: 0;
    /* font-size: 90px;
     */
     -webkit-text-stroke: 1px #76BDD7;
    /* -webkit-text-fill-color: #fff;
     */
    /* text-shadow: 7px -5px 0 #fff;
     */
     -webkit-text-fill-color: white;
     position: relative;
     font-size: 20px;
}
 .babyGlitter .bre h4 {
    /* color: #000;
     */
     font-family: 'Rubik';
     margin: 0;
    /* font-size: 90px;
     */
     -webkit-text-stroke: 1px orangered;
    /* -webkit-text-fill-color: #fff;
     */
    /* text-shadow: 7px -5px 0 #fff;
     */
     -webkit-text-fill-color: white;
     position: relative;
     font-size: 20px;
}
 .babyGlitter .img3{
     position: relative;
}
 .babyGlitter .bredata {
     display: flex;
     gap: 2rem;
     flex-direction: column;
     width: 50%;
     position: absolute;
     top: 35%;
     left: 40%;
}
 .babyGlitter .babyGlitter_section4{
     background-image: url(../images/babyGlitter-compact-elegance.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     width: 100%;
     padding-bottom: 10%;
}
 .babyGlitter .perf {
     text-align: center;
     padding-top: 6%;
}
 .babyGlitter .perf h2{
     color: #1FBDCC;
}
 .babyGlitter .perf p {
     color: white;
     padding-top: unset;
}
 .babyGlitter .sec4img{
     width: 50%;
     margin: 0 auto;
     padding-top: 4%;
}
 .babyGlitter .bid h3 {
     color: #E44225;
     font-weight: 600;
     line-height: 1;
}
 .babyGlitter .main-flex {
     display: flex;
     width: 80%;
     margin: 0 auto;
     padding-top: 3%;
}
 .babyGlitter .bid p {
     color: white;
     line-height: 1.3;
     padding-top: 2%;
}
 .babyGlitter .smlimg{
     width: 40%;
}
 .babyGlitter .flex-4 {
     display: flex;
     flex-direction: column;
     gap: 2rem;
     width: 50%;
     margin: 100px 56% 
}
 .babyGlitter .flex-1{
     width: 100%;
     display: flex;
     flex-direction: column;
}
 .babyGlitter .asse h3{
     color: #F48120;
     font-weight: 600;
     line-height: 1;
}
 .babyGlitter .asse p {
     color: white;
     line-height: 1.3;
     padding-top: 2%;
}
 .babyGlitter .flx-4 {
     display: flex;
     flex-direction: column;
     gap: 2rem;
     width: 50%;
     margin: 100px -5%;
}
 .babyGlitter .caution{
     color: white;
}
 .babyGlitter .sec4col1{
     flex-basis: 33.33%;
}
 .babyGlitter .sec4col2{
     flex-basis: 33.33%;
}
 .babyGlitter .sec4col3{
     flex-basis: 33.33%;
}
 .babyGlitter .bid p {
     color: white;
     line-height: 1.3;
     padding-top: 5%;
}
 .babyGlitter .asse p {
     color: white;
     line-height: 1.3;
     padding-top: 5%;
}

.babyGlitter  .babyGlitter_container {
    width: 50%;
    margin: 0 auto;
    padding: 100px 0 50px 0;
}
.babyGlitter .babyGlitter_container .youtube {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.babyGlitter  .babyGlitter_container iframe {
    width: 100%;
    height: 500px;
}
/* Respomsive */
 @media only screen and (max-width:1680px) {
     .babyGlitter .flex-4 {
         gap: 2rem;
         width: 57%;
    }
     .babyGlitter .flx-4 {
         gap: 2rem;
         width: 57%;
    }
     .babyGlitter .atx {
         flex-basis:calc(33.33% - 10px) 
    }
     .babyGlitter .light {
         flex-basis:calc(33.33% - 10px) 
    }
     .babyGlitter .high {
         flex-basis:calc(33.33% - 10px) 
    }
     .babyGlitter .usb {
         flex-basis:calc(33.33% - 10px) 
    }
     .babyGlitter .base {
         flex-basis:calc(33.33% - 10px) 
    }
}
 @media only screen and (max-width:1600px){
     .babyGlitter .flex-2 p {
         font-size: 14px;
    }
     .babyGlitter .flex-3 {
         width: 54%;
    }
     .babyGlitter .atx {
         flex-basis: 28%;
    }
     .babyGlitter .light {
         flex-basis: 34%;
    }
     .babyGlitter .high {
         flex-basis: 33%;
    }
}
 @media only screen and (max-width:1440px) {
     .babyGlitter .flx-4 {
         gap: 2rem;
         width: 60%;
    }
     .babyGlitter .sec4img {
         width: 57%;
         margin: 0 auto;
         padding-top: 4%;
    }
     .babyGlitter .flex-4 {
         gap: 2rem;
         width: 71%;
         margin: 100px 40%;
    }
     .babyGlitter .flex-3 {
         width: 59%;
    }
     .babyGlitter .flex-2 {
         width: 100%;
         top: 35%;
         left: 108%;
    }
     .babyGlitter .flex-2 p {
         font-size: 11px;
    }
}
 @media only screen and (max-width:1400px){
     .babyGlitter .flex-3 {
         width: 62%;
    }
     .babyGlitter .breathdata {
         width: 50%;
         top: 33%;
         left: 65%;
    }
}
 @media only screen and (max-width:1366px) {

    .babyGlitter  .babyGlitter_container {
        width: 60%;
        margin: 0 auto;
      
    }

     .babyGlitter .flex-3 {
         width: 68%;
    }
     .babyGlitter .flex-2 p br{
         display: none;
    }
     .babyGlitter .flex-2 p {
         font-size: 11px;
    }
}
 @media only screen and (max-width:1280px) {
     .babyGlitter .sec4img {
         width: 66%;
         margin: 0 auto;
         padding-top: 4%;
    }
     .babyGlitter .smlimg {
         width: 38%;
    }
     .babyGlitter .flx-4 {
         gap: 2rem;
         width: 65%;
         margin: 100px 0% 
    }
     .babyGlitter .flex-4 {
         gap: 2rem;
         width: 82%;
         margin: 100px 21%;
    }
     .babyGlitter .bredata {
         width: 52%;
    }
}
 @media only screen and (max-width:1152px) {
     .babyGlitter .sec4img {
         width: 72%;
         margin: 0 auto;
         padding-top: 4%;
    }
     .babyGlitter .flx-4 {
         gap: 2rem;
         width: 71%;
         margin: 100px 0%;
    }
     .babyGlitter .bredata {
         width: 57%;
    }
     .babyGlitter .flex-3 {
         width: 73%;
    }
     .babyGlitter .sec2img {
         width: 31%;
    }
     .babyGlitter .base {
         flex-basis: 28%;
    }
.babyGlitter .breathdata {
    width: 59%;
    top: 30%;
    left: 62%;
}
}
 @media only screen and (max-width:1024px) {
     .babyGlitter .breathdata {
    width: 59%;
    top: 30%;
    left: 62%;
}
     .babyGlitter .flex-4 {
         gap: 2rem;
         width: 92%;
         margin: 100px 8%;
    }
     .babyGlitter .sec4img {
         width: 70%;
         margin: 0 auto;
         padding-top: 4%;
    }
     .babyGlitter .flx-4 {
         gap: 2rem;
         width: 81%;
         margin: 100px 0%;
    }
     .babyGlitter .flex-3 {
         width: 77%;
    }
     .babyGlitter .sec1img {
         width: 42%;
    }
     .babyGlitter .sec2img {
         width: 31%;
         padding-bottom: 13%;
    }
     .babyGlitter .flex-2 {
         width: 100%;
         top: 34%;
         left: 104%;
    }
     .babyGlitter .high img {
         width: 100%;
    }
     .babyGlitter .beautiful {
         top: 81%;
         left: -54%;
    }
     .babyGlitter .high{
         padding: 11px;
    }
}
 @media only screen and (max-width:992px) {
     .babyGlitter .sec4img {
         width: 88%;
         margin: 0 auto;
         padding-top: 4%;
    }
     .babyGlitter .flex-3 {
         width: 80%;
    }
     .babyGlitter .high{
         padding: 11px;
    }
}
 @media only screen and (max-width:767px) {

    .babyGlitter  .babyGlitter_container {
        width: 95%;
        margin: 0 auto;
        padding: 0px 0 50px 0;
    }
    .babyGlitter .babyGlitter_container .youtube iframe {
        width: 100%;
        height: 650px;
    }
    .babyGlitter .radi {
        color: white;
        text-align: center;
        padding-top: 35%;
        width: 100%;
        margin: 0 -1%;
    }
 /*    .babyGlitter .sec1img {
         width: 94%;

         padding-top: 5%;
         padding-bottom: 7%;
         margin-left: 0 !important;
         margin-right: unset;
    }*/
     .babyGlitter .bid p {
         color: white;
         line-height: 1.3;
         padding-top: 2%;
    }
     .babyGlitter .asse p {
         color: white;
         line-height: 1.3;
         padding-top: 2%;
    }
     .babyGlitter .compact p {
         color: white;
         padding-top: 2%;
    }
     .babyGlitter .perf p {
         color: white;
         padding-top: 2%;
    }
     .babyGlitter .sec3col1{
         padding-top: unset;
    }
     .babyGlitter .sec4img {
         width: 60%;
         margin: 0 auto;
         padding-top: 4%;
    }
     .babyGlitter .base p {
         font-weight: 600;
         font-size: 14px;
         padding-top: 10%;
    }
     .babyGlitter .smlimg {
         width: 21%;
    }
     .babyGlitter .babyGlitter_section4{
    }
     .babyGlitter .flex-4 {
         width: 95%;
         margin: 0 auto;
         gap: 1rem;
    }
     .babyGlitter .flx-4{
         width: 95%;
         margin: 0 auto;
    }
     .babyGlitter .sec4col2{
         order: 3;
         gap: unset;
    }
     .babyGlitter .main-flex {
         flex-direction: column;
         padding-bottom: 20%;
         width: 100%;
         gap: 4rem;
         padding-top: 10%;
    }
     .babyGlitter .perf {
         padding-top: 10%;
         text-align: left;
         width: 95%;
         margin: 0 auto;
    }
     .babyGlitter .section-2 {
         margin-top: -2%;
    }
     .babyGlitter .compact p br{
         display: none;
    }
     .babyGlitter .perf p br{
         display: none;
    }
     .babyGlitter .bredata {
         width: 52%;
         gap: 1rem;
         top: 39%;
    }
     .babyGlitter .babyGlitter_section3 {
         margin-top: -2%;
         padding-top: 25%;
         padding-bottom: 40%;
    }
     .babyGlitter .font-16 {
         font-size: 15px;
    }
     .babyGlitter .img3 {
         width: 100%;
         margin: 0 auto;
         padding-top: 10%;
    }
     .babyGlitter .flex-3{
         flex-direction: column;
         width: 95%;
    }
     .babyGlitter .atx {
         flex-basis: calc(50% - 0px);
         aspect-ratio: 1;
    }
     .babyGlitter .light {
         flex-basis:calc(50% - 10px) 
    }
     .babyGlitter .high {
         flex-basis:calc(50% - 10px) 
    }
     .babyGlitter .usb {
         flex-basis: calc(50% - 0px);
         aspect-ratio: 1;
    }
     .babyGlitter .base {
         width: 50%;
         text-align: center;
         margin: 0 auto;
         padding: unset;
         aspect-ratio: 1;
    }
     .babyGlitter .compact {
         text-align: center;
         padding-top: 5%;
         text-align: left;
         width: 95%;
         margin: 0 auto;
    }
     .babyGlitter .flx-2{
         width: 95%;
         margin: 0 auto;
         gap: 1rem;
         display: flex;
         flex-wrap: wrap;
         gap: 1rem;
         padding-bottom: 2%;
    }
     .babyGlitter .sec2imgmb{
         width: 85%;
         margin: 0 auto;
         padding-top: 13%;
    }
     .babyGlitter .flx-2 img {
         width: 90%;
    }
     .babyGlitter .flx-2 p {
         text-align: center;
         font-size: 14px;
         font-weight: 600;
         padding-top: 10%;
    }
     .babyGlitter .beauty {
         text-align: left;
         padding-top: 10%;
         width: 95%;
         margin: 0 auto;
         padding-bottom: 10%;
    }
     .babyGlitter .font-40 {
         font-size: 28px;
    }
     .babyGlitter .beauty h2{
         color: #F26F5E;
    }
     .babyGlitter .beauty p {
         color: white;
         padding-top: 2%;
    }
     .babyGlitter .section-2{
         background-image: url(../images/babyGlitter-section-1.png);
         background-repeat: no-repeat;
         background-size: cover;
         width: 100%;
    }
    
  .babyGlitter .sec1img {
         width: 90%;
         margin: 0 auto;
         padding-top: 5%;
         padding-bottom: 7%;
    }
     .babyGlitter .type h4 {
         font-size: 14px;
    }
     .babyGlitter {
         overflow-x: hidden;
    }
    .babyGlitter .breath h4 {
    font-size: 13px;
}
     .babyGlitter .baby {
         color: white;
         text-align: center;
         padding-bottom: 10%;
    }
   .babyGlitter .breathdata {
    width: 46%;
    top: 29%;
    left: revert-layer;
    gap: 1rem;
    right: -6%;
}
     .babyGlitter .sec3col1{
         gap: 2rem;
    }
}