@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

@font-face {
    font-family: "SVN-Gotham";
    src: url("../fonts/SVN-Gotham Ultra.otf") format("opentype");
    font-weight: 900;
    font-display: swap
}

@font-face {
    font-family: "SVN-Gotham";
    src: url("../fonts/SVN-Gotham Black.otf") format("opentype");
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: "SVN-Gotham";
    src: url("../fonts/SVN-Gotham Bold.otf") format("opentype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "SVN-Gotham";
    src: url("../fonts/SVN-Gotham Book.otf") format("opentype");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: "SVN-Gotham";
    src: url("../fonts/SVN-Gotham Regular.otf") format("opentype");
    font-weight: normal;
    font-display: swap
}

@font-face {
    font-family: "SFU Futura";
    src: url("../fonts/SFUFuturaBold.TTF") format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "SFU Futura";
    src: url("../fonts/SFUFuturaHeavy.TTF") format("truetype");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "SFU Futura";
    src: url("../fonts/SFUFuturaBook.TTF") format("truetype");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: "SFU Futura";
    src: url("../fonts/SFUFuturaRegular.TTF") format("truetype");
    font-weight: normal;
    font-display: swap
}

body {

    font-size: 16px;
    color: #343434;
    position: relative;
    max-width: 1440px;
    margin: auto;
    background: #fff;
    font-weight: normal
}

@media only screen and (max-width:1399px) {
    body {
        font-size: 15px
    }
}

@media only screen and (max-width:991px) {
    body {
        font-size: 16px
    }
}

@media only screen and (max-width:549px) {
    body {
        font-size: 14px
    }
}

.main {
    min-height: 60vh
}

.btn-close {
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 99px;
    background-color: #ccc;
    background-size: 10px;
    opacity: 1
}

.btn-close:hover {
    opacity: 1
}

.lead {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3
}

@media only screen and (max-width:767px) {
    .lead {
        font-size: 15px
    }
}

.lead2 {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.3
}

@media only screen and (max-width:767px) {
    .lead2 {
        font-size: 18px
    }
}

.lead3 {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3
}

@media only screen and (max-width:767px) {
    .lead3 {
        font-size: 16px
    }
}

.breacrum {
    text-align: center;
    color: #fff
}

.breacrum a {
    color: #fff
}

.breacrum a:hover {
    color: #fff
}

@media only screen and (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1160px
    }
}

@media only screen and (min-width:991px) {
    .container-cs {
        max-width: 1420px
    }
}

@media only screen and (max-width:1399px) {
    .container-cs {
        max-width: 1140px
    }
}

@media only screen and (min-width:991px) {
    .container-cs2 {
        max-width: 1350px
    }
}

@media only screen and (max-width:1399px) {
    .container-cs2 {
        max-width: 1140px
    }
}

@media only screen and (min-width:991px) {
    .container-cs3 {
        max-width: 1600px
    }
}

@media only screen and (max-width:1399px) {
    .container-cs3 {
        max-width: 1140px
    }
}

@media only screen and (min-width:991px) {
    .container-cs4 {
        max-width: 1700px
    }
}

@media only screen and (max-width:1399px) {
    .container-cs4 {
        max-width: 1140px
    }
}

a {
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #000000
}

a:hover {
    color: #00A651
}

.only-for-mobile {
    display: none
}

@media only screen and (max-width:767px) {
    .only-for-mobile {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .hide-for-mobile {
        display: none
    }
}

.hide-for-desktop {
    display: none
}

@media only screen and (max-width:991px) {
    .hide-for-desktop {
        display: inherit
    }
}

@media only screen and (max-width:767px) {
    .col-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media only screen and (max-width:991px) {
    .col-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media only screen and (max-width:991px) {
    .col-md-p0 {
        padding: 0
    }
}

@media only screen and (min-width:992px) {
    br.mb {
        display: none
    }

    .box-survey--customize {
        display: flex;
        height: calc(100% - 20px);
        flex-direction: column;
    }

    .box-survey--customize .box-text {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
    }

    .box-survey--customize .box-text a {
        margin-top: auto !important;
    }
}

@media only screen and (max-width:991px) {
    br.pc {
        display: none
    }
}

img {
    max-width: 100%;
    height: auto
}

.text-secondary {
    color: #ffc20e !important
}

.text-primary {
    color: #00A651 !important
}

.text-justify {
    text-align: justify
}

.dark {
    color: #fff
}

.dark a {
    color: #fff
}

.dark a:hover {
    color: #ffc20e
}

.dark h2,
.dark h3,
.dark h4,
.dark h5 {
    color: #fff
}

.dark .topilist li:before {
    background-image: url("../images/logomark2.svg")
}

h2 {
    font-size: 2.1rem;
    color: #00A651;
    font-weight: bold
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-50 {
    margin-top: 50px
}

.form-group {
    margin-bottom: 10px
}

.form-control {
    border-radius: 99px;
    border: none;
    height: 40px;
    line-height: 40px;
    padding: 0 20px
}

.form-control::-webkit-input-placeholder {
    color: #00A651;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #00A651;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #00A651;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #00A651;
    opacity: 1
}

.form-control::placeholder {
    color: #00A651;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #00A651
}

.form-control::-ms-input-placeholder {
    color: #00A651
}

.form-action {
    margin-top: 25px;
    text-align: center
}

.form textarea.form-control {
    border-radius: 15px;
    height: auto
}

.form .topilist li {
    font-size: 0.8rem;
    padding-left: 20px
}

.form .topilist li:before {
    top: 2px;
    width: 14px;
    height: 14px;
    background-size: contain
}

.form p.note {
    font-size: 0.8rem;
    text-align: center;
    margin-top: 15px;
    color: #ff0000;
    font-style: italic
}

.section {
    position: relative;
    padding-top: 100px;
    padding-bottom: 60px
}

.section-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-color: #fff
}

.section-title {
    font-size: 43px;
    margin-bottom: 30px;
    font-weight: bold
}

@media only screen and (max-width:1699px) {
    .section-title {
        font-size: 38px
    }
}

@media only screen and (max-width:1599px) {
    .section-title {
        font-size: 34px
    }
}

@media only screen and (max-width:1399px) {
    .section-title {
        font-size: 26px
    }
}

@media only screen and (max-width:991px) {
    .section-title {
        font-size: 32px
    }
}

@media only screen and (max-width:767px) {
    .section-title {
        font-size: 23px;
        margin-bottom: 15px
    }
}

.section-title.has-dot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase !important
}

.section-title.has-dot:after,
.section-title.has-dot:before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    background: #00A651;
    border-radius: 15px;
    border-radius: 15px;
    margin-top: 7px
}

@media only screen and (max-width:991px) {

    .section-title.has-dot:after,
    .section-title.has-dot:before {
        margin-top: 5px;
        height: 10px;
        width: 10px
    }
}

@media only screen and (max-width:549px) {

    .section-title.has-dot:after,
    .section-title.has-dot:before {
        margin-top: 2px;
        height: 7px;
        width: 7px
    }
}

.section-title.has-dot:before {
    margin-right: 15px
}

.section-title.has-dot:after {
    margin-left: 15px
}

.section-title.has-border {
    border: 2px solid #00A651;
    border-radius: 30px;
    padding: 21px 20px 24px;
    line-height: 1.2;
    text-transform: uppercase !important;
    max-width: 960px;
    margin: auto;
    margin-bottom: 50px;
    font-family: "SVN-Gotham", sans-serif;
}

@media only screen and (max-width:991px) {
    .section-title.has-border {
        max-width: 580px;
        padding: 16px 5px 19px
    }
}

@media only screen and (max-width:549px) {
    .section-title.has-border {
        padding: 11px 5px 14px
    }
}

.section-description {
    max-width: 700px;
    margin: auto;
    text-align: center
}

.khoahoc {
    position: relative;
    padding: 140px 40px 90px;
    border-left: 1px solid #f1f4fb;
    border-bottom: 1px solid #f1f4fb;
    background: #fff
}

@media only screen and (min-width:992px) and (max-width:1399px) {
    .khoahoc {
        padding: 60px 20px 10px
    }
}

@media only screen and (max-width:991px) {
    .khoahoc {
        padding: 30px 50px
    }
}

.khoahoc .box-image {
    position: relative;
    border-radius: 7px;
    overflow: hidden
}

.khoahoc .box-image .inner {
    position: relative;
    padding-top: 75%
}

.khoahoc .box-image .inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.khoahoc-logo {
    margin: 50px 0 25px;
    position: relative
}

.dryeye .section-test .action.action__customize {
    margin-top: 30px;
}

.dryeye .section-test .action a.next__register {
    margin: 0 auto;
}

@media only screen and (max-width:991px) {
    .khoahoc-logo {
        text-align: center
    }

    .dryeye .section-test .action.action__customize {
        margin-top: 0px;
    }

    .dryeye .section-test .action a.next__register {
        padding: 0;
        text-align: center;
        font-size: 12px;
    }
}

@media only screen and (max-width:767px) {
    .khoahoc-logo {
        margin: 35px 0 25px
    }
}

.khoahoc-logo img {
    max-height: 30px;
    width: auto
}

@media only screen and (max-width:991px) {
    .khoahoc-logo img {
        margin: auto
    }
}

@media only screen and (max-width:767px) {
    .khoahoc-logo img {
        max-height: 22px
    }
}

.khoahoc-logo:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 0 22px 11px;
    border-color: transparent transparent transparent #ffc20e;
    left: -40px;
    top: 0;
    bottom: 0;
    margin: auto
}

@media only screen and (min-width:992px) and (max-width:1399px) {
    .khoahoc-logo:before {
        left: -20px
    }
}

@media only screen and (max-width:991px) {
    .khoahoc-logo:before {
        left: -50px
    }
}

@media only screen and (max-width:767px) {
    .khoahoc-logo:before {
        border-width: 15px 0 15px 8px
    }
}

.khoahoc .box-text {
    padding-bottom: 120px
}

@media only screen and (max-width:991px) {
    .khoahoc .box-text {
        padding-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .khoahoc .box-text {
        padding-bottom: 30px
    }
}

@media only screen and (max-width:991px) {
    .khoahoc .box-text p {
        max-width: 696px;
        margin: auto
    }
}

@media only screen and (max-width:767px) {
    .khoahoc .box-text p {
        text-align: justify
    }
}

.khoahoc .box-text .action {
    position: absolute;
    bottom: 40px;
    right: 40px
}

@media only screen and (max-width:991px) {
    .khoahoc .box-text .action {
        position: relative;
        margin-top: 30px;
        margin-bottom: 0;
        bottom: auto;
        right: auto
    }
}

@media only screen and (max-width:767px) {
    .khoahoc .box-text .action {
        text-align: center
    }
}

.box-giaotrinh .box-image {
    margin-bottom: 35px
}

.box-giaotrinh .box-image img {
    max-height: 40px
}

.box-giaotrinh .box-text {
    text-align: justify
}

.box-giaithuong {
    border: 1px solid #ddf0fd;
    background: #fff;
    border-radius: 7px;
    -webkit-box-shadow: 2px 2px 10px rgba(179, 179, 179, 0.2);
    box-shadow: 2px 2px 10px rgba(179, 179, 179, 0.2)
}

.box-giaithuong .box-image {
    padding: 30px 0 20px;
    text-align: center
}

.box-giaithuong .box-image img {
    max-height: 125px;
    width: auto
}

.box-giaithuong .box-foot {
    border-top: 1px solid #ddf0fd;
    padding: 20px 20px 10px;
    text-align: center
}

.box-giaithuong .box-foot h5 {
    color: #333;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 0
}

.box-giaithuong.is-mb {
    display: none
}

@media only screen and (max-width:991px) {
    .box-giaithuong.is-mb {
        display: block
    }
}

@media only screen and (max-width:991px) {
    .box-giaithuong.is-large {
        display: none
    }
}

.box-giaithuong.is-large .box-image {
    padding: 60px 0 40px
}

.box-giaithuong.is-large .box-image img {
    max-height: 225px
}

.box-giaithuong.is-large .box-foot {
    border-top: 1px solid #ddf0fd;
    padding: 30px
}

.box-giaithuong.is-large .box-foot h5 {
    font-weight: bold;
    font-size: 20px
}

.box-video {
    position: relative;
    border-radius: 7px;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 6px rgba(179, 179, 179, 0.3);
    box-shadow: 2px 2px 6px rgba(179, 179, 179, 0.3)
}

.box-video .inner {
    position: relative;
    padding-top: 60%
}

.box-video .inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.box-video .play {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:991px) {
    .box-video .play {
        width: 50px;
        height: 50px
    }
}

.box-video .play:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 25px 15px;
    border-color: transparent transparent #1773e0 transparent;
    margin-left: 3px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media only screen and (max-width:991px) {
    .box-video .play:after {
        border-width: 0 8px 13px 8px
    }
}

.box-video .play:hover {
    background: #ffffff
}

.box-quote {
    padding: 30px 50px 20px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 6px rgba(179, 179, 179, 0.3);
    box-shadow: 2px 2px 6px rgba(179, 179, 179, 0.3);
    background: #00A651;
    color: #fff;
    position: relative;
    z-index: 1
}

@media only screen and (max-width:767px) {
    .box-quote {
        padding: 30px 30px 20px
    }
}

.box-quote:after {
    content: "“";
    font-size: 165px;
    font-weight: bold;
    color: #6175cd;
    opacity: 1;
    position: absolute;
    left: 25px;
    top: -25px;
    line-height: 1;
    z-index: -1
}

@media only screen and (max-width:767px) {
    .box-quote:after {
        font-size: 135px;
        left: 10px;
        top: -8px
    }
}

.box-quote p {
    font-size: 18px;
    text-align: justify
}

@media only screen and (max-width:767px) {
    .box-quote p {
        font-size: 16px
    }
}

.box-quote p.author {
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .box-quote p.author {
        text-align: center;
        font-size: 18px
    }
}

.dangky-form {
    margin-top: 7px;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-repeat: no-repeat;
    background-position: left bottom
}

@media only screen and (max-width:991px) {
    .dangky-form {
        margin-top: 0
    }
}

.dangky-form .box-text {
    text-align: center;
    max-width: 500px
}

@media only screen and (max-width:991px) {
    .dangky-form .box-text {
        padding: 40px 15px;
        max-width: 100%
    }
}

.dangky-form .box-text h2 {
    font-size: 1.9rem;
    margin-bottom: 20px
}

@media only screen and (max-width:991px) {
    .dangky-form .box-text h2 {
        font-size: 1.4rem;
        margin-bottom: 10px
    }
}

.dangky-form .box-text p {
    margin-bottom: 30px
}

@media only screen and (max-width:991px) {
    .dangky-form .box-text p {
        margin-bottom: 0
    }
}

.dangky-form .form {
    position: relative;
    background: #e7eaf5;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 9px rgba(40, 55, 88, 0.52);
    box-shadow: 0 4px 9px rgba(40, 55, 88, 0.52);
    padding: 60px 60px 15px;
    overflow: hidden
}

@media only screen and (max-width:1400px) {
    .dangky-form .form {
        padding: 40px 35px 15px
    }
}

@media only screen and (max-width:991px) {
    .dangky-form .form {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 50px 25px 25px
    }
}

.dangky-form .form .corner {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 75px 75px 0 0;
    border-color: #ffc20e transparent transparent transparent;
    color: #fff
}

.dangky-form .form .corner i {
    font-size: 30px;
    position: absolute;
    top: -70px;
    left: 10px
}

.dangky-form .form-title {
    text-align: center;
    font-size: 1.35rem;
    font-weight: bold;
    color: #00A651;
    margin-bottom: 30px
}

@media only screen and (max-width:991px) {
    .dangky-form .form-title {
        font-size: 1.2rem
    }
}

.dangky-form .form .btn {
    margin-top: 0 !important;
    margin-right: 0
}

@media only screen and (max-width:575px) {
    .dangky-form .form .btn {
        width: 100%
    }
}

.dangky-form .form .form-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dangky-form .form .wpcf7-spinner {
    display: none
}

.dangky-form .form .submitting .wpcf7-spinner {
    display: inline-block !important
}

.dangky-form.dark .dangky-form-inner .form {
    background: #1336b6;
    color: #fff
}

.dangky-form.dark .dangky-form-inner .form-title {
    color: #fff
}

.dangky-form.dark .dangky-form-inner .form .btn {
    background-color: #ffbc00;
    color: #00A651;
    background-image: url(../images/btn-arrow2.png)
}

.dangky-form.dark .wpcf7-not-valid-tip,
.dangky-form.dark .wpcf7-response-output {
    color: #fff
}

.wpcf7-not-valid-tip {
    font-size: 0.85rem;
    margin-left: 21px;
    margin-top: 4px
}

.wpcf7-response-output {
    margin: 0 !important;
    margin-top: 20px !important;
    padding: 10px 15px !important;
    font-size: 0.85rem;
    line-height: 1.3;
    border-radius: 5px;
    color: #343434
}

.modal-dangky .btn-close {
    position: absolute;
    top: 12px;
    right: 15px;
    z-index: 9
}

.modal-dangky .modal-content {
    border: none;
    background: transparent
}

.modal-dangky .modal-body {
    padding: 0
}

@media only screen and (max-width:575px) {
    .modal-dangky .modal-dialog {
        margin-left: 15px;
        margin-right: 15px
    }
}

.modal-dangky .dangky-form {
    border-radius: 7px;
    overflow: hidden;
    background: #fff;
    margin-top: 0;
    background-image: url(../images/modal-bg.png);
    background-position: right bottom;
    background-repeat: no-repeat
}

@media only screen and (max-width:991px) {
    .modal-dangky .dangky-form {
        background-image: none
    }
}

.modal-dangky .dangky-form-inner {
    min-height: 560px
}

.modal-dangky .dangky-form .form {
    border-radius: 15px
}

@media only screen and (max-width:991px) {
    .modal-dangky .dangky-form .form {
        border-radius: 10px;
        padding: 60px 20px 25px
    }
}

.modal-dangky .dangky-form .form-content {
    max-width: 450px;
    padding: 30px 45px
}

@media only screen and (max-width:991px) {
    .modal-dangky .dangky-form .form-content {
        max-width: 100%;
        padding: 25px 25px
    }
}

.modal-dangky .dangky-form .form-content h3 {
    font-weight: bold;
    text-align: center;
    color: #00A651;
    margin-bottom: 20px;
    font-size: 24px
}

.modal-dangky .dangky-form .form-content h3 span {
    position: relative;
    z-index: 1
}

.modal-dangky .dangky-form .form-content h3 span:after {
    content: "";
    display: block;
    width: 73%;
    height: 6px;
    background: #ffc20e;
    position: absolute;
    right: 0;
    bottom: 6px;
    z-index: -1
}

.modal-dangky .dangky-form .form-content ul li {
    text-align: justify;
    font-size: 13px
}

.modal-dangky .dangky-form .form-content iframe {
    min-height: 300px;
    width: 100%;
    background: #f0f0f0;
    border-radius: 5px
}

.modal-dangky .dangky-form .form-image {
    text-align: center
}

.modal-dangky .dangky-form .form-image img {
    max-width: 200px
}

.modal-dangky-kid .dangky-form {
    background-image: url(../images/modalkid-bg.png)
}

@media only screen and (max-width:991px) {
    .modal-dangky-kid .dangky-form {
        background-image: none
    }
}

.modal-dangky-kid .dangky-form .form-content h3 {
    color: #f85415
}

.modal-dangky-kid .dangky-form .form-content h3 span:after {
    content: none
}

.modal-backdrop.show {
    opacity: 0.75
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 680px
    }
}

.modal-video .btn-close {
    position: absolute;
    top: -24px;
    right: -26px;
    z-index: 99;
    background-color: #fff;
    opacity: 1;
    border-radius: 99px;
    padding: 5px;
    background-size: 12px;
    -webkit-box-shadow: -1px 1px 1px #ccc;
    box-shadow: -1px 1px 1px #ccc
}

.modal-video .video-frame {
    position: relative;
    padding-top: 56.25%
}

.modal-video .video-frame iframe {
    position: absolute;
    -webkit-animation: 0;
    animation: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

body.modal-open {
    padding-right: 0 !important
}

.section-page-title {
    height: 465px;
    background-size: cover;
    background-position: center;
    background-image: url(../images/dieu-khoan-bg.jpg)
}

@media only screen and (max-width:991px) {
    .section-page-title {
        height: 400px
    }
}

@media only screen and (max-width:767px) {
    .section-page-title {
        height: 300px
    }
}

.hide-title-text .page-title {
    display: none
}

.page-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-title h1 {
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 3.2rem
}

@media only screen and (max-width:1199px) {
    .page-title h1 {
        font-size: 2.6rem
    }
}

@media only screen and (max-width:991px) {
    .page-title h1 {
        font-size: 2.2rem
    }
}

@media only screen and (max-width:767px) {
    .page-title h1 {
        font-size: 1.6rem
    }
}

.section-page-content {
    background-image: url(../images/page.png);
    background-size: cover;
    background-position: bottom right
}

@media only screen and (max-width:991px) {
    .section-page-content {
        background-image: url(../images/page-mb.png)
    }
}

@media only screen and (max-width:767px) {
    .section-page-content {
        padding-top: 30px;
        padding-bottom: 40px
    }
}

@media only screen and (max-width:575px) {
    .section-page-content {
        padding-bottom: 0
    }
}

.section-page-content h2,
.section-page-content h3,
.section-page-content h4 {
    color: #00A651
}

.pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:767px) {
    .pagination {
        margin-bottom: 30px
    }
}

.pagination a,
.pagination span {
    display: block;
    width: 42px;
    height: 40px;
    text-align: center;
    line-height: 40px
}

.pagination .page-numbers {
    border: 1px solid #4e68c8;
    border-left: 0
}

.pagination .page-numbers:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #4e68c8
}

.pagination .page-numbers:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
    background: #00A651;
    color: #fff
}

.video {
    margin: auto;
    overflow: hidden
}

.video .inner {
    padding-top: 56.25%;
    position: relative
}

.video .inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video .inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.video .inner .btn-play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 125px;
    height: 89px;
    background-color: #fff;
    border-radius: 22px;
    -webkit-box-shadow: 0px 2px 9px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 9px 5px rgba(0, 0, 0, 0.1);
    z-index: 2
}

@media only screen and (max-width:992px) {
    .video .inner .btn-play {
        width: 80px;
        height: 55px;
        border-radius: 10px
    }
}

@media only screen and (max-width:767px) {
    .video .inner .btn-play {
        width: 70px;
        height: 50px;
        border-radius: 10px
    }
}

.video .inner .btn-play:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-width: 24.5px 0 24.5px 40px;
    border-color: transparent transparent transparent #00A651;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute
}

@media only screen and (max-width:991px) {
    .video .inner .btn-play:after {
        border-width: 15px 0 15px 23px
    }
}

@media only screen and (max-width:767px) {
    .video .inner .btn-play:after {
        border-width: 12px 0 12px 20px
    }
}

.video .inner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1
}

@-webkit-keyframes right {
    0% {
        -webkit-transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(-10deg)
    }

    to {
        -webkit-transform: rotate(10deg)
    }
}

@-webkit-keyframes left {
    0% {
        -webkit-transform: rotate(-7deg)
    }

    50% {
        -webkit-transform: rotate(7deg)
    }

    to {
        -webkit-transform: rotate(-7deg)
    }
}

