@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-section.bg-dark-blue{background-color:#161a1b}
#prod-desc-container .fv-section.bg-tiron-blue{background-color:#1c2f36;border-radius:20px}
#prod-desc-container .fv-section.bg-tiron-grey{background-color:#e0e0e0;border-radius:20px}
#prod-desc-container .fv-section.add-space{margin-top:5.5em}
#prod-desc-container .fv-text-section.fv-spacing{margin:auto;padding:4.5em;text-align:center}
#prod-desc-container .fv-text-section.fv-spacing.no-top{padding-top:0}
#prod-desc-container .forever-desc-img.cut-marg,#prod-desc-container .fv-text-section.cut-marg{margin-top:-50px}
/* 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.9em!important;color:#777777!important;font-weight:400!important;text-transform:uppercase;text-align:center;padding-bottom:10px!important}
#prod-desc-container .fv-text-section h3.fv-size-up{font-size:2.5em!important;color:#000000!important;}
#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 h4.fv-size-up{text-transform:none;font-weight:400!important;font-size:1.5em!important}
#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:1em;font-weight:400!important;padding:1em 0 0 0!important;color:#433737!important;text-align:center}
#prod-desc-container .fv-text-section p.fv-white,#prod-desc-container .fv-text-section h5.fv-white,#prod-desc-container .fv-text-section h4.fv-white,#prod-desc-container .fv-text-section h3.fv-white{color:#ffffff!important}
#prod-desc-container .fv-text-section p.fv-txt-const{font-size:16px!important}
#prod-desc-container .fv-text-section h5.fv-txt-const{font-size:25px!important;text-transform:none}
#prod-desc-container .fv-text-section.fv-gridbox h5{font-size:1.1em!important;padding:0.5em 0.5em 0em!important;color:#ffffff!important;font-weight:500!important;text-transform:none}
#prod-desc-container .fv-text-section.fv-gridbox h5.individual{padding-top:1em!important;font-size:1.3em!important}
#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: repeat(3, 1fr);grid-template-rows:repeat(5,1fr);gap:15px}
#prod-desc-container .fv-features-grid .fv-gridbox{border-radius:15px;display:flex;flex-direction:column;justify-content:space-between}
#prod-desc-container .fv-features-grid .fv-gridbox.row{flex-direction:row;align-items:center}
#prod-desc-container .fv-features-grid .fv-gridbox.row img{flex-basis:61%;height:100%;min-width:40%}
#prod-desc-container .fv-features-grid .fv-gridbox.row h5{flex-basis:39%;min-width:20%}
#prod-desc-container .fv-gridbox.area-1{grid-area:1/1/4/3;background-color:#464243}
#prod-desc-container .fv-gridbox.area-2{grid-area:1/3/3/4;background-color:#717171}
#prod-desc-container .fv-gridbox.area-3{grid-area:3/3/4/4;background-color:#505151}
#prod-desc-container .fv-gridbox.area-4{grid-area:4/1/6/2;background-color:#606060}
#prod-desc-container .fv-gridbox.area-5{grid-area:4/2/5/4;background-color:#8c3f4d}
#prod-desc-container .fv-gridbox.area-6{grid-area:5/2/6/4;background-color:#272d2e}
/*3D AMOLED*/
#prod-desc-container .fv-section.fv-relative{position:relative;}
#prod-desc-container .fv-section.fv-relative img.pad{padding-top:1em}
#prod-desc-container .fv-section.fv-relative .fv-absolute{position:absolute;top:0;left:0;right:0}
/*textbox flex*/
#prod-desc-container .fv-section.fv-bg-dbw{background:rgb(22,26,27);background:linear-gradient(180deg,rgba(22,26,27,1)68%,rgba(141,143,143,1)93%,rgba(255,255,255,1)100%);}
#prod-desc-container .fv-section .fv-textbox-flex{display:flex;flex-direction:row}
#prod-desc-container .fv-textbox-flex .fv-textbox{flex-basis:45%;background-color:#1c2f36;border-radius:20px}
#prod-desc-container .fv-textbox-flex .fv-imgbox{flex-basis:55%;}
#prod-desc-container .fv-textbox-flex .fv-imgbox img{height:100%;border-radius:20px}
#prod-desc-container .fv-textbox.fv-textbox-space{padding:1em;display:flex;flex-direction:column;justify-content:center;}
#prod-desc-container .fv-textbox-flex.case-1{margin-top:-50px}
#prod-desc-container .fv-textbox-flex.case-2.correction{padding-top:1.5em}
#prod-desc-container .fv-textbox-flex.case-3.correction{padding-top:2em}
#prod-desc-container .fv-textbox-flex.case-2,#prod-desc-container .fv-textbox-flex.case-3{margin:1%;padding-top:2.5em}
#prod-desc-container .fv-textbox-flex.case-1 .fv-textbox{margin:2.9% 1%}
#prod-desc-container .fv-textbox-flex.case-2 .fv-textbox{margin-left:1%}
#prod-desc-container .fv-textbox-flex.case-3 .fv-textbox{margin-right:1%}
#prod-desc-container .fv-textbox-flex.case-3.correction .fv-textbox{margin:2% 1% 0 0}
/*bluetooth calling*/
#prod-desc-container .fv-section.bg-grad{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,1)0%,rgba(141,143,143,1)45%,rgba(30,50,57,1)100%);border-radius:20px}
#prod-desc-container .fv-section .bt-calling-flex{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;}
#prod-desc-container .bt-calling-flex .bt-calling-textbox{flex-basis:30%;padding:2em}
#prod-desc-container .bt-calling-flex .bt-calling-img{flex-basis:40%}
#prod-desc-container .bt-calling-flex .bt-calling-img img{margin:-90px 0}
/*sport flex*/
#prod-desc-container .fv-section .fv-sport-flex{display:flex;flex-direction:row;gap:15px}
#prod-desc-container .fv-sport-flex .fv-sport-col{flex-basis:50%;display:flex;flex-direction:column;gap:15px}
#prod-desc-container .fv-sport-flex .fv-sport-col .fv-sport-txt{background-color:#1c2f36;border-radius:20px;padding:1em;min-height:280px;display:flex;flex-direction:column;justify-content:center}
/*health grid*/
#prod-desc-container .fv-section .fv-health-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);gap:15px;}
#prod-desc-container .fv-health-grid .fv-health-box{background-color:#E0E0E0;border-radius:20px;display:flex;width:100%}
#prod-desc-container .fv-health-grid .fv-health-box .fv-text-section{padding:2em 1.25em 1em}
#prod-desc-container .fv-health-grid .fv-health-box.case-1{grid-area:1/1/6/2}
#prod-desc-container .fv-health-grid .fv-health-box.case-2{grid-area:1/2/4/3}
#prod-desc-container .fv-health-grid .fv-health-box.case-3{grid-area:4/2/6/3}
#prod-desc-container .fv-health-grid .fv-health-box.case-1,#prod-desc-container .fv-health-grid .fv-health-box.case-3{flex-direction:column;justify-content:space-evenly;align-items:center;padding-bottom:1em}
#prod-desc-container .fv-health-grid .fv-health-box.case-2{flex-direction:row;overflow:hidden;align-items:center}
#prod-desc-container .fv-health-grid .fv-health-box.case-2 .fv-text-section{min-width:60%}
#prod-desc-container .fv-health-grid .fv-health-box.case-2 img{width:100%;height:100%;max-height:380px;}
#prod-desc-container .fv-health-grid .fv-health-box.case-3 img{width:100%;max-width:250px;}
/*more apps*/
#prod-desc-container .fv-section .fv-textbox-flex.case-2.marg-reset,#prod-desc-container .fv-section .fv-textbox-flex.case-3.marg-reset{padding:0;margin:0}
#prod-desc-container .fv-section .fv-textbox-flex.case-2.marg-reset .fv-textbox.fv-textbox-space{margin:5px 18px 5px 10px}
#prod-desc-container .fv-section .fv-textbox-flex.case-3.marg-reset .fv-textbox.fv-textbox-space{margin:5px 10px 5px 18px}
#prod-desc-container .fv-section .fv-text-section.apps{border-radius:20px;background-color:#E0E0E0;padding:1em;margin:5px 18px;display:flex;flex-direction:column;gap:15px}

@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}
/*textbox flex*/
#prod-desc-container .fv-section .fv-textbox-flex{flex-direction:column}
#prod-desc-container .fv-textbox.fv-textbox-space{padding:2em}
#prod-desc-container .fv-textbox-flex.case-2.correction{padding-top:3.5em}
#prod-desc-container .fv-textbox-flex.case-2,#prod-desc-container .fv-textbox-flex.case-3,#prod-desc-container .fv-textbox-flex.case-3.correction{padding-top:5.5em}
#prod-desc-container .fv-textbox-flex.case-1 .fv-imgbox{margin-left:1%}
#prod-desc-container .fv-textbox-flex.case-2 .fv-textbox,#prod-desc-container .fv-textbox-flex.case-3 .fv-textbox{margin:0 0 6%}
#prod-desc-container .fv-textbox-flex.case-2 .fv-textbox{order:1}
#prod-desc-container .fv-textbox-flex.case-2 .fv-imgbox{order:2}
#prod-desc-container .fv-textbox-flex.case-3.correction .fv-textbox{margin:0 0 4% 0}
/*bluetooth calling*/
#prod-desc-container .fv-section.bg-grad{background:rgb(255,255,255);background:linear-gradient(180deg,rgba(255,255,255,1)0%,rgba(141,143,143,1)30%,rgba(30,50,57,1)100%);border-radius:20px}
#prod-desc-container .fv-section .bt-calling-flex{flex-direction:column;align-items:center;}
#prod-desc-container .bt-calling-flex .bt-calling-textbox{flex-basis:30%;padding:2em}
#prod-desc-container .bt-calling-flex .bt-calling-textbox p{font-size:16px!important}
#prod-desc-container .bt-calling-flex .bt-calling-textbox h5{font-size:25px!important;text-transform:none}
#prod-desc-container .bt-calling-flex .bt-calling-img{flex-basis:40%}
#prod-desc-container .bt-calling-flex .bt-calling-img img{margin:0;padding:0 3em}
/*more apps*/
#prod-desc-container .fv-section .fv-textbox-flex.case-2.marg-reset .fv-textbox.fv-textbox-space{margin:0px 0px 5px 0px}
#prod-desc-container .fv-section .fv-textbox-flex.case-3.marg-reset .fv-textbox.fv-textbox-space{margin:15px 0px 5px 0px}
#prod-desc-container .fv-section .fv-text-section.apps{margin:5px 0px;}
}
@media screen and (max-width: 700px) {
/*health grid*/
#prod-desc-container .fv-section .fv-health-grid{display:flex;flex-direction:column;gap:15px;}
#prod-desc-container .fv-health-grid .fv-health-box.case-1{order:2}
#prod-desc-container .fv-health-grid .fv-health-box.case-2{order:1}
#prod-desc-container .fv-health-grid .fv-health-box.case-3{order:3}
}
@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}
/*sport flex*/
#prod-desc-container .fv-section .fv-sport-flex{flex-direction:column;}
}
@media screen and (max-width: 600px){
/*key features grid*/
#prod-desc-container .fv-section .fv-features-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(7,1fr);gap:10px}
#prod-desc-container .fv-gridbox.area-1{grid-area:1/1/4/3}
#prod-desc-container .fv-gridbox.area-2{grid-area:5/2/7/3}
#prod-desc-container .fv-gridbox.area-3{grid-area:4/1/5/3}
#prod-desc-container .fv-gridbox.area-4{grid-area:5/1/7/2}
#prod-desc-container .fv-gridbox.area-5{grid-area:7/1/8/3}
#prod-desc-container .fv-gridbox.area-6{grid-area:8/1/9/3}
#prod-desc-container .fv-features-grid .fv-gridbox.mob{flex-direction:row;align-items:flex-end}
#prod-desc-container .fv-features-grid .fv-gridbox.mob img{flex-basis:61%;min-width:40%;order:1}
#prod-desc-container .fv-features-grid .fv-gridbox.mob h5{flex-basis:39%;min-width:20%;order:2;padding-bottom:2.5em!important}
}
@media screen and (max-width: 500px){
/*text style*/
#prod-desc-container .fv-text-section h3.fv-size-up{font-size:1.8em!important}
}
@media screen and (max-width: 450px){
/*key features grid*/
#prod-desc-container .fv-text-section.fv-gridbox h5{font-size:16px!important}
}
@media screen and (max-width:400px){
/*text style*/
#prod-desc-container .fv-text-section h3.fv-size-up{font-size:1.5em!important}
#prod-desc-container .fv-text-section h4.fv-size-up{font-size:1em!important}
}