.elementor-6732 .elementor-element.elementor-element-f22b988{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6732 .elementor-element.elementor-element-91c257d{--display:flex;}.elementor-6732 .elementor-element.elementor-element-069f08e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:16px;--padding-bottom:00px;--padding-left:64px;--padding-right:64px;}.elementor-6732 .elementor-element.elementor-element-2d4f90c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6732 .elementor-element.elementor-element-540c46b{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#231F20;}.elementor-6732 .elementor-element.elementor-element-46c5d2d{--display:flex;}.elementor-6732 .elementor-element.elementor-element-f576a40{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:16px;--padding-bottom:0px;--padding-left:64px;--padding-right:64px;}.elementor-6732 .elementor-element.elementor-element-4e4692a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#231F20;}.elementor-6732 .elementor-element.elementor-element-b8e6ed1{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:36px 36px 36px 36px;--n-tabs-title-color:#231F20;--n-tabs-title-color-active:#231F20;}.elementor-6732 .elementor-element.elementor-element-b8e6ed1 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-6732 .elementor-element.elementor-element-b8e6ed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#CCCCCC;}.elementor-6732 .elementor-element.elementor-element-b8e6ed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-6732 .elementor-element.elementor-element-b8e6ed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#D9D9D9;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D9D9D9;}.elementor-6732 .elementor-element.elementor-element-b8e6ed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#CCCCCC;}.elementor-6732 .elementor-element.elementor-element-b8e6ed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Rubik", Sans-serif;font-weight:600;}.elementor-6732 .elementor-element.elementor-element-b8e6ed1 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#231F20;}#elementor-popup-modal-6732{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-6732 .dialog-message{width:1080px;height:auto;}#elementor-popup-modal-6732 .dialog-close-button{display:flex;background-color:#000000;font-size:24px;}#elementor-popup-modal-6732 .dialog-widget-content{border-radius:16px 16px 16px 16px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-6732 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-6732 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-6732 .elementor-element.elementor-element-069f08e{--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6732 .elementor-element.elementor-element-f576a40{--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-6732 .dialog-message{width:720px;}}@media(min-width:768px){.elementor-6732 .elementor-element.elementor-element-f22b988{--content-width:1080px;}}@media(max-width:767px){.elementor-6732 .elementor-element.elementor-element-f22b988{--padding-top:64px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-6732 .elementor-element.elementor-element-91c257d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6732 .elementor-element.elementor-element-540c46b{font-size:14px;}.elementor-6732 .elementor-element.elementor-element-b8e6ed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-width:1px 1px 1px 1px;}#elementor-popup-modal-6732 .dialog-message{width:96vw;}#elementor-popup-modal-6732 .dialog-close-button{top:0%;}}/* Start custom CSS for shortcode, class: .elementor-element-2d4f90c */.tab1 table {
    display: none !important;
}

.elementor-widget-n-tabs .e-n-tabs-heading {
    border: 1px solid #ccc;
    border-radius: 36px;
    width: max-content;
}

.control_size {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 8px 0 !important;
}

.tab1 input[type=range] {
    width: 80%;
    background: #d9d9d9;
    height: 10px;
    border-radius: 10px;
}