@keyframes right {
    0% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    to {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes left {
    0% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    to {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

.btn {
    background: -webkit-gradient(linear, left bottom, left top, from(#00A651), to(#00A651)), #076533;
    background: linear-gradient(0deg, #00A651, #00A651), #076533;
    border-radius: 8px;
    border: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    padding: 16px 45px;
    font-family: "Manrope";
    border: 1px solid #00A651
}

.btn:active,
.btn:focus {
    -webkit-box-shadow: -1px 2px 6px rgba(14, 49, 172, 0.46);
    box-shadow: -1px 2px 6px rgba(14, 49, 172, 0.46)
}

@media only screen and (max-width:991px) {
    .btn {
        padding: 12px 17px;
        font-size: 14px;
        font-weight: 500;
        border-radius: 7px
    }
}

@media only screen and (max-width:767px) {
    .btn {
        padding: 10px 15px;
        font-size: 12px;
        font-weight: 500;
        border-radius: 5px
    }
}

.btn:last-child {
    margin-right: 0
}

.btn.is-outline {
    background: transparent;
    color: #00A651;
    border: 1px solid #00A651
}

.btn.is-outline:hover {
    background: #00A651;
    color: #fff
}

.btn.has-icon {
    background-image: url(../images/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 25px) center;
    padding-right: 50px;
    background-size: 16px
}

@media only screen and (max-width:767px) {
    .btn.has-icon {
        padding-right: 45px;
        background-position: calc(100% - 14px) center
    }
}

.btn.is-medium {
    padding-top: 15px;
    padding-bottom: 15px
}

@media only screen and (max-width:767px) {
    .btn.is-medium {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.btn.is-large {
    padding-top: 10px;
    padding-bottom: 12px;
    font-size: 26px;
    font-weight: bold;
    line-height: 1
}

@media only screen and (min-width:992px) and (max-width:1399px) {
    .btn.is-large {
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {
    .btn.is-large {
        font-size: 16px
    }
}

.btn.is-large.has-icon {
    padding-right: 60px;
    background-size: 20px
}

@media only screen and (min-width:992px) and (max-width:1399px) {
    .btn.is-large.has-icon {
        padding-right: 50px;
        background-size: 14px
    }
}

@media only screen and (max-width:767px) {
    .btn.is-large.has-icon {
        padding-right: 40px;
        background-size: 14px
    }
}

.btn.is-large.is-outline {
    border: 2px solid #00A651
}

.btn.btn-white {
    background: #fff;
    color: #00A651;
    border: #fff;
    -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2)
}

.btn.btn-white.has-icon {
    background-image: url(../images/arrow-right-primary.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 33px) center;
    padding-right: 60px;
    background-size: 20px
}

.btn.btn-white:hover {
    color: #00A651
}

.btn.btn-secondary {
    background: #ffc20e;
    color: #383838
}

.btn.btn-secondary.has-icon {
    background-image: url(../images/btn-arrow3.png)
}

.btn.btn-secondary:hover {
    background-color: #ffc932
}

.btn.btn-primary {
    border: 1px solid #00A651
}

.btn.full-width {
    width: 100%
}

.header {
    background: #fff;
    -webkit-box-shadow: 0px 4px 7px rgba(0, 120, 62, 0.25);
    box-shadow: 0px 4px 7px rgba(0, 120, 62, 0.25)
}

.header:active,
.header:focus {
    -webkit-box-shadow: 0px 4px 7px rgba(0, 120, 62, 0.25);
    box-shadow: 0px 4px 7px rgba(0, 120, 62, 0.25)
}

.header-main {
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1399px) {
    .header-main {
        height: 80px;
        padding-top: 15px
    }
}

@media only screen and (max-width:991px) {
    .header-main {
        height: 56px;
        padding-top: 0;
        justify-content: center
    }
}

.header-main .left {
    width: 182px
}

@media only screen and (max-width:1199px) {
    .header-main .left {
        width: 160px
    }
}

@media only screen and (max-width:991px) {
    .header-main .left {
        width: 120px
    }
}

@media only screen and (max-width:991px) {
    .header-main .brand img {
        width: 150px;
        display: none
    }
}

.header-main .brand img.logo-mb {
    display: none
}

@media only screen and (max-width:991px) {
    .header-main .brand img.logo-mb {
        width: 120px;
        display: block
    }
}

.header-main .mobile-nav {
    display: none;
    width: 30px;
    height: 24px;
    cursor: pointer
}

@media only screen and (max-width:991px) {
    .header-main .mobile-nav {
        display: block;
        position: absolute;
        right: 15px;
    }
}

.header-main .mobile-nav .line {
    height: 3px;
    width: 100%;
    background: #00A651;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-bottom: 7px;
    border-radius: 5px
}

.header-main .mobile-nav .line:last-child {
    margin-bottom: 0
}

.header-main .navbar {
    margin-bottom: 0;
    font-family: "Manrope";
    text-transform: uppercase;
    font-weight: 700;
    list-style: none;
    padding-left: 0
}

@media only screen and (max-width:1300px) {
    .header-main .navbar {
        margin-right: 30px
    }
}

@media only screen and (max-width:991px) {
    .header-main .navbar {
        display: none
    }
}

.header-main .navbar-nav .nav-item {
    margin-right: 40px
}

.header-main .navbar .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0
}

.header-main .navbar .menu-item {
    margin-right: 40px;
    text-transform: uppercase;
    position: relative;
    padding: 10px 0
}

@media only screen and (max-width:1300px) {
    .header-main .navbar .menu-item {
        margin-right: 15px
    }
}

.header-main .navbar .menu-item a {
    color: #343434;
    font-size: 14px
}

.header-main .navbar .menu-item.current-menu-item a,
.header-main .navbar .menu-item:hover a {
    color: #00A651
}

.header-main .navbar .menu-item:last-child {
    margin-right: 0
}

.header-main .navbar .menu-item .sub-menu {
    position: absolute;
    background: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    -webkit-box-shadow: 2px 2px 14px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 14px 0px rgba(0, 0, 0, 0.15);
    margin-top: 10px;
    left: 0;
    min-width: 400px;
    display: none;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-main .navbar .menu-item .sub-menu li {
    margin-right: 0;
    margin: 10px 0;
    padding: 0
}

.header-main .navbar .menu-item .sub-menu li a {
    color: #343434
}

.header-main .navbar .menu-item .sub-menu li a:hover {
    color: #00A651
}

.header-main .navbar .menu-item:hover .sub-menu {
    display: block;
    opacity: 1
}

.header-main .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:991px) {
    .header-main .right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: none
    }
}

.header-main .btn {
    margin-right: 10px
}

.header-main .btn:last-child {
    margin-right: 0
}

.header-main .btn.is-outline {
    background: transparent;
    color: #1336b6
}

.header-stuck .header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media only screen and (max-width:991px) {
    .header-stuck .header-main {
        height: 56px
    }
}

.header-stuck .main {
    padding-top: 90px
}

@media only screen and (max-width:1399px) {
    .header-stuck .main {
        padding-top: 80px
    }
}

@media only screen and (max-width:991px) {
    .header-stuck .main {
        padding-top: 56px
    }
}

.mobile-menu-open {
    overflow: hidden
}

.mobile-menu-open .mobile-menu {
    opacity: 1;
    visibility: visible
}

.mobile-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #00A651;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width:549px) {
    .mobile-menu {
        background-size: contain
    }
}

.mobile-menu-inner {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
    width: 100%
}

.mobile-menu-inner .brand {
    display: block;
    margin: auto
}

.mobile-menu-inner .brand img {
    max-width: 175px;
    margin: 0 0 40px
}

.mobile-menu-inner .action {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0
}

.mobile-menu-inner .navbar {
    display: block;
    margin: auto;
    margin-bottom: 100px;
    list-style: none;
    padding-left: 0
}

.mobile-menu-inner .navbar .menu-item {
    border-top: 1px solid rgba(255, 255, 255, 0.1)
}

.mobile-menu-inner .navbar .menu-item-has-children {
    position: relative
}

.mobile-menu-inner .navbar .menu-item-has-children:after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 15px;
    top: 18px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #fff
}

.mobile-menu-inner .navbar .menu-item a {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    padding: 15px 0px
}

.mobile-menu-inner .navbar .menu-item .sub-menu {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: none;
    opacity: 0
}

.mobile-menu-inner .navbar .menu-item .sub-menu li {
    margin-right: 0;
    margin: 10px 0;
    padding: 0
}

.mobile-menu-inner .navbar .menu-item .sub-menu li a {
    color: #fff
}

@media only screen and (max-width:991px) {
    .mobile-menu-inner .navbar .menu-item .sub-menu li a {
        font-size: 14px
    }
}

.mobile-menu-inner .navbar .menu-item .sub-menu li a:hover {
    color: #fff
}

.mobile-menu-inner .navbar .menu-item.active:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mobile-menu-inner .navbar .menu-item.active .sub-menu {
    display: block;
    opacity: 1
}

.mobile-menu-close {
    width: 30px;
    height: 30px;
    background: #fff;
    display: block;
    border-radius: 99px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #00A651
}

.mobile-menu-close:hover {
    color: #00A651
}

.footer {
    background: #00A651;
    padding-top: 50px;
    padding-bottom: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px
}

@media only screen and (max-width:767px) {
    .footer {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.footer-logo {
    text-align: center
}

.footer-logo img {
    max-width: 241px;
    margin-bottom: 10px
}

@media only screen and (max-width:767px) {
    .footer-logo img {
        max-width: 150px
    }
}

.footer .divider {
    width: 100%;
    border-top: 1px solid #fff;
    margin: 5px 0
}

.footer .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer .social-item {
    width: 72px;
    height: 72px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 30px;
    background: #fff;
    border-radius: 50%
}

@media only screen and (max-width:991px) {
    .footer .social-item {
        margin-right: 0
    }
}

@media only screen and (max-width:767px) {
    .footer .social-item {
        width: 40px;
        height: 40px;
        background-size: contain;
        margin: 0 5px
    }
}

.footer .social-item.shop {
    background-image: url("../images/shop.png")
}

.footer .social-item.facebook {
    background-image: url("../images/facebook.png")
}

.footer .social-item.youtube {
    background-image: url("../images/youtube.png")
}

.footer .social-item.instagram {
    background-image: url("../images/instagram.png")
}

.footer .social-item.tiktok {
    background-image: url("../images/tiktok.png")
}

.footer .company {
    max-width: 430px;
    margin-top: 10px
}

@media only screen and (max-width:991px) {
    .footer .company {
        margin: auto;
        margin-top: 10px
    }
}

.footer .company-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:991px) {
    .footer .company-info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:767px) {
    .company-logo-wrap {
        background-color: #FFF;
        border-radius: 5px;
        padding: 10px;
    }
}

.footer .company-logo {
    width: 141px
}

.footer .company-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 5px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: bold;
    font-size: 15px;
    font-family: "Open Sans", sans-serif
}

@media only screen and (max-width:767px) {
    .footer .company-name {
        margin-top: 0px
    }
}

.footer .company-address {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 5px
}

@media only screen and (max-width:767px) {
    .footer .company-address {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.footer .contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    margin-top: 10px
}

@media only screen and (max-width:991px) {
    .footer .contact {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:767px) {
    .footer .contact {
        display: flex;
        margin-top: 15px;
        align-items: flex-start;
        justify-content: space-between;
    }

    .footer .contact .logo-bct {
        margin-top: 0;
    }

}

.footer .contact-info .item {
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: top left;
    margin-bottom: 10px;
    padding-left: 35px;
    font-size: 16px
}

.footer .contact-info .item:last-child {
    margin-bottom: 0
}

.footer .contact-info .item p {
    margin-bottom: 0
}

.footer .contact-info .item.phone {
    background-image: url("../images/icon-phone.png");
    font-size: 18px
}

.footer .contact-info .item.fax {
    background-image: url("../images/fax.png");
    font-size: 18px
}


@media only screen and (max-width:767px) {
    .footer .contact-info .item.phone {}
}

.footer .contact-info .item.mail {
    background-size: 23px;
    background-image: url("../images/mail.png")
}

@media only screen and (max-width:767px) {
    .footer .contact-info .item.mail {
        display: inline-block
    }
}

.footer .contact .logo-bct {
    margin-left: 40px
}

@media only screen and (max-width:767px) {
    .footer .contact .logo-bct {
        margin-left: 0;
        max-width: 150px;
        margin-top: 0
    }
}

.section-banner {
    padding-top: 0;
    padding-bottom: 0
}

.section-banner .home-banner {
    position: relative
}

.section-banner .home-banner .inner img {
    width: 100%
}

.section-banner .cert-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99;
    margin-top: -105px;
    position: relative
}

@media only screen and (max-width:991px) {
    .section-banner .cert-list {
        max-width: 550px;
        margin: auto;
        margin-top: 10px
    }
}

@media only screen and (max-width:767px) {
    .section-banner .cert-list {
        margin-top: 10px
    }
}

.section-banner .cert-list-item {
    text-align: center;
    padding: 0 15px
}

@media only screen and (max-width:767px) {
    .section-banner .cert-list-item {
        padding: 0 5px
    }
}

.section-banner .cert-list-item h4 {
    font-family: "SVN-Gotham";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 31px;
    color: #00A651;
    margin-bottom: 0;
    line-height: 1.1;
    margin-bottom: 3px
}

@media only screen and (max-width:767px) {
    .section-banner .cert-list-item h4 {
        font-size: 13px
    }
}

.section-banner .cert-list-item p {
    font-family: "SVN-Gotham";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 31px;
    color: #0b0b0b;
    border: 1px solid #00A651;
    border-radius: 19px;
    padding: 5px 7px;
    margin-bottom: 0;
    line-height: 1;
    display: inline-block
}

@media only screen and (max-width:767px) {
    .section-banner .cert-list-item p {
        font-size: 7px;
        line-height: 1.2;
        margin-top: 4px;
        padding: 3px 13px 4px
    }
}

.section-banner .cert-list-item br {
    display: none
}

@media only screen and (max-width:767px) {
    .section-banner .cert-list-item br {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .section-banner .cert-list-item img {
        width: 90%
    }
}

.section-banner .home-banner2 {
    margin-top: 25px
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 {
        margin-top: 10px
    }
}

.section-banner .home-banner2 h2 {
    margin-top: 20px;
    font-size: 46px;
    margin-top: 0
}

@media only screen and (min-width:992px) and (max-width:1399px) {
    .section-banner .home-banner2 h2 {
        font-size: 38px
    }
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 h2 {
        font-size: 26px
    }
}

@media only screen and (max-width:767px) {
    .section-banner .home-banner2 h2 {
        font-size: 14px
    }
}

.section-banner .home-banner2 h2 span.line1 {
    color: #262626;
    font-size: 38px;
    line-height: 1
}

@media only screen and (min-width:992px) and (max-width:1399px) {
    .section-banner .home-banner2 h2 span.line1 {
        font-size: 32px
    }
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 h2 span.line1 {
        font-size: 26px
    }
}

@media only screen and (max-width:767px) {
    .section-banner .home-banner2 h2 span.line1 {
        font-size: 15px
    }
}

.section-banner .home-banner2 h2 span.line2 {
    font-size: 42px
}

@media only screen and (min-width:992px) and (max-width:1399px) {
    .section-banner .home-banner2 h2 span.line2 {
        font-size: 36px
    }
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 h2 span.line2 {
        font-size: 26px
    }
}

@media only screen and (max-width:767px) {
    .section-banner .home-banner2 h2 span.line2 {
        font-size: 15px
    }
}

.section-banner .home-banner2 .inner {
    position: relative
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 .inner {
        height: auto
    }
}

.section-banner .home-banner2 .inner img {
    width: 100%
}

@media only screen and (min-width:992px) and (max-width:1399px) {
    .section-banner .home-banner2 .inner img {
        height: calc(98vh - 80px);
        max-height: 590px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 .inner img {
        position: relative
    }
}

@media only screen and (max-width:767px) {
    .section-banner .home-banner2 .inner img {
        min-height: 250px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.section-banner .home-banner2 .inner .text-image {
    width: auto;
    height: auto;
    position: relative
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 .inner .text-image {
        width: 130px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:767px) {
    .section-banner .home-banner2 .inner .text-image {
        width: 80px;
        margin-bottom: 10px;
        min-height: 0
    }
}

.section-banner .home-banner2 .inner .box-text {
    position: absolute;
    top: 30px;
    left: 70px;
    max-width: 700px;
    z-index: 9
}

@media only screen and (min-width:992px) and (max-width:1399px) {
    .section-banner .home-banner2 .inner .box-text {
        left: 30px
    }
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 .inner .box-text {
        top: 20px;
        left: 20px
    }
}

@media only screen and (max-width:767px) {
    .section-banner .home-banner2 .inner .box-text {
        top: 15px;
        left: 15px
    }
}

.section-banner .home-banner2 .inner .box-text a {
    margin-top: 20px
}

@media only screen and (min-width:992px) and (max-width:1399px) {
    .section-banner .home-banner2 .inner .box-text a {
        margin-top: 10px
    }
}

@media only screen and (max-width:767px) {
    .section-banner .home-banner2 .inner .box-text a {
        margin-top: 10px
    }
}

.section-banner .home-banner2 .inner .box-text.bottom {
    top: auto;
    bottom: 100px
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 .inner .box-text.bottom {
        bottom: 60px
    }
}

@media only screen and (max-width:767px) {
    .section-banner .home-banner2 .inner .box-text.bottom {
        bottom: 15px
    }
}

.section-banner .home-banner2 .inner .box-text.bottom h2 {
    font-size: 46px;
    text-shadow: -2px 2px 5px rgba(0, 0, 0, 0.6)
}

@media only screen and (min-width:992px) and (max-width:1399px) {
    .section-banner .home-banner2 .inner .box-text.bottom h2 {
        font-size: 36px
    }
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 .inner .box-text.bottom h2 {
        font-size: 26px
    }
}

@media only screen and (max-width:767px) {
    .section-banner .home-banner2 .inner .box-text.bottom h2 {
        font-size: 16px
    }
}

.section-banner .home-banner2 .inner .box-text.bottom .lead {
    font-size: 22px;
    text-shadow: -2px 2px 5px rgba(0, 0, 0, 0.6);
    max-width: 490px
}

@media only screen and (min-width:992px) and (max-width:1399px) {
    .section-banner .home-banner2 .inner .box-text.bottom .lead {
        font-size: 18px
    }
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 .inner .box-text.bottom .lead {
        font-size: 18px;
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .section-banner .home-banner2 .inner .box-text.bottom .lead {
        font-size: 12px
    }
}

.section-banner .home-banner2 .inner .box-text.bottom .btn {
    -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.3)
}

.section-banner .home-banner2 .inner .box-text.right {
    right: 70px;
    left: auto;
    bottom: 100px;
    top: auto;
    text-align: right
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 .inner .box-text.right {
        right: 20px
    }
}

@media only screen and (max-width:767px) {
    .section-banner .home-banner2 .inner .box-text.right {
        right: 20px;
        left: 20px;
        top: auto;
        bottom: 20px
    }
}

.section-banner .home-banner2 .inner .box-text.right h2 {
    font-size: 46px;
    text-shadow: -2px 2px 5px rgba(0, 0, 0, 0.6)
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 .inner .box-text.right h2 {
        font-size: 26px
    }
}

@media only screen and (max-width:767px) {
    .section-banner .home-banner2 .inner .box-text.right h2 {
        font-size: 16px
    }
}

@media only screen and (max-width:991px) {
    .section-banner .home-banner2 .inner .box-text.right .lead {
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .section-banner .home-banner2 .inner .box-text.right .lead {
        font-size: 12px
    }
}

.section-banner .home-banner2 .inner .box-text.dark {
    color: #fff
}

.section-banner .home-banner2 .inner .box-text.dark h2 {
    color: #fff
}

.section-banner2 .section-bg {
    background-image: url("../images/section-banner-bg.png");
    top: 360px;
    bottom: -250px;
    opacity: 0.4
}

.section-conso {
    padding-top: 70px
}

@media only screen and (max-width:767px) {
    .section-conso {
        padding-top: 50px
    }
}

.section-conso .section-title {
    font-family: "SVN-Gotham";
    font-weight: 700;
    font-size: 60px;
    line-height: 1.07;
    text-transform: capitalize;
    color: #00A651;
    text-align: center;
    letter-spacing: -3px
}

.section-conso .section-title span {
    font-weight: 300
}

@media only screen and (max-width:991px) {
    .section-conso .section-title {
        font-size: 36px;
        letter-spacing: -1px
    }
}

@media only screen and (max-width:767px) {
    .section-conso .section-title {
        font-size: 25px
    }
}

.section-conso .section-subtitle {
    font-family: "SVN-Gotham";
    font-weight: 400;
    font-size: 38px;
    line-height: 1.07;
    text-transform: capitalize;
    color: #343434;
    text-align: center;
    letter-spacing: -3px
}

.section-conso .section-subtitle span {
    font-weight: 300
}

@media only screen and (max-width:991px) {
    .section-conso .section-subtitle {
        font-size: 20px;
        letter-spacing: 0
    }
}

@media only screen and (max-width:767px) {
    .section-conso .section-subtitle {
        font-size: 18px;
        margin-top: 20px
    }
}

.section-conso .conso {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 980px;
    margin: auto;
    margin-top: 30px
}

@media only screen and (max-width:767px) {
    .section-conso .conso {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 30px
    }
}

.section-conso .conso-center {
    text-align: center;
    margin: 0 40px;
    max-width: 300px
}

@media only screen and (max-width:991px) {
    .section-conso .conso-center {
        width: 30%;
        margin: 0 30px
    }
}

@media only screen and (max-width:767px) {
    .section-conso .conso-center {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin: 0 70px;
        margin-bottom: 10px
    }
}

.section-conso .conso-center .text {
    background: #00A651;
    line-height: 1;
    padding: 10px 20px 15px;
    color: #fff;
    font-size: 42px;
    font-family: "SVN-Gotham";
    margin-top: 10px;
    border-radius: 15px
}

@media only screen and (max-width:991px) {
    .section-conso .conso-center .text {
        font-size: 28px
    }
}

.section-conso .conso-left,
.section-conso .conso-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (max-width:767px) {

    .section-conso .conso-left,
    .section-conso .conso-right {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.section-conso .conso-left:after,
.section-conso .conso-right:after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background: #00A651;
    border-radius: 10px
}

.section-conso .conso-left:before,
.section-conso .conso-right:before {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background: #00A651;
    border-radius: 10px
}

.section-conso .conso-left {
    padding-right: 35px;
    border-right: 2px solid #00A651;
    position: relative
}

@media only screen and (max-width:991px) {
    .section-conso .conso-left {
        padding-right: 25px
    }
}

@media only screen and (max-width:767px) {
    .section-conso .conso-left {
        border: none;
        padding-right: 15px
    }
}

.section-conso .conso-left:after {
    top: 0;
    right: -6px
}

@media only screen and (max-width:767px) {
    .section-conso .conso-left:after {
        content: none
    }
}

.section-conso .conso-left:before {
    bottom: 0;
    right: -6px
}

@media only screen and (max-width:767px) {
    .section-conso .conso-left:before {
        content: none
    }
}

.section-conso .conso-right {
    padding-left: 35px;
    border-left: 2px solid #00A651;
    position: relative
}

@media only screen and (max-width:991px) {
    .section-conso .conso-right {
        padding-left: 25px
    }
}

@media only screen and (max-width:767px) {
    .section-conso .conso-right {
        padding-left: 15px
    }
}

.section-conso .conso-right:after {
    top: 0;
    left: -6px
}

.section-conso .conso-right:before {
    bottom: 0;
    left: -6px
}

.section-conso .conso-text .box {
    color: #343434;
    font-size: 22px;
    font-family: "SVN-Gotham";
    line-height: 1;
    margin-bottom: 15px;
    font-weight: bold
}

@media only screen and (max-width:991px) {
    .section-conso .conso-text .box {
        font-size: 20px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:767px) {
    .section-conso .conso-text .box {
        text-align: center;
        font-size: 15px
    }
}

.section-conso .conso-text .box span {
    font-size: 40px;
    font-weight: 900
}

@media only screen and (max-width:991px) {
    .section-conso .conso-text .box span {
        font-size: 30px
    }
}

@media only screen and (max-width:767px) {
    .section-conso .conso-text .box span {
        font-size: 25px
    }
}

.section-conso .conso-text .box small {
    display: block;
    font-size: 18px;
    font-weight: 300;
    margin-top: 5px
}

@media only screen and (max-width:991px) {
    .section-conso .conso-text .box small {
        font-size: 14px
    }
}

@media only screen and (max-width:767px) {
    .section-conso .conso-text .box small {
        font-size: 10px
    }
}

.section-conso .conso-slider .slick-list {
    padding: 0 25px 30px
}

@media only screen and (max-width:767px) {
    .section-conso .conso-slider .slick-list {
        padding: 0
    }
}

.section-conso .tag-list {
    background: #FFFFFF;
    -webkit-box-shadow: 6px 14px 20px rgba(0, 0, 0, 0.16);
    box-shadow: 6px 14px 20px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    padding: 15px 15px;
    max-width: 1280px;
    margin: auto;
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:991px) {
    .section-conso .tag-list {
        padding: 15px 10px;
        border-radius: 15px
    }
}

@media only screen and (max-width:767px) {
    .section-conso .tag-list {
        padding: 10px 5px;
        border-radius: 15px
    }
}

.section-conso .tag-list-item {
    display: block;
    cursor: pointer;
    width: calc(33.3333333333% - 10px)
}

@media only screen and (max-width:767px) {
    .section-conso .tag-list-item {
        width: calc(33.3333333333% - 5px)
    }
}

.section-conso .tag-list-item .box-image {
    border-radius: 20px;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .section-conso .tag-list-item .box-image {
        border-radius: 10px
    }
}

.section-conso .tag-list-item .box-image img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.section-conso .tag-list-item .box-action {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:767px) {
    .section-conso .tag-list-item .box-action img {
        max-height: 18px
    }
}

.section-conso .tag-list-item:hover .box-image img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.section-conso .tag-grid {
    max-width: 1280px;
    margin: auto;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .section-conso .tag-grid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0
    }
}

.section-conso .tag-grid-item {
    display: block;
    -webkit-box-shadow: 6px 14px 20px rgba(0, 0, 0, 0.16);
    box-shadow: 6px 14px 20px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    padding: 15px;
    background: #fff;
    cursor: pointer;
    -webkit-transition: 0.3;
    transition: 0.3
}

@media only screen and (max-width:767px) {
    .section-conso .tag-grid-item {
        border-radius: 10px;
        padding: 5px;
        -webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
        box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1)
    }
}

.section-conso .tag-grid-item .box-image {
    border-radius: 17px;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .section-conso .tag-grid-item .box-image {
        border-radius: 7px
    }
}

.section-conso .tag-grid-item .box-image img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.section-conso .tag-grid-item .box-action {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    zoom: 0.9
}

@media only screen and (max-width:767px) {
    .section-conso .tag-grid-item .box-action img {
        max-height: 12px
    }
}

.section-conso .tag-grid-item:hover .box-image img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.section-conso .tag-grid-center {
    padding-top: 30px;
    width: 40%
}

@media only screen and (max-width:767px) {
    .section-conso .tag-grid-center {
        padding-top: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-bottom: 10px
    }
}

.section-conso .tag-grid-center .tag-grid-item {
    padding: 20px
}

@media only screen and (max-width:767px) {
    .section-conso .tag-grid-center .tag-grid-item {
        padding: 7px
    }
}

.section-conso .tag-grid-center .tag-grid-item .box-action {
    zoom: 1
}

@media only screen and (max-width:767px) {
    .section-conso .tag-grid-center .tag-grid-item .box-image {
        position: relative;
        padding-top: 62%
    }
}

@media only screen and (max-width:767px) {
    .section-conso .tag-grid-center .tag-grid-item .box-image img {
        position: absolute;
        top: 0
    }
}

.section-conso .tag-grid-left {
    padding-right: 35px;
    width: 30%
}

@media only screen and (max-width:767px) {
    .section-conso .tag-grid-left {
        padding-right: 10px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 50%
    }
}

.section-conso .tag-grid-right {
    width: 30%;
    padding-left: 35px
}

@media only screen and (max-width:767px) {
    .section-conso .tag-grid-right {
        padding-left: 10px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 50%
    }
}

.section-conso .tag-grid-right .tag-grid-group {
    margin-top: 0
}

.section-conso .tag-grid-right .tag-grid-group .tag-grid-item {
    width: 43%;
    zoom: 0.5
}

.section-conso .tag-grid-right .tag-grid-group .tag-grid-item:first-child {
    width: calc(57% - 30px);
    zoom: 0.6
}

@media only screen and (max-width:767px) {
    .section-conso .tag-grid-right .tag-grid-group .tag-grid-item:first-child {
        width: calc(57% - 10px)
    }
}

.section-conso .tag-grid-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0
}

@media only screen and (max-width:767px) {
    .section-conso .tag-grid-group {
        margin: 10px 0
    }
}

.section-conso .tag-grid-group .tag-grid-item {
    width: calc(57% - 30px);
    zoom: 0.6
}

@media only screen and (max-width:767px) {
    .section-conso .tag-grid-group .tag-grid-item {
        width: calc(57% - 10px)
    }
}

.section-conso .tag-grid-group .tag-grid-item:first-child {
    width: 43%;
    zoom: 0.5
}

.section-conso .section-bg {
    background-image: url("../images/section-conso-bg.png");
    top: 240px;
    bottom: -100px
}

.section-survey {
    padding-bottom: 60px;
    padding-top: 40px
}

@media only screen and (max-width:767px) {
    .section-survey {
        padding-bottom: 20px
    }
}

.section-survey .maxc {
    max-width: 1054px;
    margin: auto
}

@media only screen and (max-width:991px) {
    .section-survey .maxc {
        max-width: 100%
    }
}

.section-survey .text-logo {
    max-width: 159px
}

@media only screen and (max-width:767px) {
    .section-survey .text-logo {
        max-width: 115px
    }
}

.section-survey .text-logo:last-child {
    max-width: 185px;
    margin-left: 25px
}

@media only screen and (max-width:767px) {
    .section-survey .text-logo:last-child {
        max-width: 140px;
        margin-left: 10px
    }
}

.section-survey .section-title {
    font-family: "SVN-Gotham";
    font-weight: 700;
    font-size: 60px;
    line-height: 1.07;
    text-transform: capitalize;
    color: #00A651;
    text-align: center;
    letter-spacing: -3px
}

.section-survey .section-title span {
    font-weight: 300;
    font-size: 46px
}

@media only screen and (max-width:991px) {
    .section-survey .section-title span {
        font-size: 32px
    }
}

@media only screen and (max-width:767px) {
    .section-survey .section-title span {
        font-size: 22px;
        margin-top: 7px;
        display: block
    }
}

@media only screen and (max-width:991px) {
    .section-survey .section-title {
        font-size: 36px;
        letter-spacing: -1px
    }
}

@media only screen and (max-width:767px) {
    .section-survey .section-title {
        font-size: 25px
    }
}

.section-survey .note {
    font-size: 15px;
    margin-top: 40px
}

@media only screen and (max-width:767px) {
    .section-survey .note {
        font-size: 13px;
        margin-top: 20px
    }
}

.section-survey .box-survey {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 25px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 0px 25px rgba(68, 68, 68, 0.1);
    border-radius: 15px;
    padding: 20px 25px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-top: 20px
}

@media only screen and (max-width:991px) {
    .section-survey .box-survey {
        padding: 15px
    }
}

@media only screen and (max-width:767px) {
    .section-survey .box-survey {
        -webkit-box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.1);
        box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.1);
        padding: 20px;
        margin-top: 30px
    }
}

.section-survey .box-survey .box-image {
    margin-bottom: 40px
}

@media only screen and (max-width:767px) {
    .section-survey .box-survey .box-image {
        margin-bottom: 20px
    }
}

.section-survey .box-survey .box-image .inner {
    position: relative;
    padding-top: 55%;
    background: rgb(233, 226, 233);
    background: linear-gradient(58deg, rgb(233, 226, 233) 0%, rgb(228, 222, 228) 100%);
    border-radius: 10px;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .section-survey .box-survey .box-image .inner {
        padding-top: 100%
    }
}

.section-survey .box-survey .box-image .inner .img {
    position: absolute;
    top: -30px;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media only screen and (max-width:767px) {
    .section-survey .box-survey .box-image .inner .img {
        top: 0
    }
}

.section-survey .box-survey .box-image .inner img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.section-survey .box-survey .box-text h4 {
    color: #00A651;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: "SVN-Gotham", sans-serif;
}

.section-survey .box-survey .box-text p {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 19px;
    font-family: "SFU Futura", sans-serif;
}

@media only screen and (max-width:767px) {
    .section-survey .box-survey .box-text p {
        font-size: 15px
    }
}

.section-survey .box-survey .box-text p.small {
    font-size: 15px
}

@media only screen and (max-width:767px) {
    .section-survey .box-survey .box-text p.small {
        font-size: 13px
    }
}

.section-survey .box-survey .btn {
    margin-top: 15px
}

.section-survey .box-survey:hover {
    background: linear-gradient(51.45deg, #59C871 22.93%, #0A8F60 77.67%);
    -webkit-box-shadow: 11px 11px 23px rgba(68, 68, 68, 0.5);
    box-shadow: 11px 11px 23px rgba(68, 68, 68, 0.5);
    color: #fff
}

@media only screen and (max-width:767px) {
    .section-survey .box-survey:hover {
        -webkit-box-shadow: 3px 3px 8px 0px rgba(68, 68, 68, 0.38);
        box-shadow: 3px 3px 8px 0px rgba(68, 68, 68, 0.38)
    }
}

.section-survey .box-survey:hover h4 {
    color: #fff
}

.section-survey .box-survey:hover .btn {
    background: #fff;
    border: 1px solid #fff;
    color: #00A651
}

.section-survey .box-survey:hover .box-image .inner {
    overflow: inherit
}

.section-survey .box-survey:hover .box-image .inner .img {
    top: -75px
}

@media only screen and (max-width:1399px) {
    .section-survey .box-survey:hover .box-image .inner .img {
        top: -66px
    }
}

@media only screen and (max-width:1299px) {
    .section-survey .box-survey:hover .box-image .inner .img {
        top: -58px
    }
}

@media only screen and (max-width:991px) {
    .section-survey .box-survey:hover .box-image .inner .img {
        top: -54px
    }
}

@media only screen and (max-width:767px) {
    .section-survey .box-survey:hover .box-image .inner .img {
        top: -44px
    }
}

.section-survey .section-bg {
    background-image: url("../images/section-survey-bg.png");
    top: 392px;
    bottom: -460px;
    background-color: transparent
}

.section-survey .section-bg:before {
    content: "";
    background: #FFFFFF;
    -webkit-filter: blur(52px);
    filter: blur(52px);
    height: 800px;
    top: -234px;
    display: block;
    height: 400px;
    width: 100%;
    position: absolute
}

.section-survey .section-bg:after {
    content: "";
    background: #FFFFFF;
    -webkit-filter: blur(52px);
    filter: blur(66px);
    height: 800px;
    bottom: -166px;
    display: block;
    height: 291px;
    width: 100%;
    position: absolute
}

.section-product {
    padding-bottom: 30px;
    padding-top: 60px
}

@media only screen and (max-width:767px) {
    .section-product {
        padding-bottom: 40px;
        padding-top: 50px
    }
}

.section-product .section-title {
    font-family: "SVN-Gotham";
    font-weight: 700;
    font-size: 60px;
    line-height: 1.07;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #00A651
}

@media only screen and (max-width:991px) {
    .section-product .section-title {
        font-size: 36px
    }
}

@media only screen and (max-width:767px) {
    .section-product .section-title {
        font-size: 30px
    }
}

.section-product .product-slider {
    max-width: 1100px;
    margin: auto;
    margin-bottom: 40px
}

@media only screen and (max-width:1299px) {
    .section-product .product-slider {
        max-width: 900px
    }
}

@media only screen and (max-width:767px) {
    .section-product .product-slider {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

.section-product .section-bg {
    background: #FFFFFF;
    -webkit-filter: blur(52px);
    filter: blur(52px);
    height: 800px;
    top: 300px
}

.section-video {
    padding-top: 70px;
    padding-bottom: 100px
}

@media only screen and (max-width:991px) {
    .section-video {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media only screen and (max-width:767px) {
    .section-video {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.section-video .section-title {
    font-family: "SVN-Gotham";
    font-weight: 700;
    font-size: 60px;
    line-height: 1.07;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: capitalize;
    color: #00A651
}

@media only screen and (max-width:991px) {
    .section-video .section-title {
        font-size: 36px
    }
}

@media only screen and (max-width:767px) {
    .section-video .section-title {
        font-size: 30px
    }
}

.section-video .video {
    max-width: 1036px;
    margin: auto;
    border-radius: 15px;
    overflow: hidden;
    border: 2px solid #01BE5B
}

.about .section-chuongtrinh {
    padding-bottom: 0
}

.about .section-chuongtrinh .section-bg {
    background-image: url("../images/about/chuongtrinh-bg.png");
    top: 0;
    bottom: 0;
    background-position: center bottom;
    background-size: contain
}

.about .section-chuongtrinh .box-ct-head {
    text-align: center
}

.about .section-chuongtrinh .box-ct-head h2 {
    color: #00A651;
    text-align: center;
    font-family: SVN-Gotham;
    font-size: 77px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -3.12px;
    text-transform: uppercase;
    margin-bottom: 40px
}

.about .section-chuongtrinh .box-ct-head h3 {
    color: #343434;
    text-align: center;
    font-family: SVN-Gotham;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -2px;
    text-transform: capitalize
}

.about .section-chuongtrinh .box-ct-image {
    max-width: 970px;
    margin: auto;
    border-radius: 40px;
    overflow: hidden;
    margin-bottom: 25px
}

.about .section-chuongtrinh .box-ct-text {
    max-width: 970px;
    margin: auto;
    border-radius: 25px;
    border: 1px dashed #00A651;
    padding: 20px 20px;
    text-align: justify;
    font-family: Inter;
    font-size: 18px;
    margin-bottom: 25px;
    line-height: 1.2
}

.about .section-chuongtrinh .conso {
    margin-bottom: 70px
}

.about .section-chuongtrinh .timeline {
    max-width: 1120px;
    margin: auto;
    margin-top: 100px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about .section-chuongtrinh .timeline:after {
    content: "";
    border-bottom: 3px dashed #00A651;
    position: absolute;
    left: 0;
    right: 0
}

.about .section-chuongtrinh .timeline .item {
    width: 36px;
    height: 30px;
    background-color: #00A651;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.about .section-chuongtrinh .timeline .item.active {
    width: 20px;
    height: 54px
}

.about .section-chuongtrinh .timeline .item.active span {
    font-size: 50px
}



.about .section-chuongtrinh .timeline .item.start {
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.about .section-chuongtrinh .timeline .item span {
    color: #00A651;
    position: absolute;
    font-size: 30px;
    font-weight: 900;
    line-height: 81px;
    top: -75px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%
}

.about .section-chuongtrinh .timeline .item.next {
    width: 67px;
    height: 67px;
    -webkit-box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.3);
    background: #fff;
    border-radius: 99px;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.about .section-chuongtrinh .timeline .item.next:after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    color: #00A651;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    font-size: 24px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.about .section-chuongtrinh .timeline .item.next:hover {
    background-color: #00A651
}

.about .section-chuongtrinh .timeline .item.next:hover:after {
    color: #fff
}

.about .section-chuongtrinh .tag-list {
    max-width: 980px
}

.about .section-chuongtrinh .tag-list-slider {
    margin-left: 143px;
    margin-right: -0.75rem;
    margin-bottom: -35px
}

.about .section-chuongtrinh .tag-list-slider .slick-list {
    padding: 40px 0
}

.about .section-chuongtrinh .tag-list-slider .slick-list .slick-current {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-right: 20px
}

.about .section-chuongtrinh .tag-list-slider .tag-list-item {
    background: #FFFFFF;
    -webkit-box-shadow: 6px 14px 20px rgba(0, 0, 0, 0.16);
    box-shadow: 6px 14px 20px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    padding: 10px 10px 35px;
    width: 360px;
    margin-right: 0;
    -webkit-transform: scale(0.92);
    transform: scale(0.92)
}

.about .section-chuongtrinh .tag-list-slider .tag-list-item .box-image {
    position: relative;
    padding-top: 82%
}

.about .section-chuongtrinh .tag-list-slider .tag-list-item .box-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.about .section-chuongtrinh-kq {
    padding-top: 60px;
    padding-bottom: 0
}

.about .section-chuongtrinh-kq .box-text {
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    font-family: Inter
}

.about .section-chuongtrinh-kq .box-text b {
    color: #00A651
}

.about .section-chuongtrinh-kq .box-text h3 {
    color: #00A651;
    text-align: center;
    font-family: SVN-Gotham;
    font-size: 26px;
    font-style: normal;
    font-weight: 900;
    line-height: 35px;
    letter-spacing: -1.04px;
    text-transform: uppercase;
    margin-bottom: 25px
}

.about .section-tintuc .box-head {
    color: #00A651;
    font-family: SVN-Gotham;
    line-height: 105px;
    text-align: center
}

.about .section-tintuc .box-head h3 {
    font-size: 46px;
    font-weight: 900
}

.about .section-tintuc .box-head h2 {
    font-size: 72px;
    font-weight: 900
}

.about .section-tintuc .news {
    max-width: 1050px;
    margin: auto
}

.about .section-tintuc .news .slick-list {
    padding: 40px 0
}

.about .section-tintuc .news-item {
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    background: #FFF;
    -webkit-box-shadow: 6px 14px 20px rgba(0, 0, 0, 0.16);
    box-shadow: 6px 14px 20px rgba(0, 0, 0, 0.16);
    color: #323232;
    margin: 0 20px
}

.about .section-tintuc .news-item .box-image .inner {
    position: relative;
    padding-top: 66%;
    overflow: hidden
}

.about .section-tintuc .news-item .box-image .inner img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.about .section-tintuc .news-item .box-text {
    padding: 18px
}

.about .section-tintuc .news-item .box-text h4 {
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px
}

.about .section-tintuc .news-item .box-text p {
    font-family: "Inter";
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 0
}

.about .section-tintuc .news-item .box-text p.source {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px
}

.about .section-tintuc .news-item .box-text p.source img {
    max-height: 25px;
    max-width: 115px;
    margin-left: 10px
}

.about .section-tintuc .news-item:hover .box-image .inner img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.about .section-khoanhkhac {
    padding-bottom: 30px
}

.about .section-khoanhkhac .box-head {
    color: #00A651;
    font-family: SVN-Gotham;
    line-height: 105px;
    text-align: center;
    margin-bottom: 40px
}

.about .section-khoanhkhac .box-head h2 {
    font-size: 77px;
    font-weight: 900
}

.about .section-khoanhkhac .video-slider .video {
    width: 1050px;
    margin: 0;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.about .section-khoanhkhac .video-slider .video.slick-current {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.about .section-khoanhkhac .video-slider .video.slick-current .overlay {
    opacity: 0
}

.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(calc(-50% - 20px));
    transform: translateY(calc(-50% - 20px));
    z-index: 9;
    overflow: hidden;
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 99px;
    border: 0;
    color: transparent;
    border: 1px solid #00A651;
    background: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width:767px) {
    .slick-arrow {
        width: 32px;
        height: 32px
    }
}

.slick-arrow:after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    color: #00A651;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    font-size: 24px
}

@media only screen and (max-width:767px) {
    .slick-arrow:after {
        font-size: 14px
    }
}

.slick-arrow:hover {
    background: #00A651
}

.slick-arrow:hover:after {
    color: #fff
}

.slick-prev {
    left: -60px;
    -webkit-transform: rotate(180deg) translateY(calc(50% + 20px));
    transform: rotate(180deg) translateY(calc(50% + 20px))
}

@media only screen and (max-width:991px) {
    .slick-prev {
        left: -35px
    }
}

@media only screen and (max-width:767px) {
    .slick-prev {
        left: -10px
    }
}

.slick-next {
    right: -60px
}

@media only screen and (max-width:991px) {
    .slick-next {
        right: -35px
    }
}

@media only screen and (max-width:767px) {
    .slick-next {
        right: -10px
    }
}

.slick-disabled {
    opacity: 0.5;
    pointer-events: none
}

.slick-dots {
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-item: center;
    bottom: 10px;
    width: 100%;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0
}

.slick-dots li {
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.slick-dots li button {
    border: none;
    color: transparent;
    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;
    border-radius: 10px;
    vertical-align: middle;
    background: #00A651;
    opacity: 0.3;
    margin: 0 5px
}

.slick-dots li.slick-active button {
    background: #00A651;
    opacity: 1
}

.slick-equal .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.slick-equal .slick-slide {
    height: inherit !important
}

.dark .slick-arrow {
    background: #fff
}

.dark .slick-arrow:after {
    border-width: 5px 0px 5px 7px;
    border-color: transparent transparent transparent #164bc3
}

@media only screen and (max-width:991px) {
    .centermode-mb .slick-prev {
        left: 30px
    }
}

@media only screen and (max-width:767px) {
    .centermode-mb .slick-prev {
        left: 5px
    }
}

@media only screen and (max-width:991px) {
    .centermode-mb .slick-next {
        right: 30px
    }
}

@media only screen and (max-width:767px) {
    .centermode-mb .slick-next {
        right: 5px
    }
}

.product-slider .slick-arrow {
    top: 60%
}

.home-slider .slick-dots {
    bottom: 10px;
    position: absolute
}

.home-slider .slick-arrow {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background: transparent
}

.home-slider .slick-arrow:after {
    content: "\f054";
    font-size: 38px
}

@media only screen and (max-width:991px) {
    .home-slider .slick-arrow:after {
        font-size: 22px
    }
}

.home-slider .slick-arrow:hover {
    background: transparent
}

.home-slider .slick-arrow:hover:after {
    color: #00A651
}

.home-slider .slick-arrow.slick-next {
    right: 10px
}

.home-slider .slick-arrow.slick-prev {
    left: 10px;
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%)
}

.video-slider .slick-next {
    right: 165px
}

.video-slider .slick-prev {
    left: 165px
}

.style-2 .slick-arrow {
    border: none;
    -webkit-box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.3)
}

.style-2 .slick-arrow.slick-prev {
    -webkit-box-shadow: -7px -7px 15px rgba(0, 0, 0, 0.3);
    box-shadow: -7px -7px 15px rgba(0, 0, 0, 0.3)
}

.arrow-lg .slick-arrow {
    width: 67px;
    height: 67px
}

.error-404 {
    padding: 100px 0;
    text-align: center
}

.icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat
}

.icon-arrow-down {
    background-image: url("../images/arrow-down-primary.svg")
}

.color-product-dryeye {
    color: #AB8948 !important;
    white-space: nowrap
}

.color-product-mineraltear {
    color: #0079C1 !important;
    white-space: nowrap
}

@media only screen and (max-width:991px) {
    .section-product-cat {
        padding-top: 60px;
        padding-bottom: 15px
    }
}

@media only screen and (max-width:549px) {
    .section-product-cat {
        padding-top: 35px
    }
}

.section-product-cat .section-title {
    letter-spacing: -1px;
    font-size: 43px;
    margin-bottom: 30px
}

@media only screen and (max-width:991px) {
    .section-product-cat .section-title {
        font-size: 26px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:767px) {
    .section-product-cat .section-title {
        font-size: 18px
    }
}

@media only screen and (max-width:549px) {
    .section-product-cat .section-title {
        font-size: 16px
    }

    .about .section-chuongtrinh .timeline .item.active span {
        font-size: 38px;
        top: -67px;
    }

}

.section-product-cat.has-bg .section-bg {
    background-image: url("../images/section-product-cat1-bg.png");
    top: -140px;
    bottom: 160px;
    background-color: transparent;
    background-position: top right
}

.section-product-cat.has-bg .section-bg:before {
    content: "";
    background: #FFFFFF;
    -webkit-filter: blur(52px);
    filter: blur(52px);
    height: 800px;
    top: 0;
    display: block;
    height: 400px;
    width: 100%;
    position: absolute
}

.section-product-cat.has-bg .section-bg:after {
    content: "";
    background: #FFFFFF;
    -webkit-filter: blur(52px);
    filter: blur(66px);
    height: 800px;
    bottom: -166px;
    display: block;
    height: 291px;
    width: 100%;
    position: absolute
}

.video-bg {
    position: relative;
    padding-top: 56.25%
}

.video-bg iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.product-item {
    width: 30%;
    text-align: center;
    border-radius: 15px;
    overflow: hidden;
    padding: 5px 25px 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: start;
    background: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer
}

.product-item .box-text p {
    font-family: var(--bs-font-sans-serif);
}

@media only screen and (max-width:767px) {
    .product-item {
        width: 210px;
        padding: 5px 5px 20px;
        margin: 0 5px
    }
}

.product-item .box-image {
    position: relative
}

.product-item .box-image img {
    max-width: 200px;
    margin: auto;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media only screen and (max-width:991px) {
    .product-item .box-image img {
        max-width: 150px
    }
}

.product-item .box-image .zoom {
    max-width: 100%;
    opacity: 0;
    position: relative;

}

.product-item .box-text h4 {
    color: #E04307;
    font-family: "SVN-Gotham";
    font-weight: 700;
    font-size: 20px;
    line-height: 19px
}

@media only screen and (max-width:991px) {
    .product-item .box-text h4 {
        font-size: 15px
    }
}

.product-item .box-text p {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 0;
    font-family: "SFU Futura", sans-serif;
}

@media only screen and (max-width:991px) {
    .product-item .box-text p {
        font-size: 11px
    }
}

@media only screen and (max-width:767px) {
    .product-item.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 222, 126, 0.6)), color-stop(76.91%, rgba(255, 214, 94, 0.6)));
        background: linear-gradient(180deg, rgba(255, 222, 126, 0.6) 0%, rgba(255, 214, 94, 0.6) 76.91%)
    }
}

@media only screen and (max-width:767px) {
    .product-item.slick-active .box-image img {
        max-width: 100%
    }
}

.product-item:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 222, 126, 0.6)), color-stop(76.91%, rgba(255, 214, 94, 0.6)));
    background: linear-gradient(180deg, rgba(255, 222, 126, 0.6) 0%, rgba(255, 214, 94, 0.6) 76.91%)
}

.product-item:hover .box-image img {
    max-width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.product-item:hover .box-text {
    color: #000
}

@media only screen and (max-width:767px) {
    .product-item.vrohto-dry-eye.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 212, 174, 0.3)), color-stop(76.91%, rgba(245, 212, 174, 0.36)));
        background: linear-gradient(180deg, rgba(245, 212, 174, 0.3) 0%, rgba(245, 212, 174, 0.36) 76.91%)
    }
}

.product-item.vrohto-dry-eye:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 212, 174, 0.3)), color-stop(76.91%, rgba(245, 212, 174, 0.36)));
    background: linear-gradient(180deg, rgba(245, 212, 174, 0.3) 0%, rgba(245, 212, 174, 0.36) 76.91%)
}

.product-item.vrohto-dry-eye .box-text h4 {
    color: #AB8948
}

@media only screen and (max-width:767px) {
    .product-item.new-vrohto.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(123, 207, 187, 0.2)), color-stop(76.91%, rgba(123, 207, 187, 0.4)));
        background: linear-gradient(180deg, rgba(123, 207, 187, 0.2) 0%, rgba(123, 207, 187, 0.4) 76.91%)
    }
}

.product-item.new-vrohto:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(123, 207, 187, 0.2)), color-stop(76.91%, rgba(123, 207, 187, 0.4)));
    background: linear-gradient(180deg, rgba(123, 207, 187, 0.2) 0%, rgba(123, 207, 187, 0.4) 76.91%)
}

