@font-face {
    font-family: 'Poppins';
    src: url('/si_upload/gfx/2025/03_17_candy/fonts/Poppins-Regular.ttf') format('truetype');

}
@font-face {
    font-family: 'Poppins Bold';
    src: url('/si_upload/gfx/2025/03_17_candy/fonts/Poppins-SemiBold.ttf') format('truetype');

}

:root {
    --percentage: 1;
}

@media (max-width: 1393px) {
    :root {
        --percentage: 0.784;
    }
}

@media (max-width: 1100px) {

    :root {
        --percentage: 0.648;
    }
}

@media (max-width: 895px) {

    :root {
        --percentage: 0.544;
    }
}

@media (max-width: 740px) {
    :root {
        --percentage: 1;
    }
}

#candy-lp abbr,
#candy-lp acronym,
#candy-lp address,
#candy-lp applet,
#candy-lp article,
#candy-lp aside,
#candy-lp audio,
#candy-lp b,
#candy-lp big,
#candy-lp blockquote,
#candy-lp canvas,
#candy-lp caption,
#candy-lp center,
#candy-lp cite,
#candy-lp code,
#candy-lp dd,
#candy-lp del,
#candy-lp details,
#candy-lp dfn,
#candy-lp dl,
#candy-lp dt,
#candy-lp em,
#candy-lp embed,
#candy-lp fieldset,
#candy-lp figcaption,
#candy-lp figure,
#candy-lp footer,
#candy-lp form,
#candy-lp h1,
#candy-lp h2,
#candy-lp h3,
#candy-lp h4,
#candy-lp h5,
#candy-lp h6,
#candy-lp header,
#candy-lp hgroup,
#candy-lp,
#candy-lp i,
#candy-lp iframe,
#candy-lp img,
#candy-lp ins,
#candy-lp kbd,
#candy-lp label,
#candy-lp legend,
#candy-lp li,
#candy-lp mark,
#candy-lp menu,
#candy-lp nav,
#candy-lp object,
#candy-lp ol,
#candy-lp output,
#candy-lp p,
#candy-lp pre,
#candy-lp q,
#candy-lp ruby,
#candy-lp s,
#candy-lp samp,
#candy-lp small,
#candy-lp span,
#candy-lp strike,
#candy-lp strong,
#candy-lp sub,
#candy-lp summary,
#candy-lp sup,
#candy-lp table,
#candy-lp tbody,
#candy-lp td,
#candy-lp tfoot,
#candy-lp th,
#candy-lp thead,
#candy-lp time,
#candy-lp tr,
#candy-lp tt,
#candy-lp u,
#candy-lp ul,
#candy-lp var,
#candy-lp video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Poppins', Arial, sans-serif;
    box-sizing: border-box;
}

#candy-lp section,
#candy-lp a,
#candy-lp div,
#candy-lp footer {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Poppins', Arial, sans-serif;
    box-sizing: border-box;
}

#candy-lp article,
#candy-lp aside,
#candy-lp details,
#candy-lp figcaption,
#candy-lp figure,
#candy-lp footer,
#candy-lp header,
#candy-lp hgroup,
#candy-lp menu,
#candy-lp nav,
#candy-lp section {
    display: block;
}

#candy-lp {
    line-height: 1;
}

#candy-lp ol,
#candy-lp ul {
    list-style: none;
}

#candy-lp blockquote,
#candy-lp q {
    quotes: none;
}

#candy-lp blockquote:after,
#candy-lp blockquote:before,
#candy-lp q:after,
#candy-lp q:before {
    content: "";
    content: none;
}

#candy-lp table {
    border-collapse: collapse;
    border-spacing: 0;
}

#candy-lp a {
    text-decoration: none;
}

#candy-lp * {
    box-sizing: border-box;
}

#candy-lp {
    scroll-behavior: smooth;
    overflow-x: hidden;
    overflow-y: hidden;

}

.main-body {
    margin: 0 auto;
    overflow-x: hidden;
}

