.sparkle-section { width: 100%; position: relative;}
.sparkle-block { width: 100%; position: relative;}
.sparkle-block .sparkle-desktop-view { width: 100%; display: block;}
.sparkle-block .sparkle-mobile-view { width: 100%; display: none;}
.sparkle-block .sparkle-row { width: 100%; position: relative; z-index: 1; display: flex; flex-wrap: wrap;}
.sparkle-block .sparkle-row .sparkle-col { width: calc(50% - 40px); position: relative;}
.sparkle-block .sparkle-row .sparkle-bg-text { width: 100vw; font-family: "Nunito Sans", sans-serif; font-size: 130px; color: #f5ebea; font-weight: 400; line-height: 1; position: absolute; top: calc(100% - 50px); left: 50%; z-index: -1; transform: translateX(-50vw);}
.sparkle-block .sparkle-row + .sparkle-row .sparkle-col { margin: -80px 0 0 0;}
.sparkle-block .sparkle-row:nth-child(even) { justify-content: flex-end;}
.sparkle-block .sparkle-row:nth-child(even) .sparkle-bg-text { text-align: right;}
.sparkle-block .sparkle-box { width: 100%; min-height: 500px; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; padding: 80px 0;}
.sparkle-block .sparkle-box .imagebox { width: calc(100% - 80px); height: 100%; display: block; background-position-x: 100%; background-position-y: 0; background-repeat: no-repeat; background-size: cover; box-shadow: 0 40px 72px -16px #00000038; position: absolute; top: 0; right: 0; z-index:1;}
.sparkle-block .sparkle-box .floatbox { width: 100%; position: relative; z-index: 2; display: flex; flex-wrap: wrap;}
.sparkle-block .sparkle-box .floatbox .textbox { width: 100%; max-width: 363px; display: flex; flex-direction: column; background: #fffc; padding: 50px 50px; text-decoration: none;}
.sparkle-block .sparkle-box .floatbox .textbox .float-heading { font-family: "Nunito Sans", sans-serif; font-size: 24px; color: #000000; font-weight: 400; text-transform: uppercase; line-height: 1.2; margin: 0; padding: 0;}
.sparkle-block .sparkle-box .floatbox .textbox .float-content { font-size: 17px; color: #000000; font-weight: 400; line-height: 1.66; margin: 16px 0 0 0; padding: 0;}
.sparkle-block .sparkle-box .floatbox .textbox .float-bottom { width: 100%; margin: 16px 0 0 0;}
.sparkle-block .sparkle-box .floatbox .textbox .float-bottom .a__link { position: relative; z-index: 1; overflow: hidden; display: inline-flex; font-size: 13px; color: #000000; font-weight: 600; text-transform: uppercase; line-height: 1.2; margin: 0; padding: 0;}
.sparkle-block .sparkle-box .floatbox .textbox .float-bottom .a__link:before { content: ""; width: 300%; height: 12px; display: block; background: linear-gradient(90deg, #fdc6c7 0, #fdc6c7 33.3%, #0000 0, #0000 66.6%, #fdc6c7 0, #fdc6c7); position: absolute; top: 9px; right: 0; z-index: -1; transition: right 0.4s ease-out;}
.sparkle-block .sparkle-box .floatbox .textbox .float-bottom .a__link:hover:before { right: -200%; transition: right 0.5s ease-out;}
.sparkle-block .sparkle-slider { width: 100%; position: relative; padding: 0 15px;}
.sparkle-block .sparkle-slider .swiper { overflow: visible;}
.sparkle-block .sparkle-slider .swiper .swiper-slide { height: auto;}
.sparkle-block .sparkle-slider .sparkle-box { min-height: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: normal; justify-content: normal; margin: 0; padding: 0;}
.sparkle-block .sparkle-slider .sparkle-box .imagebox { width: 100%; height: auto; position: relative; top: 0; right: 0; bottom: 0; left: 0; display: block; flex: 0 0 auto; box-shadow: 0 21px 46px -6px #615d5740;}
.sparkle-block .sparkle-slider .sparkle-box .imagebox:before { content: ""; display: block; padding: 86% 0 0 0;}
.sparkle-block .sparkle-slider .sparkle-box .floatbox { width: 100%; flex: 1 1 auto; justify-content: center; margin: -100px 0 0 0; padding: 0 20px;}
.sparkle-block .sparkle-slider .sparkle-box .floatbox .textbox { width: 100%; max-width: 360px; text-align: center; margin: 0; padding: 30px 20px;}
.sparkle-block .sparkle-slider .sparkle-box .floatbox .textbox .float-heading { font-size: 20px;}
.sparkle-block .sparkle-slider .sparkle-box .floatbox .textbox .float-content { font-size: 15px;}


@media (min-width: 1440px) and (max-width:1500px) {

    .sparkle-block .sparkle-row .sparkle-bg-text { font-size: 110px;}

}

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

    .sparkle-block .sparkle-row .sparkle-bg-text { font-size: 110px;}

}

@media (min-width: 992px) and (max-width:1199px) {

    .sparkle-block .sparkle-row .sparkle-col { width: calc(50% - 25px);}
    .sparkle-block .sparkle-row .sparkle-bg-text { font-size: 80px; top: calc(100% - 40px);}
    .sparkle-block .sparkle-row + .sparkle-row .sparkle-col { margin: -60px 0 0 0;}
    .sparkle-block .sparkle-box { min-height: 420px; padding: 60px 0;}
    .sparkle-block .sparkle-box .imagebox { width: calc(100% - 60px);}
    .sparkle-block .sparkle-box .floatbox .textbox { padding: 40px 40px;}

}

@media (max-width:991px) {

    .sparkle-block .sparkle-desktop-view { display: none;}
    .sparkle-block .sparkle-mobile-view { display: block;}

}