.product-item.new-vrohto .box-text h4 {
    color: #076533
}

@media only screen and (max-width:767px) {
    .product-item.vrohto-mineral-tear.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 178, 230, 0.12)), color-stop(76.91%, rgba(0, 178, 230, 0.17)));
        background: linear-gradient(180deg, rgba(0, 178, 230, 0.12) 0%, rgba(0, 178, 230, 0.17) 76.91%)
    }
}

.product-item.vrohto-mineral-tear:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 178, 230, 0.12)), color-stop(76.91%, rgba(0, 178, 230, 0.17)));
    background: linear-gradient(180deg, rgba(0, 178, 230, 0.12) 0%, rgba(0, 178, 230, 0.17) 76.91%)
}

.product-item.vrohto-mineral-tear .box-text h4 {
    color: #0079C1
}

@media only screen and (max-width:767px) {
    .product-item.vrohto-cool.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(55, 85, 140, 0.29)), color-stop(76.91%, rgba(55, 85, 140, 0.2)));
        background: linear-gradient(180deg, rgba(55, 85, 140, 0.29) 0%, rgba(55, 85, 140, 0.2) 76.91%)
    }
}

.product-item.vrohto-cool:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(55, 85, 140, 0.29)), color-stop(76.91%, rgba(55, 85, 140, 0.2)));
    background: linear-gradient(180deg, rgba(55, 85, 140, 0.29) 0%, rgba(55, 85, 140, 0.2) 76.91%)
}