#candy-lp {
    max-width: 1360px;
    margin: 0 auto;
}

#candy-lp .img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
}

#candy-lp img.mobile {
    display: none;
}

#candy-lp .top {
    padding: calc(50px * var(--percentage)) 0 calc(43px * var(--percentage)) 0;
    background-color: #ffffff;
}

#candy-lp .top .top-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: calc(1082px * var(--percentage));
    margin: 0 auto;
}

#candy-lp .top .top-wrapper .links {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-column-gap: calc(63px * var(--percentage));
    -moz-column-gap: calc(63px * var(--percentage));
    column-gap: calc(63px * var(--percentage));
}

#candy-lp .top .top-wrapper .links .link {
    color: #414047;
    font-size: calc(16px * var(--percentage));
}

#candy-lp .buy {
    position: relative;
    padding: calc(34px * var(--percentage)) 0 calc(102px * var(--percentage)) 0;
    background-color: #414047;
}

#candy-lp .buy .buy-heading {
    color: #FFF;
    text-align: center;
    font-size: calc(48px * var(--percentage));
    line-height: 1.2;
}

#candy-lp .buy .buy-heading>span {
    font-family: 'Poppins Bold', Arial, sans-serif;
}

#candy-lp .buy .buy-image {
    position: absolute;
    max-width: calc(542px * var(--percentage));
    bottom: 0;
    right: calc(690px * var(--percentage));
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

#candy-lp .buy .buy-subheading {
    color: #6DC4C3;
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(96px * var(--percentage));
}

#candy-lp .buy .buy-subheading span {
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(64px * var(--percentage));
}

#candy-lp .buy .buy-text {
    color: #FFF;
    font-size: calc(36px * var(--percentage));
}

#candy-lp .buy .text-wrapper {
    width: calc(446px * var(--percentage));
    ;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin: calc(82px * var(--percentage)) calc(167px * var(--percentage)) 0 auto;


}

#candy-lp .how {
    padding: calc(76px * var(--percentage)) 0 calc(51px * var(--percentage)) 0;
    background-color: #6DC4C3;
}

#candy-lp .how .additional-text {
    color: #414047;
    font-size: calc(20px * var(--percentage));
    line-height: 1.2;
}

#candy-lp .how .additional-text span {
    font-family: 'Poppins Bold', Arial, sans-serif;
}

#candy-lp .how .text-wrapper {
    width: calc(554px * var(--percentage));
    margin: 0 calc(49px * var(--percentage)) calc(160px * var(--percentage)) auto;
}

#candy-lp .how .how-heading {
    font-family: 'Poppins Bold', Arial, sans-serif;
    color: #414047;
    text-align: center;
    font-size: calc(36px * var(--percentage));
    margin-bottom: calc(48px * var(--percentage));
}

#candy-lp .how .items {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-column-gap: calc(20px * var(--percentage));
    -moz-column-gap: calc(20px * var(--percentage));
    column-gap: calc(20px * var(--percentage));
    row-gap: calc(20px * var(--percentage));
    max-width: calc(900px * var(--percentage));
    margin: 0 auto;
}

#candy-lp .how .items .item {
    padding: calc(10px * var(--percentage));
    width: calc(210px * var(--percentage));
    border: 1px solid #ffffff;
    border-radius: calc(17px * var(--percentage));
}

#candy-lp .how .items .item .item-heading {
    color: #FFF;
    text-align: center;
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(41px * var(--percentage));
    margin-bottom: calc(8px * var(--percentage));
}

#candy-lp .how .items .item .item-subheading {
    color: #414047;
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(16px * var(--percentage));
    text-align: center;
    line-height: 1.2;
    margin-bottom: calc(8px * var(--percentage));
}

#candy-lp .how .items .item .item-text {
    color: #414047;
    font-size: calc(17px * var(--percentage));
    text-align: center;
    line-height: 1.2;
}

#candy-lp .how .how-heading.another {
    margin-top: calc(61px * var(--percentage));
}