.tab1 .body-type {
    margin-top: 40px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.body-type button{
    width: 30% !important;
    height: 300px !important;
    border-radius: 30px !important;
    background-size: cover !important;
    background-position-x: center !important;
    position: relative;
}

.body-type button:nth-child(1){
    background-image: url(https://phil.rino.com.vn/wp-content/uploads/2025/11/gay.webp) !important;
}

.body-type button:nth-child(1):before {
    content: "Gầy";
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
}

.body-type button:nth-child(2):before {
    content: "Cân đối";
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
}

.body-type button:nth-child(3):before {
    content: "Đầy đặn";
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
}

.body-type button:nth-child(2){
    background-image: url(https://phil.rino.com.vn/wp-content/uploads/2025/11/candoi.webp) !important;
}

.body-type button:nth-child(3){
    background-image: url(https://phil.rino.com.vn/wp-content/uploads/2025/11/daydan.webp) !important;
}

.rp-result, .tab1 span {
    font-size: 16px;
    font-family: 'montserrat' !important;
    color: #000;
}

@media (max-width: 1024px) {
    .tab1 input[type=range] {
        width: 60% !important;
    }
    
}

@media (max-width: 480px) {
    .body-type button {
        height: 160px !important;
        width: 32% !important;
        margin-right: 0;
        border-radius: 16px !important;
    }
    
    .body-type button:nth-child(1):before,
    .body-type button:nth-child(2):before,
    .body-type button:nth-child(3):before {
        font-size: 14px;
        bottom: 10px;
        left: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bd91141 */.tab2 caption {
    font-size: 24px!important;
    font-family: 'Roboto'!important;
    color: #000 !important;
    font-weight: 600 !important;
    margin-bottom: 16px !important;
}

.tab2 th,.tab2  td {
    font-size: 18px!important;
    font-family: 'Roboto'!important;
    color: #231f20 !important;
    text-align: center !important;
}

.tab2 th {
    background-color: #231f20 !important;
    color: #fff !important;
}

@media (max-width: 480px) {
    .tab2 th,.tab2  td {
        font-size: 14px !important;
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d4f90c */.tab1 table {
    display: none !important;
}

.elementor-widget-n-tabs .e-n-tabs-heading {
    border: 1px solid #ccc;
    border-radius: 36px;
    width: max-content;
}

.control_size {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 8px 0 !important;
}

.tab1 input[type=range] {
    width: 80%;
    background: #d9d9d9;
    height: 10px;
    border-radius: 10px;
}

.tab1 .body-type {
    margin-top: 40px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.body-type button{
    width: 30% !important;
    height: 300px !important;
    border-radius: 30px !important;
    background-size: cover !important;
    background-position-x: center !important;
    position: relative;
}

.body-type button:nth-child(1){
    background-image: url(https://phil.rino.com.vn/wp-content/uploads/2025/11/gay.webp) !important;
}

.body-type button:nth-child(1):before {
    content: "Gầy";
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
}

.body-type button:nth-child(2):before {
    content: "Cân đối";
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
}

.body-type button:nth-child(3):before {
    content: "Đầy đặn";
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
}

.body-type button:nth-child(2){
    background-image: url(https://phil.rino.com.vn/wp-content/uploads/2025/11/candoi.webp) !important;
}

.body-type button:nth-child(3){
    background-image: url(https://phil.rino.com.vn/wp-content/uploads/2025/11/daydan.webp) !important;
}

.rp-result, .tab1 span {
    font-size: 16px;
    font-family: 'montserrat' !important;
    color: #000;
}

@media (max-width: 1024px) {
    .tab1 input[type=range] {
        width: 60% !important;
    }
    
}

@media (max-width: 480px) {
    .body-type button {
        height: 160px !important;
        width: 32% !important;
        margin-right: 0;
        border-radius: 16px !important;
    }
    
    .body-type button:nth-child(1):before,
    .body-type button:nth-child(2):before,
    .body-type button:nth-child(3):before {
        font-size: 14px;
        bottom: 10px;
        left: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bd91141 */.tab2 caption {
    font-size: 24px!important;
    font-family: 'Roboto'!important;
    color: #000 !important;
    font-weight: 600 !important;
    margin-bottom: 16px !important;
}

.tab2 th,.tab2  td {
    font-size: 18px!important;
    font-family: 'Roboto'!important;
    color: #231f20 !important;
    text-align: center !important;
}

.tab2 th {
    background-color: #231f20 !important;
    color: #fff !important;
}

@media (max-width: 480px) {
    .tab2 th,.tab2  td {
        font-size: 14px !important;
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2d4f90c */.tab1 table {
    display: none !important;
}

.elementor-widget-n-tabs .e-n-tabs-heading {
    border: 1px solid #ccc;
    border-radius: 36px;
    width: max-content;
}

.control_size {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 8px 0 !important;
}

.tab1 input[type=range] {
    width: 80%;
    background: #d9d9d9;
    height: 10px;
    border-radius: 10px;
}

.tab1 .body-type {
    margin-top: 40px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.body-type button{
    width: 30% !important;
    height: 300px !important;
    border-radius: 30px !important;
    background-size: cover !important;
    background-position-x: center !important;
    position: relative;
}

.body-type button:nth-child(1){
    background-image: url(https://phil.rino.com.vn/wp-content/uploads/2025/11/gay.webp) !important;
}

.body-type button:nth-child(1):before {
    content: "Gầy";
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
}

.body-type button:nth-child(2):before {
    content: "Cân đối";
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
}

.body-type button:nth-child(3):before {
    content: "Đầy đặn";
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
}

.body-type button:nth-child(2){
    background-image: url(https://phil.rino.com.vn/wp-content/uploads/2025/11/candoi.webp) !important;
}

.body-type button:nth-child(3){
    background-image: url(https://phil.rino.com.vn/wp-content/uploads/2025/11/daydan.webp) !important;
}

.rp-result, .tab1 span {
    font-size: 16px;
    font-family: 'montserrat' !important;
    color: #000;
}

@media (max-width: 1024px) {
    .tab1 input[type=range] {
        width: 60% !important;
    }
    
}

@media (max-width: 480px) {
    .body-type button {
        height: 160px !important;
        width: 32% !important;
        margin-right: 0;
        border-radius: 16px !important;
    }
    
    .body-type button:nth-child(1):before,
    .body-type button:nth-child(2):before,
    .body-type button:nth-child(3):before {
        font-size: 14px;
        bottom: 10px;
        left: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bd91141 */.tab2 caption {
    font-size: 24px!important;
    font-family: 'Roboto'!important;
    color: #000 !important;
    font-weight: 600 !important;
    margin-bottom: 16px !important;
}

.tab2 th,.tab2  td {
    font-size: 18px!important;
    font-family: 'Roboto'!important;
    color: #231f20 !important;
    text-align: center !important;
}

.tab2 th {
    background-color: #231f20 !important;
    color: #fff !important;
}

@media (max-width: 480px) {
    .tab2 th,.tab2  td {
        font-size: 14px !important;
        padding: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f22b988 */@media(max-width: 480px) {
    #elementor-popup-modal-6732 .dialog-close-button {
        top: 0 !important;
        right: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS */#elementor-popup-modal-6732 .dialog-close-button {
    right: -18px;
    top: -18px;
    padding: 8px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2)
}/* End custom CSS */