.product-item.vrohto-cool .box-text h4 {
    color: #1C2441
}

@media only screen and (max-width:767px) {
    .product-item.vrohto-kids.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 178, 230, 0.12)), color-stop(76.91%, rgba(0, 178, 230, 0.17)));
        background: linear-gradient(180deg, rgba(0, 178, 230, 0.12) 0%, rgba(0, 178, 230, 0.17) 76.91%)
    }
}

.product-item.vrohto-kids:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 178, 230, 0.12)), color-stop(76.91%, rgba(0, 178, 230, 0.17)));
    background: linear-gradient(180deg, rgba(0, 178, 230, 0.12) 0%, rgba(0, 178, 230, 0.17) 76.91%)
}

.product-item.vrohto-kids .box-text h4 {
    color: #007FB4
}

@media only screen and (max-width:767px) {
    .product-item.vrohto-lycee.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(239, 44, 83, 0.1)), color-stop(76.91%, rgba(239, 44, 83, 0.2)));
        background: linear-gradient(180deg, rgba(239, 44, 83, 0.1) 0%, rgba(239, 44, 83, 0.2) 76.91%)
    }
}

.product-item.vrohto-lycee:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(239, 44, 83, 0.1)), color-stop(76.91%, rgba(239, 44, 83, 0.2)));
    background: linear-gradient(180deg, rgba(239, 44, 83, 0.1) 0%, rgba(239, 44, 83, 0.2) 76.91%)
}

.product-item.vrohto-lycee .box-text h4 {
    color: #EF2C53
}

@media only screen and (max-width:767px) {
    .product-item.rohto-antibacterial.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 212, 174, 0.3)), color-stop(76.91%, rgba(219, 182, 140, 0.36)));
        background: linear-gradient(180deg, rgba(245, 212, 174, 0.3) 0%, rgba(219, 182, 140, 0.36) 76.91%)
    }
}

.product-item.rohto-antibacterial:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 212, 174, 0.3)), color-stop(76.91%, rgba(219, 182, 140, 0.36)));
    background: linear-gradient(180deg, rgba(245, 212, 174, 0.3) 0%, rgba(219, 182, 140, 0.36) 76.91%)
}

.product-item.rohto-antibacterial .box-text h4 {
    color: #BC8023
}

.product-list.style2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-list.style2 .product-item {
    width: calc(33.3333333333% - 5px);
    padding: 5px 10px 35px
}

@media only screen and (max-width:991px) {
    .product-list.style2 .product-item {
        width: calc(50% - 15px)
    }
}

@media only screen and (max-width:767px) {
    .product-list.style2 .product-item {
        padding: 5px 5px 15px
    }
}

.product-list.style2 .product-item .box-text h4 {
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-bottom: 20px;
    line-height: 1.15
}

@media only screen and (max-width:767px) {
    .product-list.style2 .product-item .box-text h4 {
        font-size: 20px
    }
}

@media only screen and (max-width:575px) {
    .product-list.style2 .product-item .box-text h4 {
        font-size: 18px
    }
}

.product-list.style2 .product-item .box-text p {
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "SFU Futura", sans-serif;
    height: 45px;
}

@media only screen and (max-width:767px) {
    .product-list.style2 .product-item .box-text p {
        font-size: 12px
    }
}

.product-list.style2 .product-item .box-text .btn {
    font-size: 20px;
    text-transform: uppercase;
    height: 33px;
    line-height: 0;
    margin-top: 25px
}

@media only screen and (max-width:767px) {
    .product-list.style2 .product-item .box-text .btn {
        font-size: 16px
    }
}

.product-list.style2 .product-item .box-image img {
    max-width: 325px;
    height: 190px;
    width: auto;
}

@media only screen and (max-width:767px) {
    .product-list.style2 .product-item .box-image img {
        max-width: 210px;
        height: 110px;
    }
}

@media only screen and (max-width:575px) {
    .product-list.style2 .product-item .box-image img {
        max-width: 140px
    }
}

.product-list.style2 .product-item .box-image .zoom {
    max-width: 100%
}

.product-list.style2 .product-item:hover .box-image img {
    transform: scale(105%);
}

.product-list.style2 .product-item:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 222, 126, 0)), color-stop(76.91%, rgba(255, 214, 94, 0.25)));
    background: linear-gradient(180deg, rgba(255, 222, 126, 0) 0%, rgba(255, 214, 94, 0.25) 76.91%)
}

.product-list.style2 .product-item:hover .box-image img {
    max-width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media only screen and (max-width:767px) {
    .product-list.style2 .product-item.vrohto-dry-eye.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 212, 174, 0)), color-stop(76.91%, rgba(245, 212, 174, 0.2)));
        background: linear-gradient(180deg, rgba(245, 212, 174, 0) 0%, rgba(245, 212, 174, 0.2) 76.91%)
    }
}

.product-list.style2 .product-item.vrohto-dry-eye:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 212, 174, 0)), color-stop(76.91%, rgba(245, 212, 174, 0.2)));
    background: linear-gradient(180deg, rgba(245, 212, 174, 0) 0%, rgba(245, 212, 174, 0.2) 76.91%)
}

.product-list.style2 .product-item.vrohto-dry-eye .box-text h4 {
    color: #655A2B
}

.product-list.style2 .product-item.vrohto-dry-aid .box-text h4 {
    color: #5A2E7B
}



@media only screen and (max-width:767px) {
    .product-list.style2 .product-item.new-vrohto.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(123, 207, 187, 0)), color-stop(76.91%, rgba(123, 207, 187, 0.2)));
        background: linear-gradient(180deg, rgba(123, 207, 187, 0) 0%, rgba(123, 207, 187, 0.2) 76.91%)
    }
}

.product-list.style2 .product-item.new-vrohto:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(123, 207, 187, 0)), color-stop(76.91%, rgba(123, 207, 187, 0.2)));
    background: linear-gradient(180deg, rgba(123, 207, 187, 0) 0%, rgba(123, 207, 187, 0.2) 76.91%)
}

@media only screen and (max-width:767px) {
    .product-list.style2 .product-item.vrohto-mineral-tear.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 178, 230, 0)), color-stop(76.91%, rgba(0, 178, 230, 0.09)));
        background: linear-gradient(180deg, rgba(0, 178, 230, 0) 0%, rgba(0, 178, 230, 0.09) 76.91%)
    }
}

.product-list.style2 .product-item.vrohto-mineral-tear:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 178, 230, 0)), color-stop(76.91%, rgba(0, 178, 230, 0.09)));
    background: linear-gradient(180deg, rgba(0, 178, 230, 0) 0%, rgba(0, 178, 230, 0.09) 76.91%)
}

.product-list.style2 .product-item.vrohto-mineral-tear .box-text h4 {
    color: #0079C1
}

@media only screen and (max-width:767px) {
    .product-list.style2 .product-item.vrohto-cool.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(55, 85, 140, 0)), color-stop(76.91%, rgba(55, 85, 140, 0.1)));
        background: linear-gradient(180deg, rgba(55, 85, 140, 0) 0%, rgba(55, 85, 140, 0.1) 76.91%)
    }
}

.product-list.style2 .product-item.vrohto-cool:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(55, 85, 140, 0)), color-stop(76.91%, rgba(55, 85, 140, 0.1)));
    background: linear-gradient(180deg, rgba(55, 85, 140, 0) 0%, rgba(55, 85, 140, 0.1) 76.91%)
}

.product-list.style2 .product-item.vrohto-kids:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 178, 230, 0)), color-stop(76.91%, rgba(0, 178, 230, 0.09)));
    background: linear-gradient(180deg, rgba(0, 178, 230, 0) 0%, rgba(0, 178, 230, 0.09) 76.91%)
}

.product-list.style2 .product-item.vrohto-kids .box-text h4 {
    color: #007FB4
}


.product-list.style2 .product-item.vrohto-mineral .box-text h4 {
    color: #00A3DA
}

@media only screen and (max-width:767px) {
    .product-list.style2 .product-item.vrohto-lycee.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(239, 44, 83, 0)), color-stop(76.91%, rgba(239, 44, 83, 0.1)));
        background: linear-gradient(180deg, rgba(239, 44, 83, 0) 0%, rgba(239, 44, 83, 0.1) 76.91%)
    }
}

.product-list.style2 .product-item.vrohto-lycee:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(239, 44, 83, 0)), color-stop(76.91%, rgba(239, 44, 83, 0.1)));
    background: linear-gradient(180deg, rgba(239, 44, 83, 0) 0%, rgba(239, 44, 83, 0.1) 76.91%)
}

.product-list.style2 .product-item.vrohto-lycee .box-text h4 {
    color: #EF2C53
}

@media only screen and (max-width:767px) {
    .product-list.style2 .product-item.rohto-antibacterial.slick-active {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 212, 174, 0)), color-stop(76.91%, rgba(219, 182, 140, 0.18)));
        background: linear-gradient(180deg, rgba(245, 212, 174, 0) 0%, rgba(219, 182, 140, 0.18) 76.91%)
    }
}

.product-list.style2 .product-item.rohto-antibacterial:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 212, 174, 0)), color-stop(76.91%, rgba(219, 182, 140, 0.18)));
    background: linear-gradient(180deg, rgba(245, 212, 174, 0) 0%, rgba(219, 182, 140, 0.18) 76.91%)
}

.product-list.style2 .product-item.rohto-antibacterial .box-text h4 {
    color: #BC8023
}

.imgtext-slide {
    height: 60px;
    background-size: contain;
    background-repeat: repeat-x;
    -webkit-animation: slideleft 25s linear infinite;

}



.vrohto-mineral .imgtext-slide {
    height: 70px;
}

@media only screen and (max-width:991px) {
    .imgtext-slide {
        height: 30px
    }
}

.imgtext-slide.right {
    -webkit-animation: slideright 25s linear infinite
}

@-webkit-keyframes slideleft {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -700px 0
    }
}

@-webkit-keyframes slideright {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 700px 0
    }
}

@-webkit-keyframes coolslideleft {
    0% {
        right: -30px;
        left: -30px
    }

    to {
        right: 0;
        left: -60px
    }
}

.product-single {
    overflow: hidden
}

.product-single-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:767px) {
    .product-single-top {
        display: block
    }
}

.product-single-top .box-image {
    width: 40%;
    max-width: 400px;
    margin-right: 60px
}


.vrohto-mineral .product-single-top .box-image {
    margin-right: 40px;
}

@media only screen and (max-width:1199px) {
    .product-single-top .box-image {
        width: 50%;
        margin-right: 25px
    }
}

@media only screen and (max-width:767px) {
    .product-single-top .box-image {
        width: 100%;
        margin-right: 0;
        max-width: 280px;
        margin: auto
    }

    .vrohto-mineral .section-product-single-top {
        padding-top: 50px;
    }

    .vrohto-mineral .product-single-top .box-image {
        margin: 0;
    }


}

.product-single-top .box-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (max-width:767px) {
    .product-single-top .box-text {
        text-align: center
    }
}

.product-single-top .box-text .btn-buy {
    border-radius: 10px;
    -webkit-box-shadow: 6px 7px 9px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 6px 7px 9px 0px rgba(0, 0, 0, 0.25)
}

.product-single-top .box-text .buy-group {
    margin-top: 20px;
    display: -ms-inline-grid;
    display: inline-grid
}

.product-single-top .box-text .buy-group .has-price {
    min-width: 330px;
    text-align: center;
    font-family: "SVN-Gotham";
    font-size: 28px;
}

.product-single-top .box-text .buy-group .has-price span.buy {
    display: none
}

/* .product-single-top .box-text .buy-group .has-price:hover span.price {
    display: none
} */

/* .product-single-top .box-text .buy-group .has-price:hover span.buy {
    display: block
} */

.product-single-top .box-text .buy-group .btn-buy {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-top: 15px
}

.product-single-top .box-text .buy-group.active .btn-buy {
    opacity: 1;
    visibility: visible
}

.product-single-top .box-text .btn-buy {
    margin-top: 20px
}

@media only screen and (max-width:1199px) {
    .product-single-top .box-text .btn-buy {
        margin-top: 10px
    }
}

.product-single-title {
    font-size: 68px;
    color: #00A651;
    text-transform: uppercase;
    font-weight: 900;
    font-family: "SVN-Gotham"
}

@media only screen and (max-width:1199px) {
    .product-single-title {
        font-size: 50px
    }
}

@media only screen and (max-width:991px) {
    .product-single-title {
        font-size: 36px
    }
}

@media only screen and (max-width:767px) {
    .product-single-title {
        font-size: 30px
    }
}

.product-single-subtitle {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 900;
    font-family: "SVN-Gotham";
    color: #01BE5B;
    letter-spacing: -1px
}

@media only screen and (max-width:1199px) {
    .product-single-subtitle {
        font-size: 30px
    }
}

@media only screen and (max-width:991px) {
    .product-single-subtitle {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .product-single-subtitle {
        font-size: 17px
    }
}

.product-single-description {
    font-size: 27px;
    line-height: 1.3;
    font-family: "SFU Futura", sans-serif;
}

@media only screen and (max-width:1199px) {
    .product-single-description {
        font-size: 20px
    }
}

@media only screen and (max-width:991px) {
    .product-single-description {
        font-size: 17px
    }
}

@media only screen and (max-width:767px) {
    .product-single-description {
        font-size: 15px
    }
}

.product-single-feeling {
    font-size: 25px;
    font-weight: bold
}

@media only screen and (max-width:1199px) {
    .product-single-feeling {
        font-size: 19px
    }
}

@media only screen and (max-width:991px) {
    .product-single-feeling {
        font-size: 15px
    }
}

.product-single .doituong-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1050px;
    margin: auto
}

@media only screen and (max-width:767px) {
    .product-single .doituong-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.product-single .doituong-list-item {
    width: calc(33.3333333333% - 20px);
    border-radius: 40px;
    background: #E5F6E8;
    padding-bottom: 100px;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden
}

@media only screen and (max-width:991px) {
    .product-single .doituong-list-item {
        width: calc(33.3333333333% - 10px)
    }
}

@media only screen and (max-width:767px) {
    .product-single .doituong-list-item {
        width: calc(100% - 50px);
        margin: auto;
        margin-bottom: 20px
    }
}

.product-single .doituong-list-item .box-image {
    border-radius: 40px;
    overflow: hidden
}

.product-single .doituong-list-item .box-text {
    border-radius: 34px;
    background: #E5F6E8;
    text-align: center;
    margin: 0 28px;
    margin-top: -60px;
    z-index: 9;
    position: relative;
    padding: 0 10px 20px
}

@media only screen and (max-width:991px) {
    .product-single .doituong-list-item .box-text {
        margin: -45px 15px 0px
    }
}

.product-single .doituong-list-item .box-text .icon {
    width: auto;
    height: 100px;
    margin: 20px 0
}

@media only screen and (max-width:1199px) {
    .product-single .doituong-list-item .box-text .icon {
        height: 70px
    }
}

@media only screen and (max-width:767px) {
    .product-single .doituong-list-item .box-text .icon {
        margin: 10px 0
    }
}

.product-single .doituong-list-item .box-text h4 {
    font-size: 22px;
    line-height: 1.3;
    font-weight: 500;
    min-height: 60px;
    font-family: 'SFU Futura';

}

@media only screen and (max-width:1199px) {
    .product-single .doituong-list-item .box-text h4 {
        font-size: 17px
    }
}

@media only screen and (max-width:767px) {
    .product-single .doituong-list-item .box-text h4 {
        font-size: 20px
    }
}

.product-single .doituong-list-item .circle {
    width: 20px;
    height: 20px;
    border-radius: 99px;
    border: 3px solid #00A651;
    background-color: #e1fff0;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute
}

.product-single .doituong-list-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 166, 81, 0.75);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden
}

.product-single .doituong-list-item:active .overlay,
.product-single .doituong-list-item:hover .overlay {
    opacity: 0;
    visibility: visible
}

.product-single-attr {
    position: relative;
    background-color: #FFF;
    border-radius: 50px;
    -webkit-box-shadow: 35px 35px 43px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 35px 35px 43px 30px rgba(0, 0, 0, 0.1);
    padding: 40px 60px 60px
}

@media only screen and (max-width:991px) {
    .product-single-attr {
        padding: 25px 45px 45px;
        border-radius: 40px
    }
}

@media only screen and (max-width:767px) {
    .product-single-attr {
        padding: 15px 25px 25px;
        border-radius: 20px
    }
}

.product-single-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 150px
}

.vrohto-mineral .product-single-item {
    align-items: stretch;
}

@media only screen and (max-width:991px) {
    .product-single-item {
        margin-bottom: 80px
    }
}