#candy-lp .how .items2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-column-gap: calc(48px * var(--percentage));
    -moz-column-gap: calc(48px * var(--percentage));
    column-gap: calc(48px * var(--percentage));
    row-gap: calc(48px * var(--percentage));
}

#candy-lp .how .items2 .item2 {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: calc(250px * var(--percentage));
}
#candy-lp .how .items2 .item2::after{
    content: '';
    position: absolute;
    right: calc(-12px * var(--percentage));
    width: 1px;
    height: calc(255px * var(--percentage));
    background-color: #414047;
}
#candy-lp .how .items2 .item2:last-of-type:after{
    display: none;
}

#candy-lp .how .items2 .item2 .item-icon-big {
    max-width: calc(83px * var(--percentage));
}

#candy-lp .how .items2 .item2 .item-heading2 {
    color: #414047;
    text-align: center;
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(20px * var(--percentage));
    font-style: normal;
    margin: calc(16px * var(--percentage)) 0;
}

#candy-lp .how .items2 .item2 .text-wrapper2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-column-gap: calc(20px * var(--percentage));
    -moz-column-gap: calc(20px * var(--percentage));
    column-gap: calc(20px * var(--percentage));
}

#candy-lp .how .items2 .item2:first-of-type .text-wrapper2 .item-icon-small {
    max-width: calc(64px * var(--percentage));
}

#candy-lp .how .items2 .item2:nth-of-type(2) .text-wrapper2 .item-icon-small {
    max-width: calc(57px * var(--percentage));
}

#candy-lp .how .items2 .item2:nth-of-type(3) .text-wrapper2 .item-icon-small {
    max-width: calc(31px * var(--percentage));
}

#candy-lp .how .items2 .item2:nth-of-type(4) .text-wrapper2 .item-icon-small {
    max-width: calc(50px * var(--percentage));
}

#candy-lp .how .items2 .item2 .item-text2 {
    color: #414047;
    font-size: calc(14px * var(--percentage));
    line-height: 1.2;
}

#candy-lp .how .items2 .item2 .item-text2 span, #candy-lp .how .items2 .item2 .item-text2 a {
    color: #414047;
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(14px * var(--percentage));
    line-height: 1.2;
}
#candy-lp .how .items2 .item2 .item-text2 a{
    text-decoration: underline;
}

#candy-lp .how .how-buttons-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-column-gap: calc(20px * var(--percentage));
    -moz-column-gap: calc(20px * var(--percentage));
    column-gap: calc(20px * var(--percentage));
    row-gap: calc(20px * var(--percentage));
    margin-top: calc(61px * var(--percentage));
}

#candy-lp .how .how-buttons-wrapper .how-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: calc(56px * var(--percentage));
    width: calc(344px * var(--percentage));
    border-radius: calc(40px * var(--percentage));
    border: 2px solid #414047;
    background-color: transparent;
    color: #000;
    text-align: center;
    font-size: calc(20px * var(--percentage));
}

#candy-lp .how .how-buttons-wrapper .how-button.second {
    border: none;
    background-color: #414047;
    color: #ffffff;
}

#candy-lp .meet-products {
    padding: 57px 0;
    background-color: #ffffff;
}

#candy-lp .meet-products .meet-products-heading {
    color: #414047;
    text-align: center;
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(48px * var(--percentage));
    margin-bottom: calc(68px * var(--percentage));
}

#candy-lp .meet-products .meet-products-heading span {
    color: #6DC4C3;
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(48px * var(--percentage));
}

#candy-lp .meet-products .wrapper-items {
    max-width: calc(1082px * var(--percentage));
    margin: 0 auto;
}

#candy-lp .meet-products .meet-products-image {
    margin: 0 auto;
}

#candy-lp .meet-products .meet-products-subheading {
    color: #414047;
    text-align: center;
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(36px * var(--percentage));
    margin: calc(24px * var(--percentage)) 0;
}

