@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
/* css reset */
#prod-desc-container,#prod-desc-container *{box-sizing:border-box}
#prod-desc-container{font-size:20px;max-width:920px;margin:0 auto;font-family:sans-serif}
#prod-desc-container .forever-desc-img.lazy,#prod-desc-container .forever-desc-img{width:initial;max-width:100%;height:auto}
/* custom style */
#prod-desc-container .fv-section{background:#ffffff;text-align:center;line-height:0;margin:0;width:100%}
#prod-desc-container .fv-section.fv-marg{margin-top:4.5em}
#prod-desc-container .fv-text-section.fv-spacing{margin:auto;padding:4.5em;text-align:center}
/* txt style */
#prod-desc-container .fv-text-section h3,#prod-desc-container .fv-text-section h4,#prod-desc-container .fv-text-section h5,#prod-desc-container .fv-text-section p{font-family:'Inter',sans-serif;line-height:1.4;margin:0!important;padding:0px!important;color:#000000!important;font-size:1em}
#prod-desc-container .fv-text-section h3{font-size:0.8em!important;text-transform:uppercase;color:#777777!important;font-weight:500!important;text-transform:uppercase;text-align:center;}
#prod-desc-container .fv-text-section h4{font-size:1.3em!important;font-weight:600!important;text-transform:uppercase;text-align:center;}
#prod-desc-container .fv-text-section h5{font-size:1em!important;font-weight:600!important;text-align:center;text-transform:uppercase;}
#prod-desc-container .fv-text-section p{font-size:1.2em;font-weight:400!important;padding:1em 0 0 0!important;color:#433737!important;text-align:center}
#prod-desc-container .fv-text-section.fv-adnotation p{font-size:0.9em;padding:5px 0 0!important;}
#prod-desc-container .fv-text-section.fv-gridbox h5{font-size:15px!important;padding:1em 1em 0.5em!important;color:#ffffff!important;font-weight:500!important;text-transform:none}
#prod-desc-container .fv-text-section.fv-left h5{text-align:left}
#prod-desc-container .fv-text-section.fv-caution p{font-size:12px!important;padding:1em;text-align:left}
/* banner */
#prod-desc-container .forever-desc-img.fv-baner-mob{display:none}
/*key features grid*/
#prod-desc-container .fv-section .fv-features-grid{display:grid;grid-template-columns:1.3fr 2fr 1.3fr;grid-template-rows:repeat(3,1fr);gap:8px}
#prod-desc-container .fv-features-grid .fv-gridbox{background-color:#e2a4a5;border-radius:68px;display:flex;flex-direction:column;justify-content:space-between}
#prod-desc-container .fv-features-grid .fv-gridbox img{border-radius:68px}
#prod-desc-container .fv-gridbox.area-1{grid-area:1/1/2/2}
#prod-desc-container .fv-gridbox.area-2{grid-area:2/1/3/2}
#prod-desc-container .fv-gridbox.area-3{grid-area:3/1/4/2}
#prod-desc-container .fv-gridbox.area-4{grid-area:1/2/4/3}
#prod-desc-container .fv-gridbox.area-5{grid-area:1/3/2/4}
#prod-desc-container .fv-gridbox.area-6{grid-area:2/3/3/4}
#prod-desc-container .fv-gridbox.area-7{grid-area:3/3/4/4}
#prod-desc-container .fv-gridbox.area-4 img{object-fit:cover;height:100%;object-position:40%}
/*habits apps*/
#prod-desc-container .fv-section .fv-puzzle-flex{display:flex;flex-direction:row;gap:4.5em;padding:0 2em}
#prod-desc-container .fv-puzzle-flex .fv-puzzle-col{flex-basis:50%;display:flex;flex-direction:column;gap:4.5em}
#prod-desc-container .fv-puzzle-col .fv-puzzle-box{display:flex;flex-direction:column;gap:2em}
/* habits apps watches*/
#prod-desc-container .fv-section .fv-flexrow{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1em;padding-top:4.5em}
#prod-desc-container .fv-flexrow .fv-flexrow-box{flex-basis:25%;display:flex;flex-direction:column;gap:1.5em}
#prod-desc-container .fv-flexrow .fv-flexrow-box img{padding:0 1em}
#prod-desc-container .fv-flexrow .fv-flexrow-box .fv-adnotation{background-color:#d7d4cb;display:flex;justify-content:center;align-items:center;height:6em;border-radius:68px}
#prod-desc-container .fv-flexrow .fv-flexrow-box .fv-adnotation.fv-color2{background-color:#f6deda}
#prod-desc-container .fv-flexrow .fv-flexrow-box .fv-adnotation h5{font-weight:600!important;font-size:0.8em!important;padding:0 1em!important}
/* daily apps */
#prod-desc-container .fv-section .fv-double-flex{display:flex;align-items:center}
#prod-desc-container .fv-double-flex .fv-double-col-1{flex-basis:55%}
#prod-desc-container .fv-double-flex .fv-double-col-2{flex-basis:45%}
#prod-desc-container .fv-double-flex .fv-double-col-1.fv-container{display:flex;flex-direction:column;padding:0 2em}
#prod-desc-container .fv-double-col-1.fv-container .fv-container-box{display:flex;flex-direction:row;gap:25px;margin-bottom:1em;align-items:center;}
#prod-desc-container .fv-double-col-1.fv-container .fv-container-box img{max-width:8%}
#prod-desc-container .fv-container-box .fv-txt{max-width:90%;display:flex;flex-direction:column;align-items:flex-start}
#prod-desc-container .fv-container-box .fv-text-section.fv-txt p{text-align:left}
#prod-desc-container .fv-double-flex .fv-double-col-1 .fv-apps{margin-top:2em}
#prod-desc-container .fv-double-flex .fv-double-col-1 .fv-apps p{font-size:0.8em!important;font-weight:600!important;margin-bottom:1em!important}
/* personalisation */
#prod-desc-container .fv-section .fv-flex-50{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}
#prod-desc-container .fv-flex-50 .fv-box-50{flex-basis:50%}
#prod-desc-container .fv-flex-50 .fv-box-50 .fv-text-section{padding:1.5em 2em}
@media screen and (max-width: 767px) {
#prod-desc-container{font-size:18px;max-width:100%}
#prod-desc-container .fv-text-section.fv-spacing{padding:4.5em 2em}
#prod-desc-container .fv-text-section.fv-spacing.fv-mob{padding:1.5em 2em 4.5em}
}
@media screen and (max-width: 700px) {
/*key features grid*/
#prod-desc-container .fv-section .fv-features-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr 1fr 2fr;gap:5px}
#prod-desc-container .fv-gridbox.area-1{grid-area:1/1/2/2}
#prod-desc-container .fv-gridbox.area-2{grid-area:2/1/3/2}
#prod-desc-container .fv-gridbox.area-3{grid-area:3/1/4/2}
#prod-desc-container .fv-gridbox.area-4{grid-area:4/1/5/3}
#prod-desc-container .fv-gridbox.area-5{grid-area:1/2/2/3}
#prod-desc-container .fv-gridbox.area-6{grid-area:2/2/3/3}
#prod-desc-container .fv-gridbox.area-7{grid-area:3/2/4/3}
/* habits apps watches*/
#prod-desc-container .fv-section .fv-flexrow{flex-wrap:wrap;gap:4em 2em;justify-content:center;}
#prod-desc-container .fv-flexrow .fv-flexrow-box{flex-basis:35%;}
}
@media screen and (max-width: 650px) {
/* banner */
#prod-desc-container .forever-desc-img.fv-baner-dt{display:none}
#prod-desc-container .forever-desc-img.fv-baner-mob{display:initial}
/* Personalisation */
#prod-desc-container .fv-section .fv-flex-50{flex-direction:column}
#prod-desc-container .fv-flex-50 .fv-box-50 img{padding:0 2em 3em}
#prod-desc-container .fv-flex-50 .fv-box-50.fv-order-1{order:2}
#prod-desc-container .fv-flex-50 .fv-box-50.fv-order-2{order:1}
}
@media screen and (max-width: 600px){
/*habits apps*/
#prod-desc-container .fv-section .fv-puzzle-flex{flex-direction:column}
#prod-desc-container .fv-puzzle-col .fv-puzzle-box .fv-order-1{order:1}
#prod-desc-container .fv-puzzle-col .fv-puzzle-box .fv-order-2{order:2}
/* daily apps */
#prod-desc-container .fv-section .fv-double-flex{flex-direction:column;gap:2em}
#prod-desc-container .fv-double-flex .fv-double-col-1.fv-container{padding:0 10vw}
#prod-desc-container .fv-container-box .fv-txt{max-width:90%;display:flex;flex-direction:column;align-items:flex-start}
#prod-desc-container .fv-container-box .fv-text-section.fv-txt p{text-align:left}
#prod-desc-container .fv-double-flex .fv-double-col-1 .fv-apps{margin-top:2em}
#prod-desc-container .fv-double-flex .fv-double-col-1 .fv-apps p{font-size:0.8em!important;font-weight:600!important;margin-bottom:1em!important}
}
@media screen and (max-width: 500px){
/* habits apps watches*/
#prod-desc-container .fv-section .fv-flexrow{gap:4.5em}
#prod-desc-container .fv-flexrow .fv-flexrow-box{flex-basis:60%;}
}
@media screen and (max-width: 450px){
/*key features grid*/
#prod-desc-container .fv-section .fv-features-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(7,1fr)}
#prod-desc-container .fv-features-grid .fv-gridbox{max-width:300px;justify-self:center}
#prod-desc-container .fv-gridbox.area-4{grid-area:4/1/5/3}
#prod-desc-container .fv-gridbox.area-5{grid-area:5/1/6/2}
#prod-desc-container .fv-gridbox.area-6{grid-area:6/1/7/2}
#prod-desc-container .fv-gridbox.area-7{grid-area:7/1/8/2}
}