@media only screen and (max-width:767px) {
    .product-single-item {
        margin-bottom: 40px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.product-single-item .left,
.product-single-item .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: 2;
    position: relative
}

@media only screen and (max-width:767px) {

    .product-single-item .left,
    .product-single-item .right {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.product-single-item .center {
    position: relative;
    z-index: 1;
    width: 33%
}

@media only screen and (max-width:1199px) {
    .product-single-item .center {
        width: 30%
    }
}

@media only screen and (max-width:991px) {
    .product-single-item .center {
        width: 33%
    }
}

@media only screen and (max-width:767px) {
    .product-single-item .center {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .product-single-item .center img {
        width: 60%;
        display: block;
        margin: auto
    }
}

.product-single-item .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

@media only screen and (max-width:767px) {
    .product-single-item .box {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        margin-bottom: 10px !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

.product-single-item .box img {
    -webkit-animation: right 0.75s infinite ease-in-out;
    animation: right 0.75s infinite ease-in-out
}

@media only screen and (max-width:1199px) {
    .product-single-item .box img {
        max-width: 43%
    }
}

@media only screen and (max-width:767px) {
    .product-single-item .box img {
        width: 120px;
        max-width: 100%;
        margin-bottom: 10px !important
    }
}

.product-single-item .box p {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0;
    margin-left: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.3;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-family: "SFU Futura", sans-serif;
}

@media only screen and (max-width:1199px) {
    .product-single-item .box p {
        font-size: 20px
    }
}

@media only screen and (max-width:991px) {
    .product-single-item .box p {
        font-size: 17px;
        opacity: 1
    }
}

.product-single-item .box:nth-child(odd) img {
    -webkit-animation: left 1s infinite ease-in-out;
    animation: left 1s infinite ease-in-out
}

.product-single-item .box.box1 {
    margin-right: -15px;
    margin-bottom: 40px
}

@media only screen and (max-width:1199px) {
    .product-single-item .box.box1 {
        margin-right: -10px
    }
}

@media only screen and (max-width:991px) {
    .product-single-item .box.box1 {
        margin-right: -15px
    }
}

.product-single-item .box.box1 img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (max-width:1199px) {
    .product-single-item .box.box1 img {
        max-width: 38%
    }
}

@media only screen and (max-width:767px) {
    .product-single-item .box.box1 img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.product-single-item .box.box1 p {
    text-align: right;
    margin-left: 0;
    margin-right: 20px
}

@media only screen and (max-width:767px) {
    .product-single-item .box.box1 p {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-right: 0;
        margin-left: 20px
    }
}

.product-single-item .box.box2 {
    margin-bottom: 120px;
    margin-left: -45px
}

@media only screen and (max-width:991px) {
    .product-single-item .box.box2 {
        margin-bottom: 60px
    }
}

@media only screen and (max-width:1199px) {
    .product-single-item .box.box2 img {
        max-width: 55%
    }
}

.product-single-item .box.box3 {
    margin-bottom: -10px;
    margin-left: -70px
}

@media only screen and (max-width:991px) {
    .product-single-item .box.box3 {
        margin-bottom: -10px;
        margin-left: -30px
    }
}

.product-single-item .box:hover p {
    opacity: 1
}

.font-gotham {
    font-family: "SVN-Gotham", sans-serif;
}

.section-product-single .section-title {
    font-size: 55px;
    margin-bottom: 40px;
    font-weight: 800;
    font-family: "SVN-Gotham";
    text-transform: uppercase
}

@media only screen and (max-width:1199px) {
    .section-product-single .section-title {
        font-size: 40px
    }
}

@media only screen and (max-width:991px) {
    .section-product-single .section-title {
        font-size: 36px
    }
}

@media only screen and (max-width:767px) {
    .section-product-single .section-title {
        font-size: 26px
    }
}

@media only screen and (max-width:549px) {
    .section-product-single .section-title {
        font-size: 22px
    }

    .vrohto-mineral .section-product-single .section-title {
        font-size: 26px
    }
}

.section-product-single-video {
    padding-bottom: 0
}

@media only screen and (max-width:767px) {
    .section-product-single-video {
        padding-top: 70px
    }
}

@media only screen and (max-width:549px) {
    .section-product-single-video .section-title {
        font-size: 17px
    }
}

.section-product-single-video .box-image {
    padding-top: 20px
}

.section-product-single-item {
    padding-bottom: 0
}

@media only screen and (max-width:991px) {
    .section-product-single-item {
        padding-top: 50px
    }
}

@media only screen and (max-width:767px) {
    .section-product-single-item {
        padding-top: 0
    }
}

@media only screen and (min-width:767px) {
    .section-product-single-item .container {
        max-width: 920px
    }
}

@media only screen and (min-width:992px) {
    .section-product-single-item .container {
        max-width: 1080px
    }
}

@media only screen and (min-width:1200px) {
    .section-product-single-item .container {
        max-width: 1250px
    }
}

@media only screen and (min-width:1400px) {
    .section-product-single-item .container {
        max-width: 1300px
    }
}

.section-product-single-item .section-bg {
    background-image: url("../images/product/single-product-vrohto-featured-bg.png");
    background-size: cover;
    background-color: #F2FDF9
}

.section-product-single-doituong {
    padding-bottom: 0
}

@media only screen and (max-width:991px) {
    .section-product-single-doituong {
        padding-top: 50px
    }
}

.section-product-single-doituong .char-gn {
    position: absolute;
    top: -500px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    -webkit-transition: 2.5s;
    transition: 2.5s;
    z-index: -1
}

@media only screen and (max-width:1199px) {
    .section-product-single-doituong .char-gn {
        max-width: 200px
    }
}

@media only screen and (max-width:991px) {
    .section-product-single-doituong .char-gn {
        max-width: 150px;
        top: -300px
    }
}

@media only screen and (max-width:767px) {
    .section-product-single-doituong .char-gn {
        max-width: 85px;
        top: -200px
    }
}

.section-product-single-doituong .char-gn.active {
    top: 210px;
    z-index: 9;
    opacity: 1
}

@media only screen and (max-width:991px) {
    .section-product-single-doituong .char-gn.active {
        top: 140px
    }
}

@media only screen and (max-width:767px) {
    .section-product-single-doituong .char-gn.active {
        top: 110px
    }
}

.section-product-single-doituong .box-image-dactri {
    margin-top: 50px;
    position: relative
}

.section-product-single-doituong .box-image-dactri .char {
    position: absolute
}

.section-product-single-doituong .box-image-dactri .char1 {
    top: 14%;
    right: 9%;
    width: 180px
}

@media only screen and (max-width:991px) {
    .section-product-single-doituong .box-image-dactri .char1 {
        top: 18%;
        right: 13%;
        width: 110px
    }
}

@media only screen and (max-width:767px) {
    .section-product-single-doituong .box-image-dactri .char1 {
        width: 80px
    }
}

@media only screen and (max-width:549px) {
    .section-product-single-doituong .box-image-dactri .char1 {
        width: 70px
    }
}

.section-product-single-doituong .box-image-dactri .char2 {
    top: 44%;
    left: 2%;
    width: 180px
}

@media only screen and (max-width:991px) {
    .section-product-single-doituong .box-image-dactri .char2 {
        width: 120px
    }
}

@media only screen and (max-width:767px) {
    .section-product-single-doituong .box-image-dactri .char2 {
        width: 90px
    }
}

@media only screen and (max-width:549px) {
    .section-product-single-doituong .box-image-dactri .char2 {
        width: 70px
    }
}

.section-product-single-doituong .box-image-dactri .char3 {
    bottom: 5%;
    right: 7%;
    width: 165px
}

@media only screen and (max-width:991px) {
    .section-product-single-doituong .box-image-dactri .char3 {
        width: 100px
    }
}

@media only screen and (max-width:767px) {
    .section-product-single-doituong .box-image-dactri .char3 {
        width: 70px
    }
}

@media only screen and (max-width:549px) {
    .section-product-single-doituong .box-image-dactri .char3 {
        width: 65px
    }
}

.section-product-single-doituong .box-image-doituong {
    position: relative
}

.section-product-single-doituong .box-image-doituong .char {
    position: absolute
}

.section-product-single-doituong .box-image-doituong .char1 {
    top: 0;
    right: 0;
    left: 0;
    margin: auto
}

@media only screen and (max-width:991px) {
    .section-product-single-doituong .box-image-doituong .char1 {
        width: 155px
    }
}

@media only screen and (max-width:767px) {
    .section-product-single-doituong .box-image-doituong .char1 {
        width: 115px
    }
}

@media only screen and (max-width:549px) {
    .section-product-single-doituong .box-image-doituong .char1 {
        width: 80px
    }
}

.section-product-single-doituong .box-image-doituong .box {
    position: absolute;
    width: 300px;
    text-align: center;
    cursor: pointer
}

@media only screen and (max-width:991px) {
    .section-product-single-doituong .box-image-doituong .box {
        width: 175px
    }
}

@media only screen and (max-width:767px) {
    .section-product-single-doituong .box-image-doituong .box {
        width: 125px
    }
}

@media only screen and (max-width:549px) {
    .section-product-single-doituong .box-image-doituong .box {
        width: 86px
    }
}

.section-product-single-doituong .box-image-doituong .box p {
    position: absolute;
    position: absolute;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.section-product-single-doituong .box-image-doituong .box p.fw {
    left: -110px;
    right: -110px
}

@media only screen and (max-width:991px) {
    .section-product-single-doituong .box-image-doituong .box p.fw {
        max-width: 290px;
        margin: 15px auto
    }
}

@media only screen and (max-width:767px) {
    .section-product-single-doituong .box-image-doituong .box p.fw {
        left: -20px;
        right: -20px
    }
}

@media only screen and (max-width:991px) {
    .section-product-single-doituong .box-image-doituong .box p {
        font-size: 16px;
        margin-left: 0;
        margin-right: 0;
        opacity: 1
    }
}

@media only screen and (max-width:767px) {
    .section-product-single-doituong .box-image-doituong .box p {
        font-size: 13px;
        margin-left: -20px;
        margin-right: -20px
    }
}

.section-product-single-doituong .box-image-doituong .box1 {
    top: 15%;
    left: 6%
}

@media only screen and (max-width:1199px) {
    .section-product-single-doituong .box-image-doituong .box1 img {
        width: 240px
    }
}

@media only screen and (max-width:991px) {
    .section-product-single-doituong .box-image-doituong .box1 img {
        width: 165px
    }
}

.section-product-single-doituong .box-image-doituong .box2 {
    right: 0%;
    left: auto;
    top: 10%
}

@media only screen and (max-width:1199px) {
    .section-product-single-doituong .box-image-doituong .box2 img {
        width: 220px
    }
}

@media only screen and (max-width:991px) {
    .section-product-single-doituong .box-image-doituong .box2 img {
        width: 165px
    }
}

.section-product-single-doituong .box-image-doituong .box3 {
    right: 0;
    bottom: 17%;
    margin: auto;
    width: 190px;
    left: -35px
}

@media only screen and (max-width:767px) {
    .section-product-single-doituong .box-image-doituong .box3 {
        left: 0
    }
}

@media only screen and (max-width:1199px) {
    .section-product-single-doituong .box-image-doituong .box3 img {
        width: 145px
    }
}

@media only screen and (max-width:991px) {
    .section-product-single-doituong .box-image-doituong .box3 img {
        width: 110px
    }
}

@media only screen and (max-width:549px) {
    .section-product-single-doituong .box-image-doituong .box3 img {
        width: 53px
    }
}

.section-product-single-doituong .box-image-doituong .box:hover p {
    opacity: 1
}


.new-vrohto .doituong-list {
    margin-left: -35px;
    margin-right: -35px;
    max-width: initial
}

@media only screen and (max-width:767px) {
    .new-vrohto .doituong-list {
        margin: 0
    }
}

.new-vrohto .doituong-list-item {
    width: calc(25% - 20px);
    border-radius: 30px
}

@media only screen and (max-width:991px) {
    .new-vrohto .doituong-list-item {
        border-radius: 15px;
        padding-bottom: 35px;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: calc(50% - 20px)
    }
}

.new-vrohto .doituong-list-item .box-text {
    border-radius: 30px
}

@media only screen and (max-width:991px) {
    .new-vrohto .doituong-list-item .box-text {
        border-radius: 15px;
        margin: -35px 10px 0px;
        padding: 0
    }
}

@media only screen and (max-width:991px) {
    .new-vrohto .doituong-list-item .box-text .icon {
        height: 48px
    }
}

@media only screen and (max-width:991px) {
    .new-vrohto .doituong-list-item .box-text h4 {
        font-size: 16px
    }
}

.new-vrohto .doituong-list-item .circle {
    border: 3px solid #00A651;
    background-color: transparent;
    border-radius: 6px;
    width: 24px;
    height: 24px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (max-width:991px) {
    .new-vrohto .doituong-list-item .circle {
        border: 2px solid #00A651;
        width: 12px;
        height: 12px;
        border-radius: 3px;
        bottom: 15px
    }
}

.new-vrohto .doituong-list-item .box-image {
    border-radius: 30px
}

@media only screen and (max-width:991px) {
    .new-vrohto .doituong-list-item .box-image {
        border-radius: 15px
    }
}

.new-vrohto .section-product-single-top {
    padding-top: 0;
    padding-bottom: 65px;
    overflow: hidden;
    min-height: calc(100vh - 90px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (max-width:991px) {
    .new-vrohto .section-product-single-top {
        padding-top: 200px;
        display: block;
        min-height: 0
    }
}

@media only screen and (max-width:767px) {
    .new-vrohto .section-product-single-top {
        padding-top: 50px
    }
}

.new-vrohto .section-product-single-top .section-bg {
    background-position: bottom center
}

@media only screen and (max-width:767px) {
    .new-vrohto .section-product-single-top .section-bg {
        background-position: top center
    }
}

.new-vrohto .product-single-top {
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    margin-left: 80px
}

@media only screen and (max-width:991px) {
    .new-vrohto .product-single-top {
        margin-left: 0
    }
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-top .box-image {
        max-width: 230px;
        margin: auto;
        margin-top: 42px
    }
}

.new-vrohto .product-single-top .box-image,
.new-vrohto .product-single-top .box-text {
    z-index: 1
}

.new-vrohto .product-single-top .box-text {
    margin-bottom: 120px
}

@media only screen and (max-width:1199px) {
    .new-vrohto .product-single-top .box-text {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:991px) {
    .new-vrohto .product-single-top .box-text {
        margin-bottom: 65px;
        text-align: left
    }
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-top .box-text {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-top .box-text .buy-group {
        text-align: center;
        width: 100%;
        display: block
    }
}

.new-vrohto .product-single-top .box-text .btn {
    padding: 14px 30px 18px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 6px 7px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 4px 6px 7px 0px rgba(0, 0, 0, 0.27);
    min-width: 333px;
    font-size: 27px
}

.new-vrohto .product-single-item {
    padding-bottom: 100px
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-item {
        margin-bottom: 100px;
        padding-bottom: 0
    }
}

.new-vrohto .product-single-item .center {
    text-align: center
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-item .center {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 33%
    }
}

.new-vrohto .product-single-item .center img {
    max-width: 320px;
    position: absolute;
    width: 174px;
    top: -600px;
    left: -248px;
    opacity: 0;
    -webkit-transition: 1.2s;
    transition: 1.2s
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-item .center img {
        position: absolute;
        left: -77px;
        right: -90px;
        width: auto;
        max-width: 153px;
        top: -200px;
        opacity: 1
    }
}

@media only screen and (min-width:768px) {
    .new-vrohto .product-single-item .center img.active {
        width: 100%;
        top: -235px;
        left: 60px;
        margin: auto;
        opacity: 1;
        position: absolute
    }
}

@media only screen and (max-width:767px) {

    .new-vrohto .product-single-item .left,
    .new-vrohto .product-single-item .right {
        width: 33%
    }
}

.new-vrohto .product-single-item .box p {
    font-size: 18px;
    margin-bottom: 25px
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-item .box p {
        font-size: 13px
    }
}

.new-vrohto .product-single-item .box1 {
    margin-right: -45px;
    margin-bottom: -20px
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-item .box1 {
        margin-top: -230px
    }
}

.new-vrohto .product-single-item .box1 p {
    margin-left: 25px;
    margin-right: 0
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-item .box1 p {
        margin-left: 10px;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: left
    }
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-item .box1 img {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: 100%
    }
}

.new-vrohto .product-single-item .box2 {
    margin-left: -25px;
    margin-right: 30px;
    margin-bottom: 85px
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-item .box2 {
        margin-bottom: 60px !important
    }
}

.new-vrohto .product-single-item .box2 p {
    margin-left: -25px
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-item .box2 p {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: right;
        margin-bottom: 10px;
        margin-right: 10px;
        margin-left: -8px
    }
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-item .box2 img {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 135px;
        max-width: 300px
    }
}

.new-vrohto .product-single-item .box3 {
    margin-bottom: -115px;
    margin-left: -25px
}

.new-vrohto .product-single-item .box3 p {
    margin-left: -5px;
    margin-right: 10px;
}

@media only screen and (max-width:767px) {
    .new-vrohto .product-single-item .box3 p {
        margin-left: -20px;
        margin-right: 10px;
        text-align: right;
        margin-top: -20px
    }
}

.new-vrohto .product-single-item .box3 img {
    width: 150px;
    max-width: 300px
}

.new-vrohto .product-single-title {
    font-size: 82px;
    line-height: 73px
}

@media only screen and (max-width:991px) {
    .new-vrohto .product-single-title {
        line-height: 1;
        font-size: 32px;
        letter-spacing: -1.92px
    }
}

@media only screen and (max-width:991px) {
    .new-vrohto .product-single-title span {
        font-size: 54px;
        letter-spacing: -3.24px;
        display: block
    }
}

.new-vrohto .product-single-subtitle {
    font-size: 28px;
    letter-spacing: 0
}

@media only screen and (max-width:991px) {
    .new-vrohto .product-single-subtitle {
        font-size: 20px
    }
}

.new-vrohto .product-single-description {
    font-size: 20px;
    max-width: 415px
}

@media only screen and (max-width:991px) {
    .new-vrohto .product-single-description {
        font-size: 16px;
        line-height: 1.5
    }
}

.new-vrohto .section-product-single-item .section-bg {
    background-image: url("../images/product/newv-doituong-bg.png");
    background-size: cover
}

@media only screen and (max-width:767px) {
    .new-vrohto .section-product-single-item .section-bg {
        background-image: url("../images/product/newv-doituong-bg-mb.png");
        background-position: bottom center
    }
}

.new-vrohto .section-product-single-item .section-bg:after {
    content: "";
    display: block;
    height: 160px;
    width: 100%;
    background-image: url(../images/product/new-v-banner-char.png);
    background-position: center;
    background-size: contain;
    margin-top: -80px;
    background-repeat: repeat-x
}

.new-vrohto .section-product-single-dactri {
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 250px
}

@media only screen and (max-width:767px) {
    .new-vrohto .section-product-single-dactri {
        margin-top: 70px
    }
}

.new-vrohto .section-product-single-dactri .box-image-dactri {
    position: relative;
    padding: 0 40px
}

@media only screen and (max-width:767px) {
    .new-vrohto .section-product-single-dactri .box-image-dactri {
        padding: 0
    }
}

.new-vrohto .section-product-single-dactri .box-image-dactri .char {
    position: absolute
}

@media only screen and (max-width:1199px) {
    .new-vrohto .section-product-single-dactri .box-image-dactri .char {
        width: 290px
    }
}

@media only screen and (max-width:991px) {
    .new-vrohto .section-product-single-dactri .box-image-dactri .char {
        width: 220px
    }
}

@media only screen and (max-width:767px) {
    .new-vrohto .section-product-single-dactri .box-image-dactri .char {
        width: 140px
    }
}

.new-vrohto .section-product-single-dactri .box-image-dactri .char1 {
    top: 3%;
    left: 1%
}

@media only screen and (max-width:767px) {
    .new-vrohto .section-product-single-dactri .box-image-dactri .char1 {
        top: 10%;
        left: -25px
    }
}

.new-vrohto .section-product-single-dactri .box-image-dactri .char2 {
    top: -20%;
    right: 4%
}

@media only screen and (max-width:767px) {
    .new-vrohto .section-product-single-dactri .box-image-dactri .char2 {
        right: 2%;
        width: 130px
    }
}

.new-vrohto .section-product-single-dactri .box-image-dactri .char3 {
    bottom: 8%;
    left: auto;
    right: -1%;
    top: 28%
}

@media only screen and (max-width:767px) {
    .new-vrohto .section-product-single-dactri .box-image-dactri .char3 {
        width: 130px;
        top: 50%
    }
}

.new-vrohto .section-product-single-dactri .section-bg {
    background-image: url(../images/product/newv-dactri-bg.png);
    background-size: contain;
    background-position: top center
}

.new-vrohto .section-product-single-dactri .section-bg:before {
    position: absolute;
    content: "";
    background-image: url(../images/product/newv-dactri-bg-before.png);
    background-size: contain;
    width: 100%;
    height: 666px;
    top: -437px;
    background-position: bottom
}

@media only screen and (max-width:767px) {
    .new-vrohto .section-product-single-dactri .section-bg:before {
        top: -75px;
        background-repeat: no-repeat
    }
}

.new-vrohto .imgtext-slide {
    opacity: 0.6;
    height: 50px;
    margin-bottom: 20px
}

.vrohto-mineral .product-single-title {
    color: #006BB1;
    font-family: SVN-Gotham;
    font-size: 62.986px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -3.779px;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
}

.vrohto-mineral .product-single-title span {
    font-size: 84px;
    letter-spacing: -5.28px;
    display: block;
}


.vrohto-vitamin .product-single-title {
    color: #F47820;
    font-size: 64px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1;
    margin-bottom: 25px
}

.vrohto-mineral .section-product-single-doituong .section-bg {
    background-image: url(../images/product/mineral/bg-section-doituong.png);
    background-color: #fff;
}

@media only screen and (max-width:1199px) {
    .vrohto-vitamin .product-single-title {
        font-size: 38px;
        letter-spacing: -0.84px
    }
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .product-single-title {
        font-size: 28px;
        letter-spacing: -0.84px
    }
}

.vrohto-vitamin .product-single-title span {
    font-size: 110px;

}

@media only screen and (max-width:1199px) {
    .vrohto-vitamin .product-single-title span {
        font-size: 80px;
        letter-spacing: -1.4px
    }
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .product-single-title span {
        font-size: 53px;
        letter-spacing: -3.213px;
        display: block
    }
}

.vrohto-mineral .product-single-subtitle {
    color: #006BB0;
    font-size: 33.345px;
    font-weight: 900;
    line-height: 34.271px;
    /* 102.778% */
    letter-spacing: -2.001px;
    text-transform: uppercase;
    margin-top: 20px;
}

.product-single-item-wrap {
    width: 625px;
    margin: 0 auto;
    position: relative;
}


.vrohto-mineral .section-product-single-top .section-bg {
    background-position: bottom left;
}

.vrohto-mineral .product-single-top .box-text {
    position: relative;
}

#nuocmatnhantao {
    display: none;
}

.vrohto-mineral #nuocmatnhantao {
    display: block;
    position: absolute;
    right: 70px;
    top: -79px;
}

@media only screen and (max-width:1199.98px) {
    .vrohto-mineral .product-single-top {
        margin-bottom: 220px;
    }

    .vrohto-mineral .product-single-title span {
        font-size: 60px;
    }
}


@media only screen and (max-width: 991.98px) {
    .vrohto-mineral #nuocmatnhantao {
        width: 83px;
        top: -75px;
    }
}



@media only screen and (max-width: 767.98px) {
    .vrohto-mineral .product-single-top {
        margin-bottom: 150px;
    }

    .vrohto-mineral .section-product-single-doituong .section-bg {
        background-image: url(../images/product/mineral/bg-mineral-doituong-mb.png);
        background-color: #6DD5FF;
        background-size: 100%;
    }


}



.vrohto-vitamin .product-single-subtitle {
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    color: #F47820;
    line-height: 1.2;
    margin-bottom: 25px
}



@media only screen and (max-width:991px) {
    .vrohto-vitamin .product-single-subtitle {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .product-single-subtitle {
        font-size: 20px
    }
}

.vrohto-mineral .product-single-description {

    color: #000;
    font-family: SFU Futura;
    font-size: 17.599px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    font-size: 18px;
}


.vrohto-vitamin .product-single-description {
    font-size: 20px;
    font-style: normal;
    font-weight: 400
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .product-single-description {
        font-size: 17px
    }
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .product-single-description {
        font-size: 16px
    }
}

.vrohto-vitamin .product-single-feeling {
    display: none
}

.vrohto-vitamin .product-single-top {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.vrohto-mineral .product-single-item .center {
    width: 48%;
    text-align: center
}

.vrohto-vitamin .product-single-item .center {
    width: 38%;
    text-align: center
}

@media only screen and (max-width:767px) {



    .vrohto-vitamin .product-single-item .center {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 33%
    }
}

.vrohto-vitamin .product-single-item .center img {
    position: absolute;
    width: 267px;
    top: -852px;
    left: -25px;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .product-single-item .center img {
        position: absolute;
        left: -77px;
        right: -75px;
        width: auto;
        max-width: 188px;
        top: -125px;
        opacity: 1
    }
}

@media only screen and (min-width:768px) {
    .vrohto-vitamin .product-single-item .center img.active {
        width: 100%;
        top: -295px;
        left: 50px;
        margin: auto;
        opacity: 1;
        position: absolute;
        max-width: 400px
    }
}

@media only screen and (max-width:767px) {

    .vrohto-vitamin .product-single-item .left,
    .vrohto-vitamin .product-single-item .right {
        width: 33%
    }
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .product-single-item .box {
        margin: 0px
    }
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .product-single-item .box img {
        max-width: 75px !important
    }
}

.vrohto-vitamin .product-single-item .box p {
    font-size: 18px;
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .product-single-item .box p {
        font-size: 12px;
        margin: 0 0 10px !important;
        opacity: 1
    }
}

.vrohto-mineral .product-single-item .box-info1 {
    position: absolute;
    top: -24px;
    left: -76px;
}

.vrohto-mineral .product-single-item .box-info3 {
    position: absolute;
    bottom: 227px;
    left: -163px;
}

.vrohto-mineral .product-single-item .box-info2 {
    position: absolute;
    top: 28px;
    right: 50px;
}

.vrohto-mineral .product-single-item .box-info4 {
    position: absolute;
    bottom: 105px;
    right: 13px;
}

.vrohto-vitamin .product-single-item .box1 {
    margin-right: -95px;
    margin-bottom: 260px;
    margin-top: 10px;
    margin-left: 65px
}


@media only screen and (max-width:991.7px) {
    .product-single-item-wrap {
        width: 500px;
    }

    .vrohto-mineral .product-single-item .box-info1 img,
    .vrohto-mineral .product-single-item .box-info2 img,
    .vrohto-mineral .product-single-item .box-info3 img,
    .vrohto-mineral .product-single-item .box-info4 img {
        width: 85%;
    }

    .vrohto-mineral .product-single-item .box-info1 {
        position: absolute;
        top: -24px;
        left: -76px;
    }

    .vrohto-mineral .product-single-item .box-info3 {
        position: absolute;
        bottom: 183px;
        left: -126px;
    }

    .vrohto-mineral .product-single-item .box-info4 {
        position: absolute;
        bottom: 86px;
        right: -30px;
    }

}

@media only screen and (max-width:767px) {
    .product-single-item-wrap {
        width: 400px;
    }

    .vrohto-mineral .product-single-item .box-info1 {
        top: -47px;
        left: -79px;
    }

    .vrohto-mineral .product-single-item .box-info1 img {
        width: 150px;
    }

    .vrohto-mineral .product-single-item .box-info3 {
        bottom: 141px;
        left: -85px;
    }

    .vrohto-mineral .product-single-item .box-info3 img {
        width: 100px;
    }

    .vrohto-mineral .product-single-item .box-info2 {
        top: 17px;
        right: 25px;
    }

    .vrohto-mineral .product-single-item .box-info2 img {
        width: 80%;
    }

    .vrohto-mineral .product-single-item .box-info4 {
        bottom: 76px;
        right: -60px
    }

    .vrohto-mineral .product-single-item .box-info4 img {
        width: 60%;
    }

}

@media only screen and (max-width:576px) {
    .product-single-item-wrap {
        width: 250px;
    }



}


@media only screen and (max-width:1199px) {
    .vrohto-vitamin .product-single-item .box.box1 {
        margin-right: -10px
    }
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .product-single-item .box.box1 {
        margin-right: -15px;
        margin-bottom: 100px !important;
        margin-top: 70px
    }
}

.vrohto-vitamin .product-single-item .box.box1 img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (max-width:1199px) {
    .vrohto-vitamin .product-single-item .box.box1 img {
        max-width: 38%
    }
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .product-single-item .box.box1 img {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.vrohto-vitamin .product-single-item .box.box1 p {
    text-align: right;
    margin-left: 0;
    margin-right: 20px
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .product-single-item .box.box1 p {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: center;
        margin-right: 0;
        margin-left: 20px
    }
}

.vrohto-vitamin .product-single-item .box.box2 {
    margin-bottom: 280px;
    margin-left: -70px;
    margin-right: 60px
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .product-single-item .box.box2 {
        margin-bottom: 60px;
        margin-bottom: 100px !important
    }
}

@media only screen and (max-width:1199px) {
    .vrohto-vitamin .product-single-item .box.box2 img {
        max-width: 55%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.vrohto-vitamin .product-single-item .box.box2 p {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.vrohto-vitamin .product-single-item .box.box3 {
    margin-bottom: -30px;
    margin-left: 40px;
    margin-right: -70px
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .product-single-item .box.box3 {
        margin-bottom: -10px;
        margin-left: -30px
    }
}

.vrohto-vitamin .product-single-item .box.box3 img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (max-width:1199px) {
    .vrohto-vitamin .product-single-item .box.box3 img {
        max-width: 38%
    }
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .product-single-item .box.box3 img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.vrohto-vitamin .product-single-item .box.box3 p {
    text-align: right;
    margin-left: 0;
    margin-right: 20px
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .product-single-item .box.box3 p {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center
    }
}

.vrohto-vitamin .product-single-item .box.box4 {
    margin-bottom: 0;
    margin-left: -70px;
    margin-right: 20px
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .product-single-item .box.box4 {
        margin-bottom: -10px;
        margin-left: -30px
    }
}

.vrohto-vitamin .product-single-item .box:hover p {
    opacity: 1
}

.vrohto-mineral .section-product-single .section-title {
    color: #FFF
}

.vrohto-mineral .section-product-single.section-product-single-video .section-title {
    color: #006BB1
}

.vrohto-mineral .section-product-single.section-product-single-video {
    background: #d4f0fb;
}

.vrohto-mineral .section-product-single.section-product-single-video>.box-image {
    background-color: #FFF;
}

.vrohto-mineral .product-single-attr {
    box-shadow: 0px 2px 25px 25px rgba(0, 0, 0, 0.1);
}


.vrohto-cool .section-product-single.section-product-single-video {
    /* background-image: url('../images/product/cool/bg-video-cool.png'); */

}


.vrohto-vitamin .section-product-single .section-title {
    color: #F47820
}

.vrohto-vitamin .section-product-single-top {
    padding-top: 70px;
    padding-bottom: 0;
    min-height: calc(100vh - 90px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .section-product-single-top {
        padding-top: 110px;
        padding-bottom: 40px;
        min-height: 0
    }
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-top {
        padding-top: 50px
    }
}

.vrohto-vitamin .section-product-single-top .box-image {
    width: 48%;
    margin-right: 100px;
    max-width: 100%
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .section-product-single-top .box-image {
        margin-right: 30px
    }
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-top .box-image {
        width: 100%;
        max-width: 250px;
        margin: inherit;
        margin-top: 35px
    }
}

.vrohto-vitamin .section-product-single-top .box-text {
    margin-bottom: 120px
}

@media only screen and (max-width:1199px) {
    .vrohto-vitamin .section-product-single-top .box-text {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .section-product-single-top .box-text {
        margin-bottom: 65px
    }
}

@media only screen and (max-width:767px) {

    .vrohto-cool .section-product-single-top .box-text,
    .vrohto-vitamin .section-product-single-top .box-text {
        margin-bottom: 20px;
        text-align: left
    }
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-top .box-text .buy-group {
        text-align: center;
        width: 100%;
        display: block
    }
}

.vrohto-mineral .section-product-single-top .box-text .btn {
    border-radius: 6.065px;
    background: #1FB4F2;
    color: #FFF;
    border: 1px solid #1FB4F2;
    text-align: center;
    font-family: SVN-Gotham;
    font-size: 25.009px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1.751px;
    padding: 15px 20px;
    min-width: 257px;
    box-shadow: 1px 3px 11px #3333332b;
}



.vrohto-vitamin .section-product-single-top .box-text .btn {
    background: #F47820;
    border: 1px solid #F47820;
    color: #fff;
    padding: 14px 30px 18px;
    -webkit-box-shadow: 4px 6px 7px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 4px 6px 7px 0px rgba(0, 0, 0, 0.27);
    border-radius: 10px;
    font-size: 28px;
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .section-product-single-top .box-text .btn {
        min-width: 225px
    }
}

.vrohto-vitamin .section-product-single-top .box-text .btn:hover {
    background-color: #F49756;
    border: 1px solid #F49756
}

.vrohto-vitamin .section-product-single-top .box-text .buy-group .btn-buy {
    background-color: #F49756;
    border: 1px solid #F49756
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-top .section-bg {
        background-position: right center
    }
}

.vrohto-vitamin .section-product-single-item {
    padding-top: 90px;
    margin-top: -40px
}

.vrohto-mineral .product-single-item {
    margin-top: -120px
}



@media only screen and (max-width:991px) {
    .vrohto-vitamin .section-product-single-item {
        padding-top: 70px;
        margin-top: -40px
    }
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-item {
        padding-top: 0;
        margin-top: 0
    }

    .vrohto-mineral .product-single-item {
        margin-top: -30px
    }

}

.vrohto-mineral .section-product-single-item .section-bg {
    background-image: url(../images/product/mineral/bg-mineral-prod.png);
    background-color: #fff
}

.vrohto-vitamin .section-product-single-item .section-bg {
    background-image: url(../images/product/vrohto-vitamin-featured-bg.png);
    background-color: #fff
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .section-product-single-item .section-bg {
        background-position: bottom center
    }
}

.vrohto-vitamin .section-product-single-doituong {
    padding-top: 110px;
    padding-bottom: 150px
}

.vrohto-mineral .section-product-single-doituong {
    padding-top: 320px;
    padding-bottom: 80px
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-doituong {
        padding-top: 20px;
        padding-bottom: 0
    }


}

.vrohto-vitamin .section-product-single-dactri {
    padding-bottom: 0;
    padding-top: 40px
}

.vrohto-vitamin .section-product-single-dactri .box-image-dactri {
    position: relative;
    overflow: hidden
}

.vrohto-vitamin .section-product-single-dactri .box-image-dactri .char {
    position: absolute
}

@media only screen and (max-width:1199px) {
    .vrohto-vitamin .section-product-single-dactri .box-image-dactri .char {
        width: 290px
    }
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .section-product-single-dactri .box-image-dactri .char {
        width: 220px
    }
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-dactri .box-image-dactri .char {
        width: 140px
    }
}

.vrohto-vitamin .section-product-single-dactri .box-image-dactri .char1 {
    top: -5%;
    left: 6%
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-dactri .box-image-dactri .char1 {
        top: -8%;
        left: 4%
    }
}

.vrohto-vitamin .section-product-single-dactri .box-image-dactri .char2 {
    top: -2%;
    right: 6%
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-dactri .box-image-dactri .char2 {
        right: 2%;
        width: 120px
    }
}

.vrohto-vitamin .section-product-single-dactri .box-image-dactri .char3 {
    bottom: 8%;
    left: -2%
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-dactri .box-image-dactri .char3 {
        width: 120px
    }
}

.vrohto-vitamin .section-product-single-dactri .box-image-dactri .char4 {
    bottom: 12%;
    right: -5%
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-dactri .box-image-dactri .char4 {
        bottom: 5%
    }
}

.vrohto-mineral .section-product-single-dactri .section-bg {
    background-image: url(../images/product/mineral/bg-section-thongtin.png);
    background-size: cover;
}

.vrohto-vitamin .section-product-single-dactri .section-bg {
    background-image: url(../images/product/vrohto-vitamin-dactri-bg.png);
    background-size: contain;
    background-color: #E9E4DC
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-dactri .section-bg {
        background-image: url(../images/product/vrohto-vitamin-dactri-bg-mb.png);
        background-color: initial
    }
}

.vrohto-vitamin .section-product-single-dactri .section-bg:before {
    position: absolute;
    content: "";
    background-image: url(../images/product/vrohto-vitamin-dactri-bg-top.png);
    background-size: contain;
    width: 100%;
    height: 300px;
    top: -150px
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-dactri .section-bg:before {
        top: -75px;
        background-repeat: no-repeat;
        content: none
    }
}

.vrohto-vitamin .doituong-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1050px;
    margin: auto
}

@media only screen and (max-width:767px) {

    .vrohto-mineral .doituong-list,
    .vrohto-vitamin .doituong-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.vrohto-mineral .doituong-list-item {
    background: #E8F7FD
}

.vrohto-vitamin .doituong-list-item {
    background: #FFF3E5
}

@media only screen and (max-width:991px) {

    .vrohto-mineral .doituong-list-item,
    .vrohto-vitamin .doituong-list-item {
        border-radius: 15px;
        padding-bottom: 35px;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: calc(50% - 10px);
        margin: initial;
        margin-bottom: 20px
    }




}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .doituong-list-item .box-image {
        border-radius: 15px
    }
}


.vrohto-mineral .doituong-list-item .box-text {
    background: #E8F7FD
}


.vrohto-vitamin .doituong-list-item .box-text {
    background: #FFF3E5
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .doituong-list-item .box-text {
        border-radius: 15px;
        margin: -35px 10px 0px;
        padding: 0
    }
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .doituong-list-item .box-text .icon {
        height: 48px
    }
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .doituong-list-item .box-text h4 {
        font-size: 15px
    }
}

.vrohto-mineral .doituong-list-item .circle {
    border: 3px solid #1BAEEB;
    background-color: #E8F7FD
}

.vrohto-vitamin .doituong-list-item .circle {
    border: 3px solid #F47920;
    background-color: #FEE7CE
}

.doituong-kiemtra {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.box-doituong-kiemtra {
    width: 629px;
    height: 176px;
    filter: drop-shadow(0px 4px 4px #2172CF);
    color: #2A5096;
    border-radius: 23.645px;
    text-align: center;
    background-image: url(../images/product/mineral/bg-box-doituong.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;

}

.box-doituong-kiemtra h4 {
    font-family: SFU Futura;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
}




.box-doituong-kiemtra p {
    font-size: 16px;
}

.box-doituong-kiemtra a {
    color: #2A5096;
    font-family: SVN-Gotham;
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
}

.vrohto-mineral .box-image-dactri {
    display: block;
    margin: 0 auto;
    width: 626px;
    position: relative;
    margin-bottom: -269px;
}

.dactri1,
.dactri2,
.dactri3 {
    position: absolute;

}

.dactri1 {
    top: -41px;
    left: 59px;
}

.dactri2 {
    right: -166px;
    top: 105px;
}

.dactri3 {
    top: 164px;
    left: -127px;
}

@media only screen and (max-width:991px) {
    .vrohto-vitamin .doituong-list-item .circle {
        width: 12px;
        border: 2px solid #F47920;
        height: 12px;
        bottom: 15px
    }

    .vrohto-mineral .box-image-dactri {
        width: 421px;
        margin-bottom: -175px;
    }

    .dactri1 img,
    .dactri2 img,
    .dactri3 img {
        width: 88%;
    }

    .dactri1 {
        top: -42px;
        left: 11px
    }

    .dactri2 {
        right: -140px;
        top: 23px;
    }

    .dactri3 {
        top: 72px;
        left: -90px;
    }

    .box-doituong-kiemtra {
        width: 518px;
        height: 176px;

    }

}

@media only screen and (max-width: 767.7px) {

    .vrohto-mineral .box-image-dactri {
        width: 320px;
        margin-bottom: -98px;
    }

    .dactri1 img,
    .dactri2 img,
    .dactri3 img {
        width: 70%;
    }

    .dactri1 {
        top: -42px;
        left: 11px
    }

    .dactri2 {
        right: -140px;
        top: 23px;
    }

    .dactri3 {
        top: 72px;
        left: -90px;
    }

    .box-doituong-kiemtra {
        width: 466px;
        height: 176px;

    }

    .box-doituong-kiemtra h4 {
        font-size: 20px;
    }

}

@media only screen and (max-width: 575.7px) {

    .dactri1 img,
    .dactri2 img,
    .dactri3 img {
        width: 50%;
    }

    .dactri1 {
        top: -42px;
        left: 11px
    }

    .dactri2 {
        right: -140px;
        top: 23px;
    }

    .dactri3 {
        top: 72px;
        left: -55px;
    }

    .box-doituong-kiemtra {
        width: 100%;
        height: auto;
    }
}

.vrohto-vitamin .doituong-list-item .overlay {
    background: rgba(244, 121, 32, 0.3)
}

@media only screen and (max-width:767px) {

    .vrohto-mineral .doituong-list-item:nth-child(2),
    .vrohto-vitamin .doituong-list-item:nth-child(2) {
        margin-top: 130px
    }
}


.vrohto-mineral #doituong-side {
    position: absolute;
    right: 0;
    height: 355px;
    width: auto;
    top: 111px;
}

@media only screen and (max-width: 575.7px) {
    .vrohto-mineral #doituong-side {

        height: 312px;

        top: 14px;
    }
}



@media only screen and (max-width:767px) {

    .vrohto-mineral .doituong-list-item:nth-child(3),
    .vrohto-vitamin .doituong-list-item:nth-child(3) {
        margin-top: -130px
    }
}

.vrohto-vitamin .section-product-single-video .section-title {
    color: #F47820
}

.vrohto-vitamin .section-product-single-video .box-image {
    background: #fff;
    padding-top: 20px
}

.vrohto-vitamin .section-product-single-video .section-bg {
    background-color: #E9E4DC
}

@media only screen and (max-width:767px) {
    .vrohto-vitamin .section-product-single-video .section-bg {
        background-color: inherit
    }
}

.vrohto-vitamin .section-connect .section-title {
    color: #000
}

.vrohto-vitamin .section-connect .section-title:after,
.vrohto-vitamin .section-connect .section-title:before {
    content: none
}

.vrohto-vitamin .section-connect .connect-list .connect-box img {
    border-radius: 0
}

.vrohto-vitamin .section-connect .connect-list .connect-box span {
    color: #000;
    font-family: "SVN-Gotham", sans-serif;
    font-weight: 700;

}

.dryeye {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-16.21%, #0272B4), to(rgba(48, 178, 231, 0)));
    background: linear-gradient(180deg, #0272B4 -16.21%, rgba(48, 178, 231, 0) 100%)
}

.dryeye .section-title {
    padding-top: 30px;
    padding-bottom: 0;
    margin: 0
}

@media only screen and (max-width:767px) {
    .dryeye .section-title {
        padding-top: 40px
    }
}

.dryeye .section-title .box-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 100px;
    padding-right: 60px;
    position: relative
}

@media only screen and (max-width:991px) {
    .dryeye .section-title .box-title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-title .box-title {
        padding-left: 34px;
        padding-right: 15px
    }
}

.dryeye .section-title .box-title .box-image {
    max-width: 285px
}

@media only screen and (max-width:1199px) {
    .dryeye .section-title .box-title .box-image {
        max-width: 220px
    }
}

@media only screen and (max-width:991px) {
    .dryeye .section-title .box-title .box-image {
        max-width: 160px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-title .box-title .box-image {
        max-width: 90px
    }
}

.dryeye .section-title .box-title .box-text {
    margin-top: 60px
}

@media only screen and (max-width:991px) {
    .dryeye .section-title .box-title .box-text {
        margin-top: 40px
    }
}

@media only screen and (max-width:991px) {
    .dryeye .section-title .box-title .box-text {
        margin-left: 15px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-title .box-title .box-text {
        margin-top: 20px;
        margin-left: 15px
    }
}

.dryeye .section-title .box-title .box-text h2 {
    color: #013D85;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: "SVN-Gotham";
    font-size: 46px;
    margin-bottom: 0
}

@media only screen and (max-width:1199px) {
    .dryeye .section-title .box-title .box-text h2 {
        font-size: 28px
    }
}

@media only screen and (max-width:991px) {
    .dryeye .section-title .box-title .box-text h2 {
        font-size: 20px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-title .box-title .box-text h2 {
        font-size: 14px;
        margin-bottom: 5px
    }
}

.dryeye .section-title .box-title .box-text h1 {
    text-transform: uppercase;
    color: #FFF;
    font-weight: 900;
    font-size: 56px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: "SVN-Gotham"
}

@media only screen and (max-width:1199px) {
    .dryeye .section-title .box-title .box-text h1 {
        font-size: 42px
    }
}

@media only screen and (max-width:991px) {
    .dryeye .section-title .box-title .box-text h1 {
        font-size: 28px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-title .box-title .box-text h1 {
        font-size: 16px
    }
}

.dryeye .section-title .box-title .logo-ct {
    position: absolute;
    width: 220px;
    right: 60px;
    top: 0
}

@media only screen and (max-width:991px) {
    .dryeye .section-title .box-title .logo-ct {
        width: 160px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-title .box-title .logo-ct {
        width: 130px;
        right: 20px;
        top: -25px
    }
}

.dryeye .section-test {
    padding: 0
}

.dryeye .section-test .test-header {
    -webkit-box-shadow: 9px 14px 34px rgba(0, 0, 0, 0.25);
    box-shadow: 9px 14px 34px rgba(0, 0, 0, 0.25);
    border-radius: 137.5px;
    background: #fff;
    padding: 15px;
    z-index: 9;
    position: relative
}

@media only screen and (max-width:992px) {
    .dryeye .section-test .test-header {
        padding: 10px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-test .test-header {
        padding: 5px;
        margin-left: -5px;
        margin-right: -5px
    }
}

.dryeye .section-test .test-header .inner {
    border-radius: 137.5px;
    border: 4px solid #2EB6E9;
    padding: 30px 40px 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:1199px) {
    .dryeye .section-test .test-header .inner {
        padding: 20px 40px 20px;
        border: 3px solid #2EB6E9
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-test .test-header .inner {
        border: 2px solid #2EB6E9;
        padding: 10px 20px 10px
    }
}

.dryeye .section-test .test-header .inner .box-icon {
    width: 150px
}

@media only screen and (max-width:1199px) {
    .dryeye .section-test .test-header .inner .box-icon {
        width: 120px
    }
}

@media only screen and (max-width:991px) {
    .dryeye .section-test .test-header .inner .box-icon {
        width: 90px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-test .test-header .inner .box-icon {
        width: 40px
    }
}

.dryeye .section-test .test-header .inner .box-text {
    color: #0079C1;
    font-size: 36px;
    font-weight: 700;
    margin-left: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.25;
    font-family: "SVN-Gotham"
}

@media only screen and (max-width:1199px) {
    .dryeye .section-test .test-header .inner .box-text {
        font-size: 28px
    }
}

@media only screen and (max-width:991px) {
    .dryeye .section-test .test-header .inner .box-text {
        font-size: 20px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-test .test-header .inner .box-text {
        font-size: 13px;
        margin-left: 10px
    }
}

.dryeye .section-test .test-container {
    background: #fff;
    min-height: 600px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -70px;
    padding: 150px 45px 80px;
    -webkit-box-shadow: 9px 14px 34px rgba(0, 0, 0, 0.25);
    box-shadow: 9px 14px 34px rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-bottom: 30px
}

@media only screen and (max-width:1199px) {
    .dryeye .section-test .test-container {
        padding: 120px 35px 50px
    }
}

@media only screen and (max-width:991px) {
    .dryeye .section-test .test-container {
        padding: 110px 25px 40px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-test .test-container {
        padding: 60px 5px 20px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: -30px
    }
}

.dryeye .section-test .page {
    display: none;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.dryeye .section-test .page.active {
    display: block
}

.dryeye .section-test .page-pagi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.dryeye .section-test .page-pagi .item {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 1px solid #0079C1;
    margin: 0 3px
}

.dryeye .section-test .page-pagi .item.active {
    background: #0079C1
}

.dryeye .section-test .action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px
}

@media only screen and (max-width:991px) {
    .dryeye .section-test .action {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.dryeye .section-test .action-col {
    width: 33.3333333333%;
    text-align: center
}

@media only screen and (max-width:991px) {
    .dryeye .section-test .action-col {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (max-width:991px) {
    .dryeye .section-test .action-col.left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.dryeye .section-test .action a {
    text-transform: uppercase;
    height: 45px;
    line-height: 45px;
    padding: 0 40px;
    border-radius: 10px;
    display: inline-block;
    color: #0079C1;
    font-family: "Manrope";
    font-weight: bold
}

@media only screen and (max-width:991px) {
    .dryeye .section-test .action a {
        padding: 0 35px;
        font-size: 15px;
        margin-bottom: 10px;
        width: 100%
    }
}

.dryeye .section-test .action a.next {
    background: #0079C1;
    color: #fff
}

.dryeye .section-test .action a.next.is-outline {
    color: #0079C1;
    background: #fff;
    border: 1px solid #0079C1
}

.dryeye .section-test .action a.prev:before {
    content: "\f060";
    font-family: "Font Awesome 5 Pro";
    color: #0079C1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    font-weight: 400;
    margin-right: 10px
}

.dryeye .section-test .question {
    margin-bottom: 60px
}

@media only screen and (max-width:991px) {
    .dryeye .section-test .question {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-test .question {
        margin-bottom: 25px
    }
}

.dryeye .section-test .question:last-child {
    margin-bottom: 0
}

.dryeye .section-test .question .title {
    font-size: 34px;
    margin-bottom: 30px;
    text-align: center;
    font-family: "SVN-Gotham"
}

@media only screen and (max-width:1199px) {
    .dryeye .section-test .question .title {
        font-size: 30px
    }
}

@media only screen and (max-width:991px) {
    .dryeye .section-test .question .title {
        font-size: 24px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-test .question .title {
        font-size: 18px;
        margin-bottom: 10px;
        text-align: left;
        margin-left: 10px
    }
}

.dryeye .section-test .question .checklist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:767px) {
    .dryeye .section-test .question .checklist {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.dryeye .section-test .question .checklist .radio {
    border-radius: 70px;
    border: 3px solid #0079C1;
    padding: 0 10px;
    display: block;
    height: 75px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: calc(20% - 8px);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1199px) {
    .dryeye .section-test .question .checklist .radio {
        height: 70px;
        width: calc(20% - 5px)
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-test .question .checklist .radio {
        width: calc(50% - 10px);
        margin: 5px;
        height: 45px;
        border: 2px solid #0079C1
    }
}

.dryeye .section-test .question .checklist .radio h5 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0;
    font-family: "SVN-Gotham"
}

@media only screen and (max-width:1199px) {
    .dryeye .section-test .question .checklist .radio h5 {
        font-size: 15px
    }
}

@media only screen and (max-width:991px) {
    .dryeye .section-test .question .checklist .radio h5 {
        font-size: 13px
    }
}

.dryeye .section-test .question .checklist .radio small {
    font-size: 17px
}

@media only screen and (max-width:1199px) {
    .dryeye .section-test .question .checklist .radio small {
        font-size: 15px
    }
}

@media only screen and (max-width:991px) {
    .dryeye .section-test .question .checklist .radio small {
        font-size: 13px
    }
}

.dryeye .section-test .question .checklist .radio input {
    display: none
}

.dryeye .section-test .question .checklist .radio.checked,
.dryeye .section-test .question .checklist .radio:hover {
    background: #0079C1;
    color: #fff
}

.dryeye .section-result .color1 {
    color: #2EB6E9
}

.dryeye .section-result .color2 {
    color: #0066B3
}

.dryeye .section-result .color3 {
    color: #E29B10
}

.dryeye .section-result .color4 {
    color: #551B6B
}

.dryeye .section-result .test-header {
    margin-top: 70px
}

@media only screen and (max-width:991px) {
    .dryeye .section-result .test-header {
        margin-top: 40px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .test-header {
        margin-top: 20px
    }
}

.dryeye .section-result .test-header .box-text {
    text-transform: uppercase
}

.dryeye .section-result .test-result h2 {
    text-align: center;
    color: #0079C1;
    font-size: 52px;
    margin-bottom: 30px
}

@media only screen and (max-width:991px) {
    .dryeye .section-result .test-result h2 {
        font-size: 42px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .test-result h2 {
        font-size: 32px
    }
}

.dryeye .section-result .test-result .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .test-result .detail {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.dryeye .section-result .test-result .detail .item {
    width: 40%;
    font-size: 28px
}

@media only screen and (max-width:991px) {
    .dryeye .section-result .test-result .detail .item {
        font-size: 20px;
        width: 47%
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .test-result .detail .item {
        font-size: 20px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 5px;
        text-align: left
    }
}

.dryeye .section-result .test-result .detail .item span {
    font-weight: bold
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .test-result .detail .item span {
        width: 40%;
        text-align: right;
        margin-right: 10px
    }
}

.dryeye .section-result .test-result .detail .item-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.dryeye .section-result .test-result .detail .item-2 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .test-result .detail .item-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.dryeye .section-result .test-result .detail .item-3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .test-result .detail .item-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.dryeye .section-result .test-result .detail .item-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.dryeye .section-result .test-result-info {
    border-radius: 40px;
    border: 3px solid #0079C1;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .test-result-info {
        padding: 20px 15px;
        border-radius: 20px;
        border: 2px solid #0079C1
    }
}

.dryeye .section-result .test-result-info .left {
    width: 62%;
    margin-right: 40px
}

@media only screen and (max-width:991px) {
    .dryeye .section-result .test-result-info .left {
        width: 100%;
        margin-right: 0
    }
}

.dryeye .section-result .test-result-info .left h3 {
    color: #0079C1;
    font-family: "SVN-Gotham";
    font-size: 48px;
    font-weight: bold
}

@media only screen and (max-width:1199px) {
    .dryeye .section-result .test-result-info .left h3 {
        font-size: 38px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .test-result-info .left h3 {
        font-size: 30px
    }
}

.dryeye .section-result .test-result-info .left h3 img {
    width: 54px;
    margin-left: 10px;
    margin-top: -15px
}

@media only screen and (max-width:991px) {
    .dryeye .section-result .test-result-info .left h3 img {
        width: 44px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .test-result-info .left h3 img {
        width: 34px;
        margin-top: -10px
    }
}

.dryeye .section-result .test-result-info .left span {
    font-weight: bold
}

.dryeye .section-result .test-result-info .left .lead {
    font-family: "SVN-Gotham";
    margin-bottom: 30px
}

.dryeye .section-result .test-result-info .left .lead span {
    text-transform: uppercase
}

.dryeye .section-result .test-result-info .left .description {
    text-align: justify;
    font-size: 17px;
    font-weight: normal;
    font-family: "Montserrat"
}

.dryeye .section-result .test-result-info .left .description ul {
    list-style: disc;
    margin-left: 17px
}

.dryeye .section-result .test-result-info .left .description ul li {
    margin-bottom: 10px
}

.dryeye .section-result .test-result-info .product {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    cursor: pointer
}

.dryeye .section-result .test-result-info .product img {
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.dryeye .section-result .test-result-info .product:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.dryeye .section-result .test-result-info .product h5 {
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    font-family: "SVN-Gotham"
}

.dryeye .section-result .test-result-info .action {
    width: 100%
}

.dryeye .section-result .test-result-info .action-col {
    width: 33% !important
}

@media only screen and (max-width:991px) {
    .dryeye .section-result .test-result-info .action-col {
        width: 100% !important
    }
}

.dryeye .section-result .progress-bar {
    background: transparent;
    overflow: inherit;
    max-width: 700px;
    margin: 60px auto
}

.dryeye .section-result .progress-bar .bar {
    border-radius: 20px;
    height: 40px;
    background: #D9D9D9;
    width: 100%;
    position: relative
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .progress-bar .bar {
        height: 30px
    }
}

.dryeye .section-result .progress-bar .bar .result {
    position: absolute;
    background: #C0AF78;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 20px
}

.dryeye .section-result .progress-bar .bar .box {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #C0AF78;
    -webkit-transform: translate(-50%, -33.3333333333%);
    transform: translate(-50%, -33.3333333333%);
    padding: 10px;
    position: absolute
}

@media only screen and (max-width:991px) {
    .dryeye .section-result .progress-bar .bar .box {
        width: 100px;
        height: 100px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .progress-bar .bar .box {
        width: 80px;
        height: 80px
    }
}

.dryeye .section-result .progress-bar .bar .box .inner {
    border-radius: 50%;
    border: 1px solid #fff;
    width: 100%;
    height: 100%;
    line-height: 80px;
    font-size: 52px;
    font-weight: bold;
    font-family: "SVN-Gotham"
}

@media only screen and (max-width:991px) {
    .dryeye .section-result .progress-bar .bar .box .inner {
        line-height: 66px;
        font-size: 46px
    }
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .progress-bar .bar .box .inner {
        line-height: 48px;
        font-size: 32px
    }
}

.dryeye .section-result.r2 .progress-bar .box,
.dryeye .section-result.r2 .progress-bar .result {
    background: #0066B3
}

.dryeye .section-result.r2 .test-result-info span {
    color: #0066B3
}

.dryeye .section-result.r1 .progress-bar .box,
.dryeye .section-result.r1 .progress-bar .result {
    background: #2EB6E9
}

.dryeye .section-result.r1 .test-result-info span {
    color: #2EB6E9
}

.dryeye .section-result.r3 .progress-bar .box,
.dryeye .section-result.r3 .progress-bar .result {
    background: #E29B10
}

.dryeye .section-result.r3 .test-result-info span {
    color: #E29B10
}

.dryeye .section-result.r4 .progress-bar .box {
    background: #7A47BC
}

.dryeye .section-result.r4 .progress-bar .result {
    background: #551B6B
}

.dryeye .section-result.r4 .test-result-info span {
    color: #551B6B
}

.dryeye .section-result .test-container {
    padding-top: 120px;
    padding-bottom: 45px
}

@media only screen and (max-width:767px) {
    .dryeye .section-result .test-container {
        padding: 70px 15px 20px
    }
}

.section-connect {
    padding-bottom: 160px;
    margin-bottom: -35px
}

@media only screen and (max-width:991px) {
    .section-connect {
        padding-bottom: 90px;
        margin-bottom: -25px
    }
}

@media only screen and (max-width:767px) {
    .section-connect {
        padding-top: 60px
    }
}

.section-connect .section-title {
    text-align: center;
    margin-bottom: 60px;
    color: #000;
    font-family: "SVN-Gotham", sans-serif;
    font-weight: 800;
}

.section-connect .section-title:after,
.section-connect .section-title:before {
    content: none
}

.section-connect .section-bg {
    background-size: contain;
    background-position: bottom;
    background-repeat: repeat
}

@media only screen and (min-width:1400px) {
    .section-connect .container {
        max-width: 1280px
    }
}

.section-connect .connect-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .section-connect .connect-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 20px
    }
}

.section-connect .connect-list .connect-box {
    width: calc(25% - 30px)
}

@media only screen and (max-width:767px) {
    .section-connect .connect-list .connect-box {
        width: calc(50% - 15px)
    }
}

.section-connect .connect-list .connect-box:nth-child(2n) {
    margin-top: 60px
}

@media only screen and (max-width:767px) {
    .section-connect .connect-list .connect-box:nth-child(2n) {
        margin-top: 30px
    }
}

.section-connect .connect-list .connect-box img {
    border-radius: 0;
    -webkit-box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden
}

.section-connect .connect-list .connect-box img.active {
    opacity: 1;
    visibility: visible
}

.section-connect .connect-list .connect-box span {
    display: block;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    margin-top: 20px;
    color: #000;
    letter-spacing: -1px;
    line-height: 1.2
}

@media only screen and (max-width:991px) {
    .section-connect .connect-list .connect-box span {
        font-size: 18px
    }
}

@media only screen and (max-width:767px) {
    .section-connect .connect-list .connect-box span {
        font-size: 16px
    }
}

.section-connect .connect-list .connect-box:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.accordion-item {
    border: 0
}

.accordion-button {
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 30px;
    color: #323232;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    padding: 27px 0
}

@media only screen and (max-width:1199px) {
    .accordion-button {
        font-size: 26px
    }
}

@media only screen and (max-width:991px) {
    .accordion-button {
        font-size: 22px;
        padding: 24px 0
    }
}

@media only screen and (max-width:767px) {
    .accordion-button {
        font-size: 15px;
        padding: 20px 0
    }
}

.accordion-button:after {
    background: transparent;
    font-family: "Font Awesome 5 Pro";
    content: "\f067";
    font-weight: 300;
    width: auto;
    height: auto;
    font-size: 19px;
    color: #00A651
}

.accordion-button:not(.collapsed) {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #00A651
}

.accordion-button:not(.collapsed):after {
    content: "\f068";
    background: transparent
}

.accordion-button:focus {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: none;
    box-shadow: none
}

.accordion-button:hover {
    color: #00A651
}

.accordion-body {
    padding: 1rem 2rem;
    font-size: 21px;
    color: #3D3D3D
}

@media only screen and (max-width:991px) {
    .accordion-body {
        font-size: 17px
    }
}

@media only screen and (max-width:767px) {
    .accordion-body {
        font-size: 14px;
        padding: 1rem;
        text-align: justify
    }
}


.toc {
    list-style: none;
    padding: 0;
}

.toc li {
    display: flex;
}

.toc li .tit {
    order: 1;
}

.toc li .val {
    order: 3;
}

.toc li::after {
    background-image: radial-gradient(circle, currentcolor 1px, transparent 1.5px);
    background-position: bottom;
    background-size: 1ex 4.5px;
    background-repeat: space no-repeat;
    content: "";
    flex-grow: 1;
    height: 1em;
    order: 2;
}

.find-product {
    position: relative;
}

.find-product .uppercase {
    text-transform: uppercase !important;
}

.find-product .checkbox__customize__lv2 h5 {
    color: #00a651 !important;
    font-weight: 800 !important;
}

.find-product .section {
    padding: 0;
}

.find-product .section__start {
    width: 100%;
    height: auto;
}

.find-product .section__start .img__block {
    width: 100%;
    height: auto;
    line-height: 0;
}

.find-product .section__start .img__blur,
.find-product .section__start .img__start {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
}

.find-product .section__start .img__start {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: bgFadeIn 1s ease-in-out forwards 1.5s;
    animation: bgFadeIn 1s ease-in-out forwards 1.5s;
}

.find-product .section .start__block {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
}

.find-product .section .start__block--img {
    width: 100%;
    height: auto;
    line-height: 0;
}

.find-product .section .start__block--img img {
    width: 100%;
    height: auto;
}

.find-product .section .start__block--but {
    display: flex;
    width: 100%;
    height: auto;
    justify-content: center;
}

.find-product .section .start__block--but button {
    font-size: 60px;
    color: #00a651;
    font-weight: 700;
    font-family: 'Manrope';
    text-align: center;
    background-color: #fff;
    border: 1.5px solid #00a651;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.find-product .section:not(.start__game) .start__block {
    -webkit-animation: textFadeOut 1s ease-in-out forwards 1.52s;
    animation: textFadeOut 1s ease-in-out forwards 1.52s;
}

.find-product .section.start__game .start__block {
    pointer-events: none;
    -webkit-animation: bgFadeIn 1s ease-in-out forwards;
    animation: bgFadeIn 1s ease-in-out forwards;
}

.find-product .section.start__game .section__question {
    pointer-events: all;
    -webkit-animation: textFadeOut 1s ease-in-out forwards 1.02s;
    animation: textFadeOut 1s ease-in-out forwards 1.02s;
}

.find-product .section__question {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    display: flex;
    flex-direction: column;
}

.find-product .section .container__ans {
    flex-grow: 1;
    overflow: hidden;
}

.find-product .section .page {
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.find-product .section .page.active {
    display: block;
}

.find-product .section .page .question {
    display: flex;
    height: 100%;
    overflow: hidden;
    flex-direction: column;
}

.find-product .section .page .checklist {
    flex-grow: 1;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.find-product .section .action__customize {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.find-product .section .action__prev,
.find-product .section .action__next {
    position: relative;
    cursor: pointer;
}

.find-product .section .action__prev img,
.find-product .section .action__next img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}

.find-product .section .action__prev .black,
.find-product .section .action__next .black {
    opacity: 0;
}

.find-product .section .action__prev .green,
.find-product .section .action__next .green {
    opacity: 1;
}

.find-product .section .action__prev.disabled,
.find-product .section .action__next.disabled {
    cursor: default;
}

.find-product .section .action__prev.disabled .black,
.find-product .section .action__next.disabled .black {
    opacity: 1;
}

.find-product .section .action__prev.disabled .green,
.find-product .section .action__next.disabled .green {
    opacity: 0;
}

.find-product .section .inner {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1.0) 100%);
}

.find-product .section .question__list {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.find-product .section .question__list li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: 'Manrope';
    color: #898989;
    font-weight: 800;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.find-product .section .question__list li::after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #ffffff;
    left: 100%;
    top: 50%;
    margin-top: -1px;
    opacity: 0;
}

.find-product .section .question__list li.active,
.find-product .section .question__list li.finished {
    background-color: #00a651;
    color: #fff;
}

.find-product .section .question__list li:last-child::after {
    display: none;
}

.find-product .section .question__list li img {
    position: absolute;
    opacity: 0;
}

.find-product .section .question__list li.finished {
    font-size: 0;
}

.find-product .section .question__list li.finished::after,
.find-product .section .question__list li.finished img {
    opacity: 1;
}

.find-product .section .title,
.find-product .section .sub-title,
.find-product .section .block-question__title {
    font-family: 'Manrope';
    color: #00a651;
}

.find-product .section .title,
.find-product .section .block-question__title {
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.6;
}

.find-product .section .sub-title {
    font-weight: 400;
}

.find-product .section .title,
.find-product .section .sub-title {
    text-align: center;
}

.find-product .section .question label.radio__customize,
.find-product .section .question label.checkbox__customize {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    align-items: center;
}

.find-product .section .question .block-question {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
}

.find-product .section .question .block-question__title {
    width: 100%;
}

.find-product .section .question .block-question__list {
    display: flex;
    width: 100%;
}

.find-product .section .question .block-question .checked .radio__customize,
.find-product .section .question .block-question .checked .checkbox__customize,
.find-product .section .question .block-question .radio__customize.checked,
.find-product .section .question .block-question .checkbox__customize.checked {
    background-color: #cee7d7;
}

.find-product .section .question h5 {
    font-family: 'Manrope';
    font-weight: 400;
    color: #211e1f;
    margin: 0;
}

.find-product .section .question input[type="checkbox"],
.find-product .section .question input[type="radio"] {
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #00a651;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.find-product .section .question .checked h5 {
    color: #00a651;
    font-weight: 800;
}

.find-product .section .question .checked input[type="checkbox"],
.find-product .section .question .checked input[type="radio"] {
    background-color: #00a651;
}

.find-product .section .link__ref {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    display: none;
}

.find-product .section .link__ref a {
    font-family: 'Manrope';
    color: #00a651;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: underline;
}

.find-product .section .link__ref .icon__arrow,
.find-product .section .link__ref .icon__hand {
    line-height: 0;
}

.find-product .section .link__ref .icon__arrow img,
.find-product .section .link__ref .icon__hand img {
    width: 100%;
}

.find-product .section .link__ref .icon__hand {
    display: block;
    width: 100%;
}

.find-product .section .link__ref .icon__hand img {
    display: block;
    margin: 0 auto;
    -webkit-animation: cursorAnim 0.3s infinite alternate;
    animation: cursorAnim 0.3s infinite alternate;
}

.find-product .section .radio__customize.checked+.link__ref {
    display: flex;
}

.find-product .section .radio__customize,
.find-product .section .checkbox__customize {
    cursor: pointer;
}

.find-product .pink__color h3 {
    color: #5e327e;
}

.find-product .green__color {
    background-color: rgba(2, 165, 81, 0.2);
}

.find-product .green__color h3,
.find-product .green__color a {
    color: #00a651;
}

.find-product .result {
    position: relative;
    width: 100%;
    height: auto;
}

.find-product .result__box {
    width: 100%;
    margin: 0 auto;
    height: auto;
}

.find-product .result__bg {
    position: relative;
    width: 100%;
    height: auto;
    line-height: 0;
}

.find-product .result__bg img {
    width: 100%;
    height: auto;
}

.find-product .result__product {
    display: block;
}

.find-product .result__product--doctor {
    line-height: 0;
}

.find-product .result__product--doctor img {
    width: 100%;
    height: auto;
}

.find-product .result__product--item a {
    font-family: 'Manrope';
    font-weight: 500;
    border: 1.5px solid #000;
    display: block;
    text-align: center;
}

.find-product .result__product--item.green__color a {
    border: 1.5px solid #02a551;
}

.find-product .result__product--item.slick-current h3 {
    color: #5e327e;
}

.find-product .result__product--item.slick-active:not(.slick-current) {
    background-color: rgba(2, 165, 81, 0.2);
}

.find-product .result__product--item.slick-active:not(.slick-current) h3,
.find-product .result__product--item.slick-active:not(.slick-current) a {
    color: #00a651;
}

.find-product .result__product--item.slick-active:not(.slick-current) a {
    border: 1.5px solid #02a551;
}

.find-product .result__product--txt {
    text-align: center;
}

.find-product .result__product--txt h3 {
    font-family: 'Manrope';
    font-weight: 800;
    text-transform: uppercase;
}

.find-product .result__product--txt p {
    color: #000;
    font-family: 'Manrope';
    font-weight: 400;
}

.find-product .result__product--img {
    width: 100%;
    height: auto;
    line-height: 0;
}

.find-product .result__product--img img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.find-product .result__product--brief {
    position: relative;
    color: #00a651;
    font-family: 'Manrope';
    font-weight: 800;
    text-align: center;
    line-height: 1.3;
}

.find-product .result__product--brief p {
    position: relative;
    background-color: #fff;
    filter: drop-shadow(3.878px 6.997px 0.5px rgba(0, 0, 0, 0.04));
}

.find-product .result__product--brief .qoute__left,
.find-product .result__product--brief .qoute__right {
    position: absolute;
}

.find-product .result__action button,
.find-product .result__action a {
    color: #00a651;
    font-family: 'Manrope';
    font-weight: 800;
    background-color: #fff;
    filter: drop-shadow(7.757px 13.994px 1px rgba(0, 0, 0, 0.04));
    text-align: center;
    line-height: 1.3;
    border: 1.5px solid #00a651;
    text-transform: uppercase;
    display: block;
}

.find-product .result__conclusion {
    filter: drop-shadow(3.878px 6.997px 0.5px rgba(0, 0, 0, 0.04));
    background-color: #fff;
    font-family: 'Manrope';
    font-weight: 400;
    color: #000;
}

.find-product .result__conclusion strong {
    font-weight: 800;
}

.find-product .result__note {
    color: #3a3a3a;
    font-family: 'Manrope';
    font-weight: 400;
}

.find-product .result__note strong {
    font-weight: 800;
}

.find-product .result__product--nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.find-product .result__product--nav .nav__prev,
.find-product .result__product--nav .nav__next {
    position: relative;
    line-height: 0;
    cursor: pointer;
}

.find-product .result__product--nav .nav__prev img,
.find-product .result__product--nav .nav__next img {
    width: 100%;
    height: auto;
}

.find-product .result__product--nav .nav__prev .black,
.find-product .result__product--nav .nav__next .black {
    position: relative;
    opacity: 0;
}

.find-product .result__product--nav .nav__prev .green,
.find-product .result__product--nav .nav__next .green {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
}

.find-product .result__product--nav .nav__prev.disabled .green,
.find-product .result__product--nav .nav__next.disabled .green {
    opacity: 0;
}

.find-product .result__product--nav .nav__prev.disabled .black,
.find-product .result__product--nav .nav__next.disabled .black {
    opacity: 1;
}

.find-product .disabled {
    pointer-events: none;
}

.prev__customize.green,
.next__customize.green {
    background-color: #00a651;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.extra-dropdown {
    position: relative;
    display: flex;
    position: relative;
    cursor: pointer;
}

.extra-dropdown::before {
    content: '';
    border: 2px solid #00a651;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.extra-dropdown--inr input[type="checkbox"] {
    position: relative;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.extra-dropdown--inr input[type="checkbox"]::after {
    content: '';
    width: 76%;
    height: 100%;
    border-right: 2px solid #00a651;
    border-bottom: 2px solid #00a651;
    display: block;
    position: absolute;
    -webkit-transform: scale(0.8) rotate(35deg);
    transform: scale(0.8) rotate(35deg);
    bottom: 15%;
    left: 15%;
    opacity: 0;
}

.extra-dropdown--inr .checked input[type="checkbox"] {
    background-color: transparent !important;
}

.extra-dropdown--inr .checked input[type="checkbox"]::after {
    opacity: 1;
}

.extra-dropdown:not(.active) {
    margin-bottom: 0 !important;
}

.extra-dropdown:not(.active)+.extra-dropdown--inr {
    display: none !important;
}

.extra-dropdown.active::before {
    background-color: #00a651;
}

.extra-dropdown.active {
    color: #00a651 !important;
    font-weight: 700 !important;
}

.find-product .section .block-question__title.extra-dropdown {
    text-transform: initial;
}

.find-product .section .block-question__title.extra-dropdown:not(.active) {
    color: #211e1f;
    font-weight: 400;
}

@media only screen and (min-width: 992px) {
    .mb__customize {
        display: none !important;
    }

    .find-product .section .section__question {
        max-height: calc(100vh - 90px);
    }

    .find-product .section .start__block {
        width: clamp(292px, 42.3499267936vw, 584px);
        top: clamp(96px, 13.0307467057vw, 192px);
    }

    .find-product .section .start__block--but {
        padding-top: clamp(13px, 1.756954612vw, 26px);
    }

    .find-product .section .start__block--but button {
        width: clamp(86px, 11.9326500732vw, 172px);
        height: clamp(40px, 5.270863836vw, 78px);
        font-size: clamp(15.5px, 2.196193265vw, 31px);
        -webkit-border-radius: clamp(8px, 0.878477306vw, 16px);
        border-radius: clamp(8px, 0.878477306vw, 16px);
    }

    .find-product .section .question__list {
        gap: clamp(23px, 3.1478770132vw, 46px);
        padding: clamp(13px, 1.8301610542vw, 26px) 0;
    }

    .find-product .section .question__list li {
        flex: 0 0 clamp(21px, 2.9282576867vw, 42px);
        max-width: clamp(21px, 2.9282576867vw, 42px);
        height: clamp(21px, 2.9282576867vw, 42px);
        font-size: clamp(12.5px, 1.6105417277vw, 23px);
    }

    .find-product .section .question__list li::after {
        width: clamp(19px, 2.5622254758vw, 38px);
        -webkit-transform: translateX(clamp(2px, 0.2928257687vw, 4px));
        transform: translateX(clamp(2px, 0.2928257687vw, 4px));
    }

    .find-product .section .question__list li img {
        width: clamp(12px, 1.2079062958vw, 23px);
    }

    .find-product .section .action__prev,
    .find-product .section .action__next {
        width: clamp(25px, 2.635431918vw, 50px);
        height: clamp(25px, 2.635431918vw, 50px);
    }

    .find-product .section .action__prev {
        position: absolute;
        top: 12vh;
        right: 100%;
        -webkit-transform: translate(-20px, -50%);
        transform: translate(-20px, -50%);
    }

    .find-product .section .action__next {
        position: absolute;
        left: 100%;
        top: 12vh;
        -webkit-transform: translate(20px, -50%);
        transform: translate(20px, -50%);
    }

    .find-product .section .test-container {
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .find-product .section .inner {
        position: relative;
        width: clamp(300px, 42.4597364568vw, 612px);
        padding-top: clamp(12px, 1.756954612vw, 24px);
        padding-bottom: clamp(9px, 1.5373352855vw, 18px);
        -webkit-border-radius: clamp(12.5px, 1.7203513909vw, 25px);
        border-radius: clamp(12.5px, 1.7203513909vw, 25px);
        margin: 0 auto;
    }

    .find-product .section .title {
        margin-bottom: clamp(9px, 1.1713030747vw, 18px);
        font-size: clamp(12.5px, 1.756954612vw, 25px);
        line-height: 1.6;
    }

    .find-product .section .sub-title {
        font-size: clamp(10.5px, 1.4641288433vw, 21px);
        margin-bottom: clamp(10px, 1.4641288433vw, 20px);
        margin-top: clamp(-10px, 0.7320644217vw, -15px);
    }

    .find-product .section .block-question__title {
        font-size: clamp(7.5px, 1.0980966325vw, 15px);
    }

    .find-product .section .link__ref {
        margin-bottom: clamp(12px, 1.0980966325vw, 21px);
    }

    .find-product .section .link__ref a {
        font-size: clamp(12px, 1.0980966325vw, 21px);
    }

    .find-product .section .link__ref .icon__arrow {
        width: clamp(9px, 0.9150805271vw, 18px);
        margin-right: clamp(6px, 0.439238653vw, 8px);
    }

    .find-product .section .link__ref .icon__hand img {
        width: clamp(14px, 1.5007320644vw, 28px);
    }

    .find-product .section .question {
        display: block;
        margin: 0 auto;
    }

    .find-product .section .question_one {
        width: clamp(120px, 17.4231332357vw, 240px);
    }

    .find-product .section .question_two {
        width: clamp(182px, 25.0366032211vw, 362px);
    }

    .find-product .section .question_three {
        width: clamp(225px, 38.140556369vw, 550px);
    }

    .find-product .section .question_four {
        width: clamp(225px, 38.140556369vw, 550px);
    }

    .find-product .section .question_five {
        width: clamp(225px, 38.140556369vw, 550px);
    }

    .find-product .section .question_six {
        width: clamp(182px, 25.0366032211vw, 362px);
    }

    .find-product .section .question .radio__customize,
    .find-product .section .question .checkbox__customize {
        margin-bottom: clamp(9px, 1.1713030747vw, 18px);
        padding: clamp(5px, 0.7320644217vw, 10px) clamp(6.5px, 0.9516837482vw, 13px);
        -webkit-border-radius: clamp(4.5px, 0.6222547584vw, 9px);
        border-radius: clamp(4.5px, 0.6222547584vw, 9px);
    }

    .find-product .section .question .checkbox__customize__lv2 {
        padding-left: clamp(19.5px, 2.796193265vw, 38px) !important;
    }

    .find-product .section .question .block-question--customize h5.block-question__title {
        display: flex;
        align-items: center;
    }

    .find-product .section .question h5 {
        font-size: clamp(8px, 1.0248901903vw, 15px);
        padding-left: clamp(3px, 0.5124450952vw, 7px);
        line-height: 1.4;
    }

    .find-product .section .question input[type="checkbox"],
    .find-product .section .question input[type="radio"] {
        flex: 0 0 clamp(8.5px, 1.1346998536vw, 17px);
        max-width: clamp(8.5px, 1.1346998536vw, 17px);
        height: clamp(8.5px, 1.1346998536vw, 17px);
    }

    .find-product .section .question .extra-dropdown {
        gap: clamp(3px, 0.5124450952vw, 7px);
        padding-left: clamp(5.5px, 0.8052708638vw, 11px) !important;
    }

    .find-product .section .question .extra-dropdown::before {
        flex: 0 0 clamp(8.5px, 1.1346998536vw, 17px);
        max-width: clamp(8.5px, 1.1346998536vw, 17px);
        height: clamp(8.5px, 1.1346998536vw, 17px);
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .find-product .section .question .extra-dropdown--inr input[type="checkbox"] {
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
    }

    .find-product .section .question .block-question {
        margin-bottom: clamp(9px, 1.1713030747vw, 18px);
        padding-left: clamp(15px, 2.196193265vw, 30px);
        padding-right: clamp(15px, 2.4158125915vw, 30px);
        padding-top: clamp(6.5px, 0.9882869693vw, 13px);
        padding-bottom: clamp(6.5px, 0.9882869693vw, 13px);
        -webkit-border-radius: clamp(12.5px, 1.6105417277vw, 23px);
        border-radius: clamp(12.5px, 1.6105417277vw, 23px);
    }

    .find-product .section .question .block-question__title {
        margin-bottom: clamp(5.5px, 0.6954612006vw, 10px);
        padding-left: clamp(4.5px, 0.6222547584vw, 9px);
    }

    .find-product .section .question .block-question__list .radio__customize,
    .find-product .section .question .block-question__list .checkbox__customize {
        margin: 0;
        flex-grow: 1;
        padding: clamp(4px, 0.439238653vw, 8px) clamp(4.5px, 0.5856515373vw, 9px);
        -webkit-border-radius: 30px;
        border-radius: 30px;
    }

    .find-product .section .question_three .checkbox__customize,
    .find-product .section .question_three .radio__customize,
    .find-product .section .question_six .checkbox__customize,
    .find-product .section .question_six .radio__customize {
        padding-left: clamp(17px, 2.4158125915vw, 34px);
        padding-right: clamp(17px, 2.4158125915vw, 34px);
        -webkit-border-radius: clamp(12.5px, 1.6105417277vw, 23px);
        border-radius: clamp(12.5px, 1.6105417277vw, 23px);
    }

    .find-product .section .question_three .block-question,
    .find-product .section .question_six .block-question {
        padding-left: clamp(13px, 1.6837481698vw, 24px);
        padding-right: clamp(13px, 1.6837481698vw, 24px);
        padding-top: clamp(6.5px, 0.9882869693vw, 13px);
        padding-bottom: clamp(6.5px, 0.9882869693vw, 13px);
    }

    .find-product .section .question_three .block-question__title,
    .find-product .section .question_six .block-question__title {
        text-transform: initial;
        padding-left: clamp(14px, 2.4158125915vw, 35px);
    }

    .find-product .section .question_three .block-question .radio__customize,
    .find-product .section .question_six .block-question .radio__customize {
        padding-left: clamp(5.5px, 0.8052708638vw, 11px);
        padding-right: clamp(5.5px, 0.8052708638vw, 11px);
        -webkit-border-radius: clamp(6px, 1.0980966325vw, 12px);
        border-radius: clamp(6px, 1.0980966325vw, 12px);
    }

    .find-product .result__box {
        width: clamp(480px, 68.3016105417vw, 980px);
    }

    .find-product .result__title {
        width: clamp(283px, 40.8125915081vw, 566px);
        margin: 0 auto;
        padding-top: clamp(20px, 2.7086383602vw, 40px);
        padding-bottom: clamp(34px, 4.5387994143vw, 68px);
    }

    .find-product .result .result__bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .find-product .result .result__bg img {
        width: 100%;
        height: 100%;
        -webkit-object-fit: cover;
        object-fit: cover;
    }

    .find-product .result__info {
        position: relative;
        width: 100%;
        height: auto;
        padding-bottom: 30px;
    }

    .find-product .result__info .container {
        height: 100%;
    }

    .find-product .result__product {
        position: relative;
        width: 100%;
        display: block;
    }

    .find-product .result__product--doctor {
        width: clamp(304px, 42.2401171303vw, 608px);
        margin-left: clamp(-28px, -1.9765739385vw, -14px);
    }

    .find-product .result__product--info {
        position: absolute;
        top: 0;
        left: clamp(150px, 26.1713030747vw, 378px);
        width: clamp(240px, 33.3089311859vw, 480px);
    }

    .find-product .result__product--suggest {
        width: 100%;
        display: flex;
        margin-bottom: clamp(10px, 1.4641288433vw, 20px);
        justify-content: center;
    }

    .find-product .result__product--suggest .slick-prev,
    .find-product .result__product--suggest .slick-next {
        top: auto;
        bottom: -20px;
        width: 30px;
        height: 30px;
    }

    .find-product .result__product--suggest .slick-prev {
        left: 41%;
    }

    .find-product .result__product--suggest .slick-next {
        right: 41%;
    }

    .find-product .result__product--suggest .slick-arrow:after {
        font-size: 18px;
    }

    .find-product .result__product--item {
        width: 50%;
        padding: clamp(10px, 1.317715959vw, 20px) clamp(7px, 1.0248901903vw, 12px);
        -webkit-border-radius: clamp(12px, 1.756954612vw, 25px);
        border-radius: clamp(12px, 1.756954612vw, 25px);
        -webkit-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
        display: flex;
        flex-direction: column;
    }

    .find-product .result__product--item .result__product--action {
        margin-top: auto;
    }

    .find-product .result__product--item.only__one {
        position: relative;
        top: 5vw;
    }

    .find-product .result__product--item a {
        font-size: clamp(7.5px, 0.9516837482vw, 14px);
        padding: clamp(2.5px, 0.3660322108vw, 5px) clamp(5px, 0.8052708638vw, 10px);
        line-height: 1.4;
        -webkit-border-radius: clamp(8px, 1.0248901903vw, 16px);
        border-radius: clamp(8px, 1.0248901903vw, 16px);
    }

    .find-product .result__product--item h3,
    .find-product .result__product--item a {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .find-product .result__product--item:hover img {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }

    .find-product .result__product--item.vrohto_new:hover {
        background-color: rgba(2, 165, 81, 0.2);
    }

    .find-product .result__product--item.vrohto_new:hover h3 {
        color: #00a651;
    }

    .find-product .result__product--item.vrohto_new:hover a {
        color: #00a651;
        border-color: #00a651;
    }

    .find-product .result__product--item.vrohto_vitamin:hover {
        background-color: rgba(255, 207, 60, 0.2);
    }

    .find-product .result__product--item.vrohto_vitamin:hover h3 {
        color: #e04307;
    }

    .find-product .result__product--item.vrohto_vitamin:hover a {
        color: #e04307;
        border-color: #e04307;
    }

    .find-product .result__product--item.vrohto_cool:hover {
        background-color: rgba(37, 78, 140, 0.2);
    }

    .find-product .result__product--item.vrohto_cool:hover h3 {
        color: #1c2441;
    }

    .find-product .result__product--item.vrohto_cool:hover a {
        color: #1c2441;
        border-color: #1c2441;
    }

    .find-product .result__product--item.vrohto_dry_aid:hover {
        background-color: rgba(139, 149, 201, 0.2);
    }

    .find-product .result__product--item.vrohto_dry_aid:hover h3 {
        color: #5e327e;
    }

    .find-product .result__product--item.vrohto_dry_aid:hover a {
        color: #5e327e;
        border-color: #5e327e;
    }

    .find-product .result__product--item.vrohto_dry_eye:hover {
        background-color: rgba(231, 174, 108, 0.2);
    }

    .find-product .result__product--item.vrohto_dry_eye:hover h3 {
        color: #ab8948;
    }

    .find-product .result__product--item.vrohto_dry_eye:hover a {
        color: #ab8948;
        border-color: #ab8948;
    }

    .find-product .result__product--item.vrohto_dry_mineral:hover {
        background-color: rgba(98, 195, 236, 0.2);
    }

    .find-product .result__product--item.vrohto_dry_mineral:hover h3 {
        color: #0079c1;
    }

    .find-product .result__product--item.vrohto_dry_mineral:hover a {
        color: #0079c1;
        border-color: #0079c1;
    }

    .find-product .result__product--item.vrohto_for_kids:hover {
        background-color: rgba(133, 201, 94, 0.2);
    }

    .find-product .result__product--item.vrohto_for_kids:hover h3 {
        color: #4fab1b;
    }

    .find-product .result__product--item.vrohto_for_kids:hover a {
        color: #4fab1b;
        border-color: #4fab1b;
    }

    .find-product .result__product--item.vrohto_lycee:hover {
        background-color: rgba(255, 126, 152, 0.2);
    }

    .find-product .result__product--item.vrohto_lycee:hover h3 {
        color: #ee216d;
    }

    .find-product .result__product--item.vrohto_lycee:hover a {
        color: #ee216d;
        border-color: #ee216d;
    }

    .find-product .result__product--item.vrohto_antibacterial:hover {
        background-color: rgba(0, 95, 173, 0.2);
    }

    .find-product .result__product--item.vrohto_antibacterial:hover h3 {
        color: #005495;
    }

    .find-product .result__product--item.vrohto_antibacterial:hover a {
        color: #005495;
        border-color: #005495;
    }

    .find-product .result__product--item.vrohto_new img,
    .find-product .result__product--item.vrohto_dry_mineral img,
    .find-product .result__product--item.vrohto_dry_eye img {
        top: 0.2vw;
    }

    .find-product .result__product--item.vrohto_for_kids img {
        top: 0.5vw;
    }

    .find-product .result__product--img {
        margin-bottom: clamp(8px, 1.0248901903vw, 16px);
    }

    .find-product .result__product--img img {
        position: relative;
        width: clamp(67px, 9.1508052709vw, 140px);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        margin: 0 auto;
    }

    .find-product .result__product--txt h3,
    .find-product .result__product--txt p {
        margin: 0;
        margin-bottom: clamp(3.5px, 0.4758418741vw, 7px);
    }

    .find-product .result__product--txt h3 {
        font-size: clamp(12px, 1.1713030747vw, 18px);
    }

    .find-product .result__product--txt p {
        font-size: clamp(6px, 0.878477306vw, 12px);
    }

    .find-product .result__product--brief {
        width: clamp(212px, 29.5021961933vw, 424px);
        margin: 0 auto;
    }

    .find-product .result__product--brief p {
        margin-bottom: 0;
        padding: clamp(5px, 0.7320644217vw, 10px) clamp(10px, 1.4641288433vw, 15px);
        font-size: clamp(8.5px, 1.2445095168vw, 17px);
        -webkit-border-radius: clamp(7px, 0.9516837482vw, 14px);
        border-radius: clamp(7px, 0.9516837482vw, 14px);
        z-index: 1;
    }

    .find-product .result__product--brief .qoute__left,
    .find-product .result__product--brief .qoute__right {
        width: clamp(29px, 4.0263543192vw, 58px);
    }

    .find-product .result__product--brief .qoute__left {
        right: 100%;
        -webkit-transform: translate(70%, -60%);
        transform: translate(70%, -60%);
    }

    .find-product .result__product--brief .qoute__right {
        left: 100%;
        -webkit-transform: scaleX(-1) translate(40%, -30%);
        transform: scaleX(-1) translate(40%, -30%);
    }

    .find-product .result__action {
        position: relative;
        z-index: 1;
        display: flex;
        margin: 0 auto;
        margin-top: clamp(-42px, -2.196193265vw, -36px);
        margin-bottom: clamp(5px, 0.7320644217vw, 10px);
        gap: 16px;
        width: clamp(396px, 54.9780380673vw, 792px);
    }

    .find-product .result__action--item {
        flex-grow: 1;
    }

    .find-product .result__action--item button,
    .find-product .result__action--item a {
        width: 100%;
        padding: clamp(6.5px, 0.9516837482vw, 13px);
        -webkit-border-radius: clamp(6.5px, 0.878477306vw, 13px);
        border-radius: clamp(6.5px, 0.878477306vw, 13px);
        font-size: clamp(8.5px, 1.1713030747vw, 17px);
        filter: drop-shadow(3.147px 3.886px 2.5px rgba(0, 0, 0, 0.16));
    }

    .find-product .result__conclusion {
        width: clamp(396px, 54.9780380673vw, 792px);
        margin: 0 auto;
        margin-bottom: clamp(5px, 0.7320644217vw, 10px);
        padding: clamp(5px, 0.7320644217vw, 11px) clamp(8px, 0.9882869693vw, 16px) clamp(2.5px, 0.3660322108vw, 5px) clamp(8px, 0.9882869693vw, 16px);
        -webkit-border-radius: clamp(11px, 1.4641288433vw, 21px);
        border-radius: clamp(11px, 1.4641288433vw, 21px);
    }

    .find-product .result__conclusion p {
        font-size: clamp(7.5px, 0.9516837482vw, 14px);
        margin: 0;
        margin-bottom: clamp(3px, 0.439238653vw, 6px);
    }

    .find-product .result__conclusion ul {
        padding: 0;
        margin: 0;
        padding-left: clamp(8px, 0.9882869693vw, 16px);
    }

    .find-product .result__conclusion ul li {
        font-size: clamp(7.5px, 0.9516837482vw, 14px);
        margin-bottom: clamp(3px, 0.439238653vw, 6px);
    }

    .find-product .result__note {
        width: clamp(396px, 55.3440702782vw, 792px);
        margin: 0 auto;
        padding: 0 clamp(8px, 1.6641288433vw, 42px);
    }

    .find-product .result__note p {
        font-size: clamp(7.5px, 0.9516837482vw, 14px);
        margin: 0;
        margin-bottom: clamp(3px, 0.439238653vw, 3px);
    }

    .find-product .result__product--nav {
        gap: clamp(8px, 1.2811127379vw, 17px);
        margin-bottom: clamp(5px, 0.7320644217vw, 10px);
    }

    .find-product .result__product--nav .nav__prev,
    .find-product .result__product--nav .nav__next {
        width: 1.4641288433vw;
    }
}

@media only screen and (max-width: 991px) {
    .pc__customize {
        display: none !important;
    }

    .find-product .section {
        height: calc(90vh - 56px);
    }

    .find-product .section.result {
        height: auto;
    }

    .find-product .section .section__start {
        width: 100%;
        height: 100%;
    }

    .find-product .section .img__block {
        position: absolute;
        width: 100%;
        height: auto;
        left: 0;
        bottom: 0;
    }

    .find-product .section .start__block {
        width: 83.7209302326vw;
        top: 32.5581395349vw;
    }

    .find-product .section .start__block--but {
        padding-top: 5.6589147287vw;
    }

    .find-product .section .start__block--but button {
        width: 35.9689922481vw;
        height: 15.1937984496vw;
        font-size: 6.2015503876vw;
        -webkit-border-radius: 2.480620155vw;
        border-radius: 2.480620155vw;
        padding: 0;
    }

    .find-product .section .question__list {
        gap: 7.7519379845vw;
        padding: 0;
        padding-top: 8.992248062vw;
        padding-bottom: 5.7364341085vw;
    }

    .find-product .section .question__list li {
        flex: 0 0 7.2868217054vw;
        max-width: 7.2868217054vw;
        height: 7.2868217054vw;
        font-size: 4.0310077519vw;
    }

    .find-product .section .question__list li::after {
        width: 6.511627907vw;
        -webkit-transform: translateX(0.6201550388vw);
        transform: translateX(0.6201550388vw);
    }

    .find-product .section .question__list li img {
        width: 3.1007751938vw;
    }

    .find-product .section .action__customize {
        padding: 0;
        margin-top: -20px;
    }

    .find-product .section .action__prev,
    .find-product .section .action__next {
        width: 8.2170542636vw;
        height: 8.2170542636vw;
    }

    .find-product .section .action__prev {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .find-product .section .action__next {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .find-product .section .test-container,
    .find-product .section .inner {
        height: 100%;
        overflow: hidden;
    }

    .find-product .section .inner {
        -webkit-border-radius: 3.6434108527vw;
        border-radius: 3.6434108527vw;
        padding: 6.2015503876vw 3.1007751938vw;
    }

    .find-product .section .checklist {
        padding: 0 8px;
    }

    .find-product .section .title {
        font-size: 3.8759689922vw;
        margin-bottom: 3.8759689922vw;
    }

    .find-product .section .sub-title {
        font-size: 3.488372093vw;
        margin-bottom: 3.4108527132vw;
        margin-top: -2.3255813953vw;
    }

    .find-product .section .block-question__title {
        font-size: 3.488372093vw;
    }

    .find-product .section .link__ref {
        font-size: 3.488372093vw;
        margin-bottom: 3.2558139535vw;
    }

    .find-product .section .link__ref .icon__arrow {
        width: 2.480620155vw;
        margin-right: 1.2403100775vw;
    }

    .find-product .section .link__ref .icon__hand img {
        width: 4.0310077519vw;
    }

    .find-product .section .question {
        display: block;
        margin: 0 auto;
        height: 90% !important;
    }

    .find-product .section .question_one,
    .find-product .section .question_two,
    .find-product .section .question_three,
    .find-product .section .question_four,
    .find-product .section .question_five,
    .find-product .section .question_six {
        width: 100%;
    }

    .find-product .section .question .radio__customize,
    .find-product .section .question .checkbox__customize {
        padding: 1.8604651163vw 2.3255813953vw;
        margin-bottom: 3.2558139535vw;
        -webkit-border-radius: 3.8759689922vw;
        border-radius: 3.8759689922vw;
    }

    .find-product .section .question h5 {
        font-size: 3.488372093vw;
        padding-left: 1.7054263566vw;
        flex-grow: 1;
        max-width: calc(100% - 3.255813953488372vw);
    }

    .find-product .section .question h5 br {
        display: none;
    }

    .find-product .section .question input[type="checkbox"],
    .find-product .section .question input[type="radio"] {
        flex: 0 0 3.2558139535vw;
        max-width: 3.2558139535vw;
        height: 3.2558139535vw;
    }

    .find-product .section .question .block-question__title.extra-dropdown {
        padding-left: 0 !important;
        gap: 2.3255813953vw;
        align-items: center;
    }

    .find-product .section .question .extra-dropdown::before {
        flex: 0 0 3.2558139535vw;
        max-width: 3.2558139535vw;
        height: 3.2558139535vw;
    }

    .find-product .section .question .block-question {
        -webkit-border-radius: 2.3255813953vw;
        border-radius: 2.3255813953vw;
        padding-top: 4.8062015504vw;
        margin-bottom: 3.2558139535vw;
    }

    .find-product .section .question .block-question--customize {
        padding: 1.8604651163vw 2.3255813953vw;
    }

    .find-product .section .question .block-question__title {
        margin-bottom: 1.5503875969vw;
        padding-left: 2.3255813953vw;
    }

    .find-product .section .question .block-question__list {
        display: block;
    }

    .find-product .section .question .block-question__list .radio__customize,
    .find-product .section .question .block-question__list .checkbox__customize {
        background-color: transparent !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .find-product .section .question .block-question__list.extra-dropdown--inr .radio__customize {
        padding-left: 6vw;
    }

    .find-product .section .question .block-question__list h5 {
        padding: 1.8604651163vw 2.3255813953vw;
        -webkit-border-radius: 3.8759689922vw;
        border-radius: 3.8759689922vw;
        margin-left: 1.7054263566vw;
        max-width: calc(100% - 4.961240310088372vw);
    }

    .find-product .section .question .block-question__list .checked h5 {
        background-color: #cee7d7;
    }

    .find-product .result__info {
        background: #fff url("../images/result-mb.jpg") no-repeat center top;
        background-size: 100% auto;
    }

    .find-product .result__title {
        width: 83.4108527132vw;
        padding-top: 8.2170542636vw;
        padding-bottom: 3.1007751938vw;
        margin: 0 auto;
    }

    .find-product .result__product--info {
        position: relative;
        margin: 0 auto;
        width: 74.4186046512vw;
    }

    .find-product .result__product--info .nav__prev,
    .find-product .result__product--info .nav__next {
        position: absolute;
        top: 64%;
        width: clamp(30px, 7.2868217054vw, 7.2868217054vw);
    }

    .find-product .result__product--info .nav__prev {
        left: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .find-product .result__product--info .nav__next {
        right: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    .find-product .result__product--nav {
        position: static;
    }

    .find-product .result__product--slider {
        display: flex;
        flex-direction: column-reverse;
    }

    .find-product .result__product--suggest {
        width: 100%;
    }

    .find-product .result__product--suggest .slick-track {
        padding-top: 20.9302325581vw;
    }

    .find-product .result__product--suggest .slick-arrow {
        top: 65%;
    }

    .find-product .result__product--suggest .slick-slide {
        display: flex;
        flex-direction: column-reverse;
    }

    .find-product .result__product--suggest .slick-slide>div:nth-child(2) .result__product--item {
        background-color: rgba(2, 165, 81, 0.2);
    }

    .find-product .result__product--suggest .slick-slide>div:nth-child(2) .result__product--img {
        margin-top: -20.9302325581vw;
    }

    .find-product .result__product--suggest .slick-slide>div:nth-child(2) .result__product--img img {
        width: 76%;
        margin: 0 auto;
    }

    .find-product .result__product--suggest .slick-slide>div:nth-child(1) .result__product--img img {
        width: 66%;
        margin: 0 auto;
    }

    .find-product .result__product--txt h3,
    .find-product .result__product--txt p {
        margin: 0;
        line-height: 1.4;
        margin-bottom: 2.3255813953vw;
    }

    .find-product .result__product--txt h3 {
        font-size: 3.8759689922vw;
    }

    .find-product .result__product--txt p {
        font-size: 3.488372093vw;
    }

    .find-product .result__product--img {
        margin-bottom: 3.1007751938vw;
    }

    .find-product .result__product--item {
        width: 74.4186046512vw;
        padding: 6.6666666667vw 7.7519379845vw;
        -webkit-border-radius: 3.7209302326vw;
        border-radius: 3.7209302326vw;
    }

    .find-product .result__product--item a {
        font-size: 3.8759689922vw;
        -webkit-border-radius: 3.7209302326vw;
        border-radius: 3.7209302326vw;
        padding: 2.1705426357vw;
    }

    .find-product .result__product--item {
        padding: 6.6666666667vw 7.7519379845vw;
        -webkit-border-radius: 3.7209302326vw;
        border-radius: 3.7209302326vw;
        margin-bottom: 4.6511627907vw;
    }

    .find-product .result__product--item a {
        font-size: 3.8759689922vw;
        -webkit-border-radius: 3.7209302326vw;
        border-radius: 3.7209302326vw;
        padding: 2.1705426357vw;
    }

    .find-product .result__product--item.pink__color .result__product--img img {
        width: 66%;
    }

    .find-product .result__product--item.green__color .result__product--img {
        margin-top: -20.9302325581vw;
    }

    .find-product .result__product--txt h3,
    .find-product .result__product--txt p {
        margin: 0;
        line-height: 1.4;
        margin-bottom: 2.3255813953vw;
    }

    .find-product .result__product--txt h3 {
        font-size: 3.8759689922vw;
    }

    .find-product .result__product--txt p {
        font-size: 3.488372093vw;
    }

    .find-product .result__product--img {
        margin-bottom: 3.1007751938vw;
    }

    .find-product .result__product--img img {
        width: 76%;
    }

    .find-product .result__product--doctor {
        width: 51.4728682171vw;
        margin: 0 auto;
    }

    .find-product .result__product--brief {
        width: 69.7674418605vw;
        font-size: 3.488372093vw;
        margin: 0 auto;
        margin-top: -6.2015503876vw;
        margin-bottom: 3.5658914729vw;
    }

    .find-product .result__product--brief p {
        padding: 3.1007751938vw;
        text-align: center;
        margin: 0;
        filter: drop-shadow(2.424px 4.373px 0.5px rgba(0, 0, 0, 0.04));
        -webkit-border-radius: 2.015503876vw;
        border-radius: 2.015503876vw;
    }

    .find-product .result__product--brief .qoute__left,
    .find-product .result__product--brief .qoute__right {
        width: 8.8372093023vw;
    }

    .find-product .result__product--brief .qoute__left {
        right: 100%;
        top: 0;
    }

    .find-product .result__product--brief .qoute__right {
        left: 100%;
        bottom: 0;
        -webkit-transform: scaleX(-1) translateX(-30%);
        transform: scaleX(-1) translateX(-30%);
    }

    .find-product .result__action {
        width: 83.4108527132vw;
        margin: 0 auto;
        flex-wrap: wrap;
        display: flex;
        column-gap: 10px;
    }

    .find-product .result__action--item {
        width: 100%;
        margin-bottom: 2.5581395349vw;
    }

    .find-product .result__action--item:nth-child(2),
    .find-product .result__action--item:nth-child(3) {
        width: auto;
        display: inline-flex;
    }

    .find-product .result__action--item:nth-child(2) button,
    .find-product .result__action--item:nth-child(2) a,
    .find-product .result__action--item:nth-child(3) button,
    .find-product .result__action--item:nth-child(3) a {
        padding-left: 3.1007751938vw;
        padding-right: 3.1007751938vw;
    }

    .find-product .result__action--item:nth-child(2) {
        flex-grow: 1;
    }

    .find-product .result__action button,
    .find-product .result__action a {
        width: 100%;
        text-align: center;
        padding: 1.5503875969vw 0;
        -webkit-border-radius: 1.8604651163vw;
        border-radius: 1.8604651163vw;
        font-size: 3.1007751938vw;
        filter: drop-shadow(1.888px 2.331px 1.5px rgba(0, 0, 0, 0.16));
    }

    .find-product .result__conclusion {
        width: 83.4108527132vw;
        margin: 0 auto;
        padding: 3.8759689922vw 3.8759689922vw;
        -webkit-border-radius: 3.1007751938vw;
        border-radius: 3.1007751938vw;
        margin-bottom: 3.4108527132vw;
        filter: drop-shadow(2.424px 4.373px 0.5px rgba(0, 0, 0, 0.04));
    }

    .find-product .result__conclusion ul {
        padding: 0;
        margin: 0;
        padding-left: 3.8759689922vw;
    }

    .find-product .result__conclusion p,
    .find-product .result__conclusion li {
        margin: 0;
        margin-bottom: 1.9379844961vw;
        font-size: 3.8759689922vw;
    }

    .find-product .result__conclusion li:last-child {
        margin: 0;
    }

    .find-product .result__note {
        width: 83.4108527132vw;
        margin: 0 auto;
        padding-bottom: 6.2015503876vw;
    }

    .find-product .result__note p {
        margin: 0;
        line-height: 1.4;
        font-size: 3.8759689922vw;
        margin-bottom: 0.5426356589vw;
    }
}

@-webkit-keyframes textFadeOut {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes textFadeOut {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes bgFadeIn {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes bgFadeIn {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes cursorAnim {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes cursorAnim {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.share__box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.share__box.open {
    display: flex;
}

.share__box--item {
    position: relative;
    display: grid;
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    max-width: 360px;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    text-align: center;
    padding: 45px 20px;
    height: 180px;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.share__box--item a {
    display: block;
    line-height: 0;
}

.share__box--item a img {
    width: 30px;
    height: auto;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.share__box--item a:hover img {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.share__box--item .btnCloseShareBox {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.share__box--item .btnCloseShareBox img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.find-product .result__action--item button,
.find-product .result__action--item a {
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.find-product .result__action--item button:hover,
.find-product .result__action--item a:hover {
    background: #00A651;
    color: #fff;
}

@-webkit-keyframes mFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes mFadeUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes mFadeUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes mFadeDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes mFadeDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

#social-connect .section-title{

    font-family: 'SVN-Gotham';
    font-style: normal;
    font-weight: 900;
    font-size: 64px;
    line-height: 120%;
    /* identical to box height, or 77px */
    text-align: center;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    /* Brand Color/Primary */
    color: #00A651;

}

@media only screen and (max-width:991px) {
    #social-connect .section-title{
        font-size: 40px;
    }
}