#candy-lp .meet-products .meet-products-text {
    color: #1A1A1A;
    text-align: center;
    font-size: calc(16px * var(--percentage)) 0;
    line-height: 1.3;
    max-width: calc(924px * var(--percentage));
    margin: 0 auto calc(48px * var(--percentage)) auto;
}

#candy-lp .meet-products .items3 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-column-gap: calc(39px * var(--percentage));
    -moz-column-gap: calc(39px * var(--percentage));
    column-gap: calc(39px * var(--percentage));
    row-gap: calc(39px * var(--percentage));
}

#candy-lp .meet-products .items3 .item3 {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: calc(331px * var(--percentage));
}

#candy-lp .meet-products .items3 .item3 .item3-heading {
    color: #414047;
    text-align: center;
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(20px * var(--percentage));
    margin: calc(17px * var(--percentage)) 0;
}

#candy-lp .meet-products .items3 .item3 .item3-text {
    color: #1A1A1A;
    text-align: center;
    font-size: calc(16px * var(--percentage));
    line-height: 1.3;
}

#candy-lp .meet-products .products-card {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: calc(1043px * var(--percentage));
    height: calc(153px * var(--percentage));
    margin: calc(48px * var(--percentage)) auto;
    border: 1px solid #6BC3C3;
    background-color: rgba(217, 217, 217, 0);
}

#candy-lp .meet-products .products-card .products-card-heading {
    color: rgba(0, 0, 0, 0.46);
    text-align: center;
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(20px * var(--percentage));
}

#candy-lp .video {
    max-width: calc(1082px * var(--percentage));
    margin: 0 auto;
}

#candy-lp .candy-home {
    padding: 0 0 calc(161px * var(--percentage)) 0;
}

#candy-lp .candy-home .candy-home-heading {
    color: #1A1A1A;
    text-align: center;
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(36px * var(--percentage));
    margin-bottom: calc(64px * var(--percentage));
}

#candy-lp .candy-home .candy-home-image {
    margin: 0 auto;
    max-width: calc(913px * var(--percentage));
}

#candy-lp .candy-ready {
    padding: calc(102px * var(--percentage)) 0;
    background-color: #414047;
}

#candy-lp .candy-ready .candy-ready-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-column-gap: calc(168px * var(--percentage));
    -moz-column-gap: calc(168px * var(--percentage));
    column-gap: calc(168px * var(--percentage));
}

#candy-lp .candy-ready .candy-ready-wrapper .text-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-column-gap: calc(5px * var(--percentage));
    -moz-column-gap: calc(5px * var(--percentage));
    column-gap: calc(5px * var(--percentage));
}

#candy-lp .candy-ready .candy-ready-wrapper .text-wrapper .rectangle {
    width: calc(9px * var(--percentage));
    height: calc(41px * var(--percentage));
    flex-shrink: 0;
    background-color: #6DC4C3;
}

#candy-lp .candy-ready .candy-ready-wrapper .text-wrapper .candy-ready-heading {
    color: #FFF;
    text-align: center;
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(36px * var(--percentage));
}

#candy-lp .candy-ready .candy-ready-wrapper .text-wrapper .candy-ready-heading span {
    color: #6DC4C3;
    font-family: 'Poppins Bold', Arial, sans-serif;
    font-size: calc(36px * var(--percentage));
}

#candy-lp .top .top-wrapper .hamburger-icon {
    display: none;
}

@media (max-width: 740px) {
    #candy-lp .meet-products{
        padding-bottom: 0;
    }
    #candy-lp .how .items2 .item2::after{
        display: none;
    }
    #candy-lp .main-banner img {
        margin: 0 auto;
    }

    #candy-lp img.mobile {
        display: block;
    }

    #candy-lp img.desktop {
        display: none;
    }

    #candy-lp .buy .buy-heading {
        font-size: 16px;
    }

    #candy-lp .buy .text-wrapper {
        width: 300px;
        margin: 41px auto 0 auto;
    }

    #candy-lp .buy .buy-subheading span {
        font-size: 40px;
    }

    #candy-lp .buy .buy-subheading {
        font-size: 64px;
    }

    #candy-lp .buy .buy-text {
        font-size: 24px;
        text-align: center;
    }

    #candy-lp .buy .buy-image {
        left: 50%;
        max-width: 265px;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }

    #candy-lp .buy {
        padding-bottom: 200px;
    }

    #candy-lp .how {
        padding-left: 23px;
        padding-right: 23px;
        padding-top: 147px;
    }

    #candy-lp .how .text-wrapper {
        width: 100%;
        margin-bottom: 53px;
    }

    #candy-lp .how .text-wrapper .additional-text {
        margin-bottom: 20px;
    }

    #candy-lp .how .text-wrapper .additional-text br {
        display: none;
    }

    #candy-lp .how .how-heading {
        font-size: 24px;
        margin-bottom: 46px;
    }

    #candy-lp .how .items {
        max-width: 300px;
    }

    #candy-lp .how .items2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
    }

    #candy-lp .how .items2 .item2 .text-wrapper2 .item-icon-small {
        display: none;
    }

    #candy-lp .how .items2 .item2 .item-text2 {
        text-align: center;
    }

    #candy-lp .how .items2 .item2 .item-icon-big {
        max-width: 60px;
    }

    #candy-lp .how .how-buttons-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    #candy-lp .meet-products {
        padding-top: 21px;
        padding-left: 12.5px;
        padding-right: 12.5px;
    }

    #candy-lp .meet-products .meet-products-heading {
        font-size: 24px;
        margin-bottom: 37px;
    }

    #candy-lp .meet-products .meet-products-heading span {
        font-size: 24px;
    }

    #candy-lp .meet-products .meet-products-subheading {
        font-size: 20px;
    }

    #candy-lp .meet-products .meet-products-text {
        font-size: 12px;
        max-width: 100%;
    }

    #candy-lp .meet-products .items3 .item3 .item3-text {
        font-size: 12px;
    }

    #candy-lp .meet-products .items3 .item3 {
        width: 100%;
    }

    #candy-lp .meet-products .products-card {
        width: 100%;
    }

    #candy-lp .video {
        max-width: 100%;
        padding-left: 12.5px;
        padding-right: 12.5px;
    }

    #candy-lp .candy-home {
        padding-top: 46px;
        padding-bottom: 46px;
        padding-left: 12.5px;
        padding-right: 12.5px;
    }

    #candy-lp .candy-home .candy-home-image {
        max-width: 100%;
    }

    #candy-lp .candy-home .candy-home-heading {
        font-size: 24px;
    }

    #candy-lp .candy-ready {
        padding: 70px 0;
    }

    #candy-lp .candy-ready .candy-ready-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        row-gap: 32px;
    }

    #candy-lp .top .top-wrapper {
        max-width: 100%;
        position: relative;
        padding: 0 62.5px;
    }

    #candy-lp .top .top-wrapper .links {
        display: none;
    }

    #candy-lp .top .top-wrapper .candy-logo-header {
        max-width: 80px;
    }

    #candy-lp .top .top-wrapper .hamburger-icon {
        display: block;
        max-width: 34px;
        cursor: pointer;
    }

    #candy-lp .top .top-wrapper .links.toggle-class {
        width: 90%;
        padding: 10px;
        background-color: #ffffff;
        position: absolute;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        left: 50%;
        bottom: -100px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #candy-lp .top .top-wrapper .links .link {
        margin-bottom: 10px;
    }
    #candy-lp .candy-ready .candy-ready-wrapper .candy-logo-footer{
        max-width: 177px;
    }
    #candy-lp .candy-ready .candy-ready-wrapper .text-wrapper .candy-ready-heading{
       font-size: 29px; 
    }
    #candy-lp .candy-ready .candy-ready-wrapper .text-wrapper .rectangle{
        width: 7px;
        height: 33px;
    }
}
@media (max-width: 440px) {
    #candy-lp .how .how-buttons-wrapper .how-button{
        max-width: 98%;
    